@extends('layouts.master')
@section('css')
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" type="text/css" />
    <link href="{{ URL::asset('assets/libs/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/filepond/4.30.6/filepond.css"
        integrity="sha512-+9N9eHaPFoACOB0WABsAByw8rE3wPrCdY9DSUS5vM7qjss4w9g8CcKHDULxhVL/bg3zNVad4TIRUEdSujIjxcw=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link href="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.css"
        rel="stylesheet" />
    <style>
        .error {
            color: red;
        }
    </style>
@endsection
@section('title')
    Print Settings
@endsection
@section('content')
    <main>
        <div class="row">
            <div class="col-lg-2"></div>
            <div class="col-lg-8">
                <div class="card">
                    <div class="card-header d-flex align-items-center">
                        <h5 class="card-title mb-0 flex-grow-1">
                            Sales Print Settings
                        </h5>
                    </div>
                    <div class="card-body">
                        <form action="/admin/update-sales-print-settings" method="POST" id="print_option_form"
                            autocomplete="off" class="needs-validation" novalidate enctype="multipart/form-data">
                            @csrf
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">Print Type</label>
                                </div>
                                <div class="col-lg-8">
                                    <select class="form-select" name="print_type" id="print-type">
                                        <option value="">Print Type</option>
                                        <option value="Tax Invoice" @if ($companyProfile->print_type == 'Tax Invoice') selected @endif>Tax
                                            Invoice/ Proforma Invoice</option>
                                        <option value="Estimate Invoice" @if ($companyProfile->print_type == 'Estimate Invoice') selected @endif>
                                            Estimate Invoice</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">Show Seller Details</label>
                                </div>
                                <div class="col-lg-8">
                                    <select class="form-select" name="show_seller" id="show_seller">
                                        <option value="">Show Seller Details</option>
                                        <option value="1" @if ($companyProfile->show_seller == '1') selected @endif>Yes
                                        </option>
                                        <option value="0" @if ($companyProfile->show_seller == '0') selected @endif>No</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">Show Weight Details</label>
                                </div>
                                <div class="col-lg-8">
                                    <select class="form-select" name="show_weight_details" id="show_weight_details">
                                        <option value="">Show Weight Details</option>
                                        <option value="1" @if ($companyProfile->show_weight_details == '1') selected @endif>Yes
                                        </option>
                                        <option value="0" @if ($companyProfile->show_weight_details == '0') selected @endif>No</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">Show Discount</label>
                                </div>
                                <div class="col-lg-8">
                                    <select class="form-select" name="show_discount" id="show_discount">
                                        <option value="">Show Discount</option>
                                        <option value="1" @if ($companyProfile->show_discount_amount_in_print == '1') selected @endif>Yes
                                        </option>
                                        <option value="0" @if ($companyProfile->show_discount_amount_in_print == '0') selected @endif>No</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">Letter Pad print</label>
                                </div>
                                <div class="col-lg-8">
                                    <select class="form-select" name="letter_pad_print" id="letter_pad_print">
                                        <option value="">Letter Pad print</option>
                                        <option value="1" @isset($printSettings) {{ $printSettings->letter_pad_print == '1'  ? 'selected' : ''}} @endif>Yes
                                        </option>
                                        <option value="0"  @isset($printSettings) {{ $printSettings->letter_pad_print == '0'  ? 'selected' : ''}}  @endif>No</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">Letter Pad print Type</label>
                                </div>
                                <div class="col-lg-8">
                                    <select class="form-select" name="letterpad_print_format" id="letterpad_print_format">
                                        <option value="1" @isset($printSettings) {{ $printSettings->letterpad_print_format == '1'  ? 'selected' : ''}}  @endif>Customised
                                        </option>
                                        <option value="0"  @isset($printSettings) {{ $printSettings->letterpad_print_format == '0'  ? 'selected' : ''}}  @endif>Normal</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">Letter Pad With Heading</label>
                                </div>
                                <div class="col-lg-8">
                                    <select class="form-select" name="letterpad_with_heading" id="letterpad_with_heading">
                                        <option value="1" @isset($printSettings) {{ $printSettings->letterpad_with_heading == '1'  ? 'selected' : ''}}  @endif>Yes
                                        </option>
                                        <option value="0"  @isset($printSettings) {{ $printSettings->letterpad_with_heading == '0'  ? 'selected' : ''}}  @endif>No</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">Custom print</label>
                                </div>
                                <div class="col-lg-8">
                                    <select class="form-select" name="custom_print" id="custom_print">
                                        <option value="1" @isset($printSettings) {{ $printSettings->custom_print == '1'  ? 'selected' : ''}} @endif>Yes
                                        </option>
                                        <option value="0"  @isset($printSettings) {{ $printSettings->custom_print == '0'  ? 'selected' : ''}}  @endif>No</option>
                                    </select>
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">Custom Type</label>
                                </div>
                                <div class="col-lg-8">
                                    <select class="form-select" name="custom_print_type" id="custom_print_type">
                                        <option value="0" @isset($printSettings) {{ $printSettings->custom_print_type == '0'  ? 'selected' : ''}} @endif>Type 1
                                        </option>
                                        <option value="1"  @isset($printSettings) {{ $printSettings->custom_print_type == '1'  ? 'selected' : ''}}  @endif>Type 2</option>
                                    </select>
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">ItemWise Gst(cgst/sgst)</label>
                                </div>
                                <div class="col-lg-8">
                                    <select class="form-select" name="itemwise_gst" id="itemwise_gst">
                                        <option value="1" @isset($printSettings) {{ $printSettings->itemwise_gst == '1' ? 'selected' : '' }} @endif>Yes
                                        </option>
                                        <option value="0" @isset($printSettings) {{ $printSettings->itemwise_gst == '0' ? 'selected' : '' }}  @endif>No</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">ItemWise Gst(igst)</label>
                                </div>
                                <div class="col-lg-8">
                                    <select class="form-select" name="itemwise_igst" id="itemwise_igst">
                                        <option value="1" @isset($printSettings) {{ $printSettings->itemwise_igst == '1' ? 'selected' : '' }} @endif>Yes
                                        </option>
                                        <option value="0" @isset($printSettings) {{ $printSettings->itemwise_igst == '0' ? 'selected' : '' }}  @endif>No</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">MRP</label>
                                </div>
                                <div class="col-lg-8">
                                    <select class="form-select" name="mrp" id="mrp">
                                        <option value="1" @isset($printSettings) {{ $printSettings->mrp == '1' ? 'selected' : '' }} @endif>Yes
                                        </option>
                                        <option value="0" @isset($printSettings) {{ $printSettings->mrp == '0' ? 'selected' : '' }}  @endif>No</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">Discount %</label>
                                </div>
                                <div class="col-lg-8">
                                    <select class="form-select" name="discount_percentage" id="discount_percentage">
                                        <option value="1" @isset($printSettings) {{ $printSettings->discount_percentage == '1' ? 'selected' : '' }} @endif>Yes
                                        </option>
                                        <option value="0" @isset($printSettings) {{ $printSettings->discount_percentage == '0' ? 'selected' : '' }}  @endif>No</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">Hsn Code</label>
                                </div>
                                <div class="col-lg-8">
                                    <select class="form-select" name="hsn_code" id="hsn_code">
                                        <option value="1" @isset($printSettings) {{ $printSettings->hsn_code == '1' ? 'selected' : '' }} @endif>Yes
                                        </option>
                                        <option value="0" @isset($printSettings) {{ $printSettings->hsn_code == '0' ? 'selected' : '' }}  @endif>No</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">Cess Amount</label>
                                </div>
                                <div class="col-lg-8">
                                    <select class="form-select" name="cess_amount" id="cess_amount">
                                        <option value="1" @isset($printSettings) {{ $printSettings->cess_amount == '1' ? 'selected' : '' }} @endif>Yes
                                        </option>
                                        <option value="0" @isset($printSettings) {{ $printSettings->cess_amount == '0' ? 'selected' : '' }}  @endif>No</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">Gst %</label>
                                </div>
                                <div class="col-lg-8">
                                    <select class="form-select" name="gst" id="gst">
                                        <option value="1" @isset($printSettings) {{ $printSettings->gst == '1' ? 'selected' : '' }} @endif>Yes
                                        </option>
                                        <option value="0" @isset($printSettings) {{ $printSettings->gst == '0' ? 'selected' : '' }}  @endif>No</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">Product Code</label>
                                </div>
                                <div class="col-lg-8">
                                    <select class="form-select" name="product_code" id="product_code">
                                        <option value="1" @isset($printSettings) {{ $printSettings->product_code == '1' ? 'selected' : '' }} @endif>Yes
                                        </option>
                                        <option value="0" @isset($printSettings) {{ $printSettings->product_code == '0' ? 'selected' : '' }}  @endif>No</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">Show Outstanding </label>
                                </div>
                                <div class="col-lg-8">
                                    <select class="form-select" name="show_outstanding" id="show_outstanding">
                                        <option value="1" @isset($printSettings) {{ $printSettings->show_outstanding == '1' ? 'selected' : '' }} @endif>Yes
                                        </option>
                                        <option value="0" @isset($printSettings) {{ $printSettings->show_outstanding == '0' ? 'selected' : '' }}  @endif>No</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">Extra Space</label>
                                </div>
                                <div class="col-lg-8">
                                    <select class="form-select" name="extra_space" id="extra_space">
                                        <option value="1" @isset($printSettings) {{ $printSettings->extra_space == '1' ? 'selected' : '' }} @endif>Yes
                                        </option>
                                        <option value="0" @isset($printSettings) {{ $printSettings->extra_space == '0' ? 'selected' : '' }}  @endif>No</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">Autherized Signature</label>
                                </div>
                                <div class="col-lg-8">
                                    <select class="form-select" name="signature" id="signature">
                                        <option value="1" @isset($printSettings) {{ $printSettings->signature == '1' ? 'selected' : '' }} @endif>Yes
                                        </option>
                                        <option value="0" @isset($printSettings) {{ $printSettings->signature == '0' ? 'selected' : '' }}  @endif>No</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">Terms and Conditions</label>
                                </div>
                                <div class="col-lg-8">
                                    <select class="form-select" name="terms_conditions" id="terms_conditions">
                                        <option value="1" @isset($printSettings) {{ $printSettings->terms_conditions == '1' ? 'selected' : '' }} @endif>Yes
                                        </option>
                                        <option value="0" @isset($printSettings) {{ $printSettings->terms_conditions == '0' ? 'selected' : '' }}  @endif>No</option>
                                    </select>
                                </div>
                            </div>
                          <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">UPI Id</label>
                                </div>
                                <div class="col-lg-8">
                                <input type="text" name="upi_id" id="upi_id" class="form-control" value="{{ $printSettings->upi_id }}" >
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">Gpay Number</label>
                                </div>
                                <div class="col-lg-8">
                                <input type="text" name="gpay" id="gpay" class="form-control" value="{{ $printSettings->gpay }}" >
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">Item Grand Total</label>
                                </div>
                                <div class="col-lg-8">
                                    <select class="form-select" name="item_total" id="item_total">
                                        <option value="1" @isset($printSettings) {{ $printSettings->item_total == '1' ? 'selected' : '' }} @endif>Yes
                                        </option>
                                        <option value="0" @isset($printSettings) {{ $printSettings->item_total == '0' ? 'selected' : '' }}  @endif>No</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">Seperate Lines</label>
                                </div>
                                <div class="col-lg-8">
                                    <select class="form-select" name="seperate_lines" id="seperate_lines">
                                        <option value="1" @isset($printSettings) {{ $printSettings->seperate_lines == '1' ? 'selected' : '' }} @endif>Yes
                                        </option>
                                        <option value="0" @isset($printSettings) {{ $printSettings->seperate_lines == '0' ? 'selected' : '' }}  @endif>No</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">Paper Size</label>
                                </div>
                                <div class="col-lg-8">
                                    <select class="form-select" name="paper_size" id="paper_size">
                                        <option value="A4" @isset($printSettings) {{ $printSettings->paper_size == 'A4' ? 'selected' : '' }} @endif>A4
                                        </option>
                                        <option value="A5" @isset($printSettings) {{ $printSettings->paper_size == 'A5' ? 'selected' : '' }}  @endif>A5</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">Shipping Address</label>
                                </div>
                                <div class="col-lg-8">
                                    <select class="form-select" name="shipping_address" id="shipping_address">
                                        <option value="1" @isset($printSettings) {{ $printSettings->shipping_address == '1'? 'selected' : '' }} @endif>Yes
                                        </option>
                                        <option value="0" @isset($printSettings) {{ $printSettings->shipping_address == '0' ? 'selected' : '' }}  @endif>No</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">Voucher Details In Estimate</label>
                                </div>
                                <div class="col-lg-8">
                                    <select class="form-select" name="voucher_details_in_estimate" id="voucher_details">
                                        <option value="1" @isset($printSettings) {{ $printSettings->voucher_details_in_estimate == '1' ? 'selected' : '' }} @endif>Yes</option>
                                        <option value="0" @isset($printSettings) {{ $printSettings->voucher_details_in_estimate == '0' ? 'selected' : '' }}  @endif>No</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">Estimate Heading</label>
                                </div>
                                <div class="col-lg-8">
                                    <input type="text" name="estimate_heading" id="estimate_heading" class="form-control" placeholder="Estimate Print Heading" value="{{ $printSettings->estimate_heading ?? '' }}">
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">Terms and Conditions in Estimate</label>
                                </div>
                                <div class="col-lg-8">
                                    <select class="form-select" name="terms_conditions_in_estimate" id="terms_conditions_in_estimate">
                                        <option value="1" @isset($printSettings) {{ $printSettings->terms_conditions_in_estimate == '1' ? 'selected' : '' }}@endisset>Yes</option>
                                        <option value="0" @isset($printSettings) {{ $printSettings->terms_conditions_in_estimate == '0' ? 'selected' : '' }} @endisset>No</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">Thermal Print Type</label>
                                </div>
                                <div class="col-lg-8">
                                    <select class="form-select" name="thermal_print_type" id="thermal_print_type">
                                        <option value="1" @isset($printSettings) {{ $printSettings->thermal_print_type == '1' ? 'selected' : '' }}@endisset>Customized</option>
                                        <option value="0" @isset($printSettings) {{ $printSettings->thermal_print_type == '0' ? 'selected' : '' }} @endisset>Default</option>
                                    </select>
                                </div>
                            </div>
                          <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">Qr Code</label>
                                </div>
                                <div class="col-lg-8">
                                <input type="file" name="qr_code" id="qr_code" class="file-pond form-control" accept="image/*">

                                </div>
                          </div>

                            <div class="text-end">
                                <button type="submit" class="btn btn-primary">
                                    Update
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection
@section('script')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"
        integrity="sha512-rstIgDs0xPgmG6RX1Aba4KV5cWJbAMcvRCVmglpam9SoHZiUCyQVDdH2LPlxoHtrv17XWblE/V/PP+Tr04hbtA=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script src="{{ URL::asset('/assets/libs/sweetalert2/sweetalert2.min.js') }}"></script>
    <script src="{{ URL::asset('/assets/js/app.min.js') }}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/filepond/4.30.6/filepond.min.js"
    integrity="sha512-6ALP4noOAk3f/wpnN0qAWdkNNTpQcu0ArDsPVVFi3GIKbTGHswBnW3o/8rsxDTGF4BGYpI4E6DlrtyGFgBifjQ=="
    crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://unpkg.com/filepond/dist/filepond.min.js"></script>
<script src="https://unpkg.com/jquery-filepond/filepond.jquery.js"></script>
<script src="https://unpkg.com/filepond-plugin-image-exif-orientation/dist/filepond-plugin-image-exif-orientation.js">
</script>
<script src="https://unpkg.com/filepond-plugin-file-validate-size/dist/filepond-plugin-file-validate-size.js"></script>
<script src="https://unpkg.com/filepond-plugin-file-encode/dist/filepond-plugin-file-encode.min.js"></script>
<script src="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.js"></script>
<script src="https://unpkg.com/filepond-plugin-file-validate-type/dist/filepond-plugin-file-validate-type.js"></script>
<script>
    FilePond.registerPlugin(
        // encodes the file as base64 data
        FilePondPluginFileEncode,

        // validates the size of the file
        FilePondPluginFileValidateSize,

        // corrects mobile image orientation
        FilePondPluginImageExifOrientation,

        // previews dropped images
        FilePondPluginImagePreview,
        FilePondPluginFileValidateType,
    );



    $('.file-pond').filepond({
        // acceptedFileTypes: ['image/jpeg', 'image/png', 'image/webp', 'image/gif', 'image/avif', 'image/jpg'],
        acceptedFileTypes: ['image/*'],
        allowImagePreview: true,
        allowMultiple: false,
        maxFiles: 1,
        @if (isset($printSettings))
           @if($printSettings->qr_image != null)
                files: [{
                    source: "{{ asset('qr_images/'.$printSettings->qr_image) }}"
                }, ],
            @endif
            @endif
    });
        $('#print-type').select2({
            placeholder: 'Choose print type',
        });
        $('#show_seller').select2({
            placeholder: 'Choose print type',
        });
        $('#show_weight_details').select2({
            placeholder: 'Choose print type',
        });
        $('#show_discount').select2({
            placeholder: 'Choose print type',
        });
        $('#itemwise_gst').select2({
            placeholder: 'Choose Itemwise Gst',
        });
        $('#letter_pad_print').select2({
            placeholder: 'Choose Letter Pad print',
        });

       $('#qr_code').on('change', function() {
           var file = this.files[0];
           if (file) {
               var reader = new FileReader();
               reader.onload = function(e) {
                   $('#qr_code_image').attr('src', e.target.result);
               }
               reader.readAsDataURL(file);
           }
       })
        $('#print_option_form').validate({
            submitHandler: function(form, e) {
                e.preventDefault();
                var url = $(form).attr('action');
                var formData = new FormData(form);
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(data) {
                        if (data.status == 'success') {
                            form.reset();
                            Swal.fire({
                                title: 'Success!',
                                text: data.message,
                                icon: 'success',
                                confirmButtonText: 'Ok'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    window.location.href =
                                        "{{ route('sales-print-settings') }}";
                                }
                            })
                        } else {
                            Swal.fire({
                                title: 'Error!',
                                text: data.message,
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            })
                        }
                    },
                    error: function(data) {
                        Swal.fire({
                            title: 'Error!',
                            text: data.message,
                            icon: 'error',
                            confirmButtonText: 'Ok'
                        })
                    }
                });
            }
        });
    </script>
@endsection