@extends('layout.master')
@section('content')
    <section class="content pb-5">
        <div class="container-fluid">
            <div class="row pt-4">
                <div class="col-md-12">
                    <div class="title-section">
                        <p>Settings</span></p>
                    </div>
                </div>

                <div class="col-md-12 pt-0 pt-sm-4">
                    <div class="title-section">
                        <p>Label, Invoice & POD <span>Label Preferences</span></p>
                    </div>
                </div>
            </div>

            <div class="row pt-0 pt-sm-4">
                <div class="col-md-12">
                    <div class="zone-box">
                        <h5 class="heading mb-3">Label Settings</h5>
                        <div class="seller-remit label-setting">
                            <div class="row">
                                <div class="col-md-12">
                                    <p>Let us know which label format and size works best for your business and we'll apply it to all of your new labels.</p>
                                </div>

                                <div class="col-md-4 text-center">
                                    <div class="form-group custom-form-group">
                                        <input class="filled-in filled-check format" name="format" type="radio" id="check1" value="6*4">
                                        <label for="check1">Old Format (Suitable for standard desktop printer)</label>                               
                                    </div>
                                    <img src="{{asset('images/label_1.png')}}" alt="">
                                </div>

                                <div class="col-md-4 text-center">
                                    <div class="form-group custom-form-group">
                                        <input class="filled-in filled-check format" name="format" type="radio" id="check2" value="6*3">
                                        <label for="check2">New Format (Suitable for thermal label printers)</label>                               
                                    </div>
                                    <img src="{{asset('images/label_2.png')}}" alt="">
                                </div>

                                <div class="col-md-4 text-center">
                                    <div class="form-group custom-form-group">
                                        <input class="filled-in filled-check format" name="format" type="radio" id="check3" value="4*4" @if( (isset($data->format) ? $data->format : '') == '6x4 new(thermal)') checked @endif>
                                        <label for="check3">New Format (Suitable for thermal label printers <br> along with full product list and price details)</label>                               
                                    </div>
                                    <img src="{{asset('images/label3.png')}}" alt="">
                                </div>

                                <div class="col-md-12">
                                    <div class="form-group custom-form-group">
                                        <input class="filled-in filled-check" name="order_value" type="checkbox" id="order_value" value="{{ isset($data->display_order_value) ? $data->display_order_value : ''}}" @if( (isset($data->display_order_value) ? $data->display_order_value : '') == 'yes') checked @endif">
                                        <label for="order_value"> Display Order value in COD and Prepaid label</label>                               
                                    </div>
                                    <p>Note: For couriers Fedex, Bluedart, Delhivery, Wow, DotZot, Professional, Gati and Shadowfax Order <br> value for COD shipments will be displayed even if this setting is disabled.</p>
                                </div>

                                <div class="col-md-12">
                                    <div class="form-group custom-form-group">
                                        <input class="filled-in filled-check" name="shipper_contact" type="checkbox" id="shipper_contact"  value="{{ isset($data->display_shipper_contact_no) ? $data->display_shipper_contact_no : ''}}" @if( (isset($data->display_shipper_contact_no) ? $data->display_shipper_contact_no : '') == 'yes') checked @endif">
                                        <label for="shipper_contact">  Display Shipper's Mobile No. and Alternate Mobile No. in Label</label>                           
                                    </div>
                                    <p>Note: For couriers Fedex, Ekart and Bluedart Shipper's Mobile No. will be displayed even if this <br> setting is disabled</p>
                                </div>

                                <div class="col-md-12">
                                    <div class="form-group custom-form-group">
                                        <input class="filled-in filled-check" name="shipper_address" type="checkbox" id="shipper_address" value="{{ isset($data->display_shipper_address) ? $data->display_shipper_address : ''}}" @if( (isset($data->display_shipper_address) ? $data->display_shipper_address : '') == 'yes') checked @endif">
                                        <label for="shipper_address"> Display Shipper's Address in Label</label>                               
                                    </div>
                                    <p>Note: For couriers Fedex, Ekart and Bluedart Shipper's Address will be displayed even if this setting is <br> disabled.</p>
                                </div>

                                <div class="col-md-12">
                                    <div class="form-group custom-form-group">
                                        <input class="filled-in filled-check" name="hide_product_name" type="checkbox" id="hide_product_name" value="{{ isset($data->hide_product_name) ? $data->hide_product_name : ''}}" @if( (isset($data->hide_product_name) ? $data->hide_product_name : '') == 'yes') checked @endif">
                                        <label for="hide_product_name">  Hide Product Name in Label</label>                               
                                    </div>
                                    <p>Note: This setting will only be applicable for XpressBees, Ekart, Delhivery, Bluedart, and Ecom <br> Express shipping labels.</p>
                                </div>

                                <div class="col-md-12">
                                    <div class="form-group custom-form-group">
                                        <input class="filled-in filled-check" name="hide_sku" type="checkbox" id="hide_sku" value="{{ isset($data->hide_sku_name) ? $data->hide_sku_name : ''}}" @if( (isset($data->hide_sku_name) ? $data->hide_sku_name : '') == 'yes') checked @endif">
                                        <label for="hide_sku">  Hide SKU Name in Label</label>                               
                                    </div>
                                    <p>Note: This setting will only be applicable for XpressBees, Ekart, Delhivery, Bluedart, and Ecom <br> Express shipping labels.</p>
                                </div>

                                <div class="col-md-12">
                                    <div class="form-group custom-form-group">
                                        <input class="filled-in filled-check" name="hide_consignee" type="checkbox" id="hide_consignee" value="{{ isset($data->hide_consignee_contact_no) ? $data->hide_consignee_contact_no : ''}}" @if( (isset($data->hide_consignee_contact_no) ? $data->hide_consignee_contact_no : '') == 'yes') checked @endif">
                                        <label for="hide_consignee">  Hide Consignee’s Contact Number in Label</label>                               
                                    </div>
                                    <p class="mb-0"><i>We recommend enabling it to avoid data breach.</i></p>
                                    <p>Note: This setting will only be applicable for XpressBees, Kerry Indev, DTDC, Delhivery, Bluedart, <br> Udaan and ShadowFax shipping labels.</p>
                                </div>

                                <div class="col-md-12">
                                    <div class="form-group custom-form-group">
                                        <input class="filled-in filled-check" name="support_no" type="checkbox" id="support_no" value="{{ isset($data->display_support_no) ? $data->display_support_no : ''}}" @if( (isset($data->display_support_no) ? $data->display_support_no : '') == 'yes') checked @endif">
                                        <label for="support_no">  Display Your Support Number & Email in Label</label>                   
                                    </div>
                                    <p>Note: This setting will apply to all couriers except FedEx and Ekart. Please update your contact details <br> from Postship -> Settings to view your support number and email address on your shipping labels.</p>
                                </div>
                            </div>
                        </div>
                        <div class="mt-4 mt-sm-4">
                          <button type="button" class="btn btn-danger" onclick="save()">Save Settings</button>
                        </div>
                    </div>
                </div>     
            </div>
        </div>
    </section>
    <script type="text/javascript">

        function save() {

            var format = $('input[name="format"]:checked').val();
            var orderValue = $('#order_value').is(":checked") ? 'yes' : 'no';
            var shipperContact = $('#shipper_contact').is(":checked") ? 'yes' : 'no';
            var shipperAddress = $('#shipper_address').is(":checked") ? 'yes' : 'no';
            var hideProductName = $('#hide_product_name').is(":checked") ? 'yes' : 'no';
            var hideSku = $('#hide_sku').is(":checked") ? 'yes' : 'no';
            var hideConsignee = $('#hide_consignee').is(":checked") ? 'yes' : 'no';
            var supportNo = $('#support_no').is(":checked") ? 'yes' : 'no';

            var data = {
                '_token': "{{csrf_token()}}",
                'format':format,
                'orderValue':orderValue,
                'shipperContact':shipperContact,
                'shipperAddress':shipperAddress,
                'hideProductName':hideProductName,
                'hideSku':hideSku,
                'hideConsignee':hideConsignee,
                'supportNo':supportNo
            }

            // console.log(data); return false;
            $.ajax({
                url : "{{route('update/label/preference')}}",
                type: 'POST',
                data: data,
                success:function(data) {       
                    swal({
                        icon: 'success',
                        title: "Updated",
                        text: 'Label Preferences has been updated!.',
                        type: "success",

                        closeOnConfirm: false,
                        showLoaderOnConfirm: true,
                    });
                }
            });
        }

    </script>
@endsection