@extends('layouts.app')

@section('content')

<form class="form" id="PPROForm">
<div class="row " id="delivery_data">
    <div class="col-md-12">
        <div class="card">
            <div class="card-body">
                <div class="pt-3 px-3">
                    <form class="form">
                        <div class="form-body">
                            <h4 class="form-section">
                                <i class="icon-user"></i> Job Details</h4>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Consignee Name</label>
                                        <h4 class="consignee_name">{{$job->consignee->consignee_name}}</h4>
                                    </div>
                                </div>
                                
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Description</label>
                                        <h4 class="client">{{$job->consignment_detail->description}}</h4>
                                    </div>
                                </div>
                                
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>No Of Containers</label>
                                        <h4 class="container">{{$containers}}</h4>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Shipping Marks</label>
                                        <h4 class="shipping_marks">{{$job->consignment_detail->shipping_marks}}</h4>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>PPRO Submitted Date</label>
                                        <h4 class="description">{{$ppro->submission_date}}</h4>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Port of Delivery</label>
                                        <h4 class="container">{{$ppro->job->port_discharge->port_id!= null ? $ppro->job->port_discharge->port->port_name : 'No Port'}}</h4>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Submitted By</label>
                                        <h4 class="container">{{$submitted_by}}</h4>
                                    </div>
                                </div>
                            </div>
                            <h4 class="form-section">
                                <i class="icon-book-open"></i>Receive PPRO </h4>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">PPRO Application Reference</label>
                                        <input type="text" class="form-control" name="ppro_ref" placeholder="PPRO Application Reference">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Received Date</label>
                                        <input type="date" class="form-control" name="received_date" placeholder="Submission Date">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Receive Through Self/Vendor</label>
                                        <input type="text" class="form-control" name="received_through" placeholder="Receive Through">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Received By</label>
                                        <select id="received_by" class="form-control" name="received_by">
                                            <option disabled selected>Select Option</option>
                                            @foreach ($users as $items)
                                                <option value="{{$items->id}}">{{$items->emp_name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Other Plant Protection Department Charges</label>
                                        <input type="text" placeholder="Other Plant Protection Department Charges" class="form-control" name="ppro_total_fee" id="ppro_total_fee">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Fummigation Charges</label>
                                        <input type="text" placeholder="Fummigation Charges" class="form-control" name="fummigation_charges" id="fummigation_charges">
                                    </div>
                                </div>
                                
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Upload Fummigation Certificate</label>
                                        <input type="file" class="form-control" name="fummigation_file">
                                    </div>
                                </div>
                               
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Upload PPRO</label>
                                        <input type="file" class="form-control" name="received_ppro_file">
                                    </div>
                                </div>
                            </div>
                            <input type="hidden" name="job_no" value="{{$ppro->job_id}}">
                            <input type="hidden" name="ppro_id" value="{{$ppro->id}}">
                            <input type="hidden" name="submitted_by" value="{{$ppro->submitted_by}}">
                        <div class="form-actions">
                            <button type="button" class="btn btn-danger mr-1">
                                <i class="icon-trash"></i> Cancel
                            </button>
                            <button type="button" class="btn btn-success" id="saveBtn">
                                <i class="icon-note"></i> Receive PPRO
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</form>
@endsection

@section('afterScript')
    <script>
        $(document).ready(function(){

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