@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" method="POST" action="/shipping/{{$shipping->id}}" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')
                        <div class="form-body">
                            <h4 class="form-section">
                                <i class="icon-user"></i> Update 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" value="{{$shipping->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" value="{{$shipping->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" value="{{$shipping->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" value="{{$shipping->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" value="{{$shipping->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" value="{{$shipping->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="email">Email Address</label>
                                        <input type="text" placeholder="email" id="email" class="form-control" name="email" value="{{$shipping->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" value="{{$shipping->online_payment}}">
                                    </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" value="{{$shipping->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 disabled>Select Preferred Mode</option>
                                             <option {{$shipping->pref_refund_mode == "Cash" ? 'selected': ''}} >Cash</option>
                                            <option {{$shipping->pref_refund_mode == "Pay Order by Cancel" ? 'selected': ''}} >Pay Order by Cancel</option>
                                            <option {{$shipping->pref_refund_mode == "Cheque" ? 'selected': ''}} >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" value="{{$shipping->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" value="{{$shipping->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="note" value="{{$shipping->note}}">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="do_req_doc">Upload D.O Request Format</label>
                                        <input type="hidden" name="do_req_doc" class="form-control" id="do_req_doc" value="{{$shipping->do_req_doc}}">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <img height="100" width="100" src="/files/shipping/{{$shipping->do_req_doc}}" alt="">
                                    <button type="button" class="btn btn-primary changePicture" data-id="do_req_doc">Edit</button>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="auth_letter">Upload Authority Letter Form  </label>
                                        <input type="hidden" name="auth_letter" class="form-control" id="auth_letter" value="{{$shipping->auth_letter}}">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <img height="100" width="100" src="/files/shipping/{{$shipping->auth_letter}}" alt="">
                                    <button type="button" class="btn btn-primary changePicture" data-id="auth_letter">Edit</button>

                                </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="hidden" name="dep_undertake" class="form-control" id="dep_undertake" value="{{$shipping->dep_undertake}}">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <img height="100" width="100" src="/files/shipping/{{$shipping->dep_undertake}}" alt="">
                                    <button type="button" class="btn btn-primary changePicture" data-id="dep_undertake">Edit</button>

                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="endor_letter">Upload Endorsment Letter Format</label>
                                        <input type="hidden" name="endor_letter" class="form-control" id="endor_letter" value="{{$shipping->endor_letter}}">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <img height="100" width="100" src="/files/shipping/{{$shipping->endor_letter}}" alt="">
                                    <button type="button" class="btn btn-primary changePicture" data-id="endor_letter">Edit</button>

                                </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="submit" class="btn btn-success" >
                                <i class="icon-note"></i>Update
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
    
@endsection

@section('afterScript')
    <script>
        $(document).ready(function(){
            $('.changePicture').click(function(e){
                e.preventDefault();
                var id = $(this).attr('data-id');
                $('#'+id).attr('type','file');
            })
        });
    </script>
@endsection