@extends('layouts.app')

@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-body">
                <div class="pt-3 px-3">
                    <form class="form" id="shippingForm">
                    

                        <div class="form-body">
                            <h4 class="form-section">
                                <i class="icon-user"></i> ADD SHIPPING</h4>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="shipping_name">Shipping Name</label>
                                        <input type="text" id="shipping_name" placeholder="Shipping Name" class="form-control" name="shipping_name">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="contact_person">Contact Person</label>
                                        <input type="text" placeholder="Contact Person" id="contact_person" class="form-control" name="contact_person">
                                    </div>
                                </div>
                            </div>
                            
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="address">Address</label>
                                        <input type="text" id="address" placeholder="Address" class="form-control" name="address">
                                    </div>
                                </div>
                                
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="contact">Contact</label>
                                        <input type="text" id="contact" placeholder="Contact" class="form-control" name="contact">
                                    </div>
                                </div>
                            </div>
                            
                            
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="strn">STRN</label>
                                        <input type="text" id="strn" placeholder="STRN" class="form-control" name="strn">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="agent_for">Agent For</label>
                                        <input type="text" id="agent_for" class="form-control" name="agent_for">
                                    </div>
                                </div>
                                
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="ntn">NTN</label>
                                        <input type="text" placeholder="NTN" id="ntn" class="form-control" name="ntn">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="pref_refund_mode">Prefered Refund Mode</label>
                                        <select name="pref_refund_mode" id="pref_refund_mode" class="form-control">
                                            <option value="" disabled selected>Select Preferred Mode</option>

                                            @foreach($mode_payment as $payment)
                                            <option value="{{$payment->id}}">{{$payment->mode_name}}</option>

                                            @endforeach
                                            <!-- <option >Cash</option>
                                            <option >Pay Order by Cancel</option>
                                            <option >Cheque</option> -->
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="email">Email Address</label>
                                        <input type="text" placeholder="email" id="email" class="form-control" name="email">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="online_payment">Online Payment Details</label>
                                        <input type="text" placeholder="online_payment" id="online_payment" class="form-control" name="online_payment">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="note">Note</label>
                                        <input type="text" placeholder="note" id="note" class="form-control" name="online_payment">
                                    </div>
                                </div>
                            
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="do_req_doc">Upload D.O Request Format</label>
                                        <input type="file" name="do_req_doc" class="form-control" id="do_req_doc" required>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="auth_letter">Upload Authority Letter Form  </label>
                                        <input type="file" name="auth_letter" class="form-control" id="auth_letter" required>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="dep_undertake">Upload Security Deposit undertake</label>
                                        <input type="file" name="dep_undertake" class="form-control" id="dep_undertake" required>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="endor_letter">Upload Endorsment Letter Format</label>
                                        <input type="file" name="endor_letter" class="form-control" id="endor_letter" required> 
                                    </div>
                                </div>
                            </div>
                        </div                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               >

                        <div class="form-actions">
                            <a href="javascript:history.back()">
                                <button type="button" class="btn btn-danger mr-1">
                                    <i class="icon-trash"></i> Cancel
                                </button>
                            </a>
                            <button type="button" class="btn btn-success" id="saveBtn">
                                <i class="icon-note"></i> Save
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
    
@endsection

@section('afterScript')
<script src="{{ asset('app-assets/vendors/js/core/jquery-3.3.1.min.js')}}"></script>

<script>
    $(document).on('click',"#saveBtn", function(e){
        e.preventDefault();
       
        var form_data = new FormData($("#shippingForm")[0]);
        $.ajaxSetup({
            headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $.ajax({
            url : "{{ route('shipping.store') }}",
            type: "POST",
            data : form_data,
            async: false,
            cache: false,
            contentType: false,
            enctype: 'multipart/form-data',
            processData: false,
            success: function (res) {
                 swal("Inserted!", "Shipping has been Added Successfully!", "success");
                //  setTimeout(function() { 
                //     // location.reload();
                // }, 1000);
                $('#shippingForm')[0].reset();
            },
            error: function(err) {
                swal('Not Valid',err.responseJSON.message,'error');
                // setTimeout(function() { 
                //     location.reload();
                // }, 1000);
               
            }
        });
    });

</script>