@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>Shipment Features  <span>Secure Shipment</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">Secured Shipment</h5>
                            <div class="seller-remit">
                                <div class="row">
                                    <div class="col-md-4">
                                        <h5>Auto “Secure” all shipments above  5000</h5>
                                    </div>

                                    <div class="col-md-8 d-flex">
                                        <div class="toogleSwitch">
                                            <label class="switch">   
                                                <input class="filled-in fill-check" name="shipemnt_secured" type="checkbox" id="shipemnt_secured" value="{{$user->is_shipemnt_secured}}" @if($user->is_shipemnt_secured == 'yes') checked @endif>
                                                <span class="slider round"></span>
                                            </label>
                                        </div>
                                    <p class="ml-4"><a href="{{route('term/condition')}}" target="_blank">Terms & Conditions</a></p>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <script>
        $(document).ready(function(){
            
            $("#shipemnt_secured").change(function(e){
                var shipmentSecured = $('#shipemnt_secured').is(":checked") ? 'yes' : 'no';
                console.log(shipmentSecured);
                $('#shipemnt_secured').val(shipmentSecured);
                var data = {
                    '_token': "{{csrf_token()}}",
                    'shipmentSecured':shipmentSecured
                };

                $.ajax({
                    url : "{{route('update/secure/shipment')}}",
                    type: 'POST',
                    data: data,
                    success:function(data) {
                        swal({
                            icon: 'success',
                            title: "Updated",
                            text: 'Shipment setting has been updated!.',
                            type: "success",

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

            });
        })
    </script>

@endsection