@extends('layouts.app')
@push('style')   

    
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />     
    
    <link rel="stylesheet" type="text/css" href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css"/>
   
  
@endpush

@section('content') 
<div class="container-fluid my-1  bg-light border shadow-lg rounded-3">
    <div class="row flex-nowrap p-2" id="2nd-row">
        @include('customer.components.leftpanel')
        <div class="col-md-10 flex-grow-1 " id="rightPanel">
            <div class="  d-flex navbar-item">
                        
                @include('customer.components.navbar')     
            </div>    
            <div class="row px-2 pb-0   rounded-3 border shadow-lg">
                <div class="text-dark px-0">
                        <div id="info-message" class="mr-4 alert alert-danger 
                            @if (session('error')) 
                                    " >{{session('error')}}  
                            @else  
                                    d-none"> 
                            @endif  
                        </div>
                </div>
                <div id="CustomerPanel" class="flex-row px-2 pb-2  justify-content-between">                                
                    <div class="row mb-auto">
                    @include('customer.components.shippingForm')    
                    </div>    
                </div>            
            </div>
        </div>
    </div>
</div>





@push('scripts')      
 
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>  
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>

<script type="text/JavaScript" >

   

 
  
  
   
 
    $(document).ready(function() {
   
        $('#shippingForm').on('submit',function saveCustomer (e) {
            e.preventDefault();

            var form = $("#shippingForm")


            if (form[0].checkValidity()) {
                form.addClass('was-validated');
            
                var formData  = form.serializeArray(); //serialize
                console.log(formData);
                $.ajax({
                        type: 'POST',
                        url: "{{ url('/customers/shippingupdate') }}",
                        data: formData,
                        datatype: "json",
                        success: function(response) {
                            console.log(response, ' Resposta AJAX')
                            //modalProduct.hide()
                            location.reload()
                        }, 
                        error: function(XMLHttpRequest, textStatus, errorThrown) {
                            alert(textStatus);
                        }
                    });
            
            } else { 
                form[0].reportValidity();
                event.preventDefault()
                event.stopPropagation()
            }

        });

        $('#fill_default').on('click',function closeProduct (e) {
            e.preventDefault();
            $('#delivery_name').val("{{ $customer['name']}} ");
            $('#delivery_address').val("{{ $customer['address']}} ");
            $('#delivery_zipcode').val("{{ $customer['zipcode']}} ");
            $('#delivery_city').val("{{ $customer['city']}} ");
            $('#delivery_country').val("{{ $customer['country']}} ");
            $('#delivery_phone').val("{{ $customer['phone1']}} ");


        });
    });
</script>

 
    @endpush
@endsection