@extends('front.master')

@section('title','Form Insert')

@section('content')



<div class="container-fluid">

    <div class="row">
        @if(Auth::user()->role == 1)
        <main class="" style="margin-top: 20px; margin-bottom: 50px;">

            <h3 class="text-primary"><strong>SHIPMENTS UNDER CLEARING REPORT</strong></h3>

            <div class="col-md-6">

                <div class="panel-body">

                    <form class="form-horizontal" method="POST" action="{{ route('createReport', $file->id) }}" enctype="multipart/form-data">

                        {!! csrf_field() !!}

                                <input type="hidden" class="form-control" name="file_id" id="file_id" placeholder="" value="{{$file->id}}" readonly="true">

                                <input type="hidden" class="form-control" name="cosignee_id" id="cosignee_id" placeholder="" value="{{$file->cosignee_id}}" readonly="true">

                        <div class="col-sm-6">
                            <label for="term">File Number:</label>
                            <div class="">
                                <input type="text" class="form-control" name="file_number" id="file_number" placeholder="File Number" value="{{$file->file_number}}" readonly="true">
                            </div>      
                        </div>

                        <div class="col-sm-6">
                            <label for="term">Consignee Name:</label>
                            <div class="">
                                <input type="text" class="form-control" name="consignee_name" id="consignee_name" placeholder="Consignee Name" value="{{$consignee->consignee_name}}" readonly="true">
                            </div>      
                        </div>

                        <div class="col-sm-6">
                            <label for="term">B/L:</label>
                            <div class="">
                                <input type="text" class="form-control" name="bill_of_lading" id="bill_of_lading" placeholder="Bill of lading" readonly="true" value="{{$file->bill_of_lading}}">
                            </div>     
                        </div>

                        <div class="col-sm-6">
                            <label for="term">MF:</label>
                            <div class="">
                                <input type="text" class="form-control" name="mf" id="mf" placeholder="Form M" readonly="true" value="{{$file->mf}}">
                            </div>       
                        </div>

                        <div class="col-sm-6">
                            <label for="term">Date Allocated:</label>
                            <div class="">
                                <input type="text" class="form-control" name="date_allocated" id="date_allocated" placeholder="Date Allocated" readonly="true" value="{{$file->date_allocated}}">
                            </div>      
                        </div>

                        <div class="col-sm-6">
                            <label for="term">Commodity:</label>
                            <div class="">
                                <input type="text" class="form-control" name="commodity" id="commodity" placeholder="Commodity" readonly="true" value="{{$file->commodity}}">
                            </div>      
                        </div>

                        <div class="col-sm-6">
                            <label for="term">20FT:</label>
                            <div class="">
                                <input type="text" class="form-control" name="twenty_ft" id="twenty_ft" placeholder="Twenty FT" readonly="true" value="{{$file->twenty_ft}}">
                            </div>      
                        </div>

                        <div class="col-sm-6">
                            <label for="term">40FT:</label>
                            <div class="">
                                <input type="text" class="form-control" name="fourty_ft" id="fourty_ft" placeholder="Fourty FT" readonly="true" value="{{$file->fourty_ft}}">
                            </div>      
                        </div>

                        <div class="col-sm-12">
                            <label for="term">Other Size:</label>
                            <div class="">
                                <input type="text" class="form-control" name="other_size" id="other_size" placeholder="Other Size" readonly="true" value="{{$file->other_size}}">
                            </div>      
                        </div>

                        <div class="col-sm-6 {{($errors->has('terminal')? 'has-error': '')}}">
                            
                            <label for="terminal">Terminal:</label>
                            <input type="text" class="form-control" name="terminal" id="terminal" placeholder="Terminal" readonly="true" value="{{$file->terminal}}">

                            <span class="text-danger">{{$errors->first('terminal')}}</span>
        
                        </div>

                        <div class="col-sm-6 {{($errors->has('shipping_line')? 'has-error': '')}}">
                            
                            <label for="shipping_line">Shipping Line:</label>
                            <input type="text" class="form-control" name="shipping_line" id="shipping_line" placeholder="Shipping Line" readonly="true" value="{{$file->shipping_line}}">

                            <span class="text-danger">{{$errors->first('shipping_line')}}</span>
        
                        </div>

                        <div class="col-sm-12 {{($errors->has('obl')? 'has-error': '')}}">
                            
                            <label for="obl">OBL:</label>
                            <input type="date" class="form-control" name="obl" id="obl" placeholder="OBL date">

                            <span class="text-danger">{{$errors->first('obl')}}</span>
        
                        </div>

                        <div class="col-sm-12 {{($errors->has('assessment')? 'has-error': '')}}">
                            
                            <label for="assessment">Assessment:</label>
                            <input type="date" class="form-control" name="assessment" id="assessment" placeholder="Assessment date">

                            <span class="text-danger">{{$errors->first('assessment')}}</span>
        
                        </div>

                        <div class="col-sm-12 {{($errors->has('duty')? 'has-error': '')}}">
                            
                            <label for="duty">Duty:</label>
                            <input type="date" class="form-control" name="duty" id="duty" placeholder="Duty date">

                            <span class="text-danger">{{$errors->first('duty')}}</span>
        
                        </div>

                        <div class="col-sm-12 {{($errors->has('examination')? 'has-error': '')}}">
                            
                            <label for="examination">Examination:</label>
                            <input type="date" class="form-control" name="examination" id="examination" placeholder="Examination date">

                            <span class="text-danger">{{$errors->first('examination')}}</span>
        
                        </div>

                        <div class="col-sm-12 {{($errors->has('customs_release')? 'has-error': '')}}">
                            
                            <label for="customs_release">Customs release:</label>
                            <input type="date" class="form-control" name="customs_release" id="customs_release" placeholder="Customs release">

                            <span class="text-danger">{{$errors->first('customs_release')}}</span>
        
                        </div>

                        <div class="col-sm-12 {{($errors->has('customs_release')? 'has-error': '')}}">
                            
                            <label for="shipping_release">Shipping release:</label>
                            <input type="date" class="form-control" name="shipping_release" id="shipping_release" placeholder="Shipping release">

                            <span class="text-danger">{{$errors->first('shipping_release')}}</span>
        
                        </div>

                        <div class="col-sm-12 {{($errors->has('terminal_release')? 'has-error': '')}}">
                            
                            <label for="terminal_release">Terminal release:</label>
                            <input type="date" class="form-control" name="terminal_release" id="terminal_release" placeholder="Shipping release">

                            <span class="text-danger">{{$errors->first('terminal_release')}}</span>
        
                        </div>

                        <div class="col-sm-12 {{($errors->has('gate_out')? 'has-error': '')}}">
                            
                            <label for="gate_out">Gate Out:</label>
                            <input type="date" class="form-control" name="gate_out" id="gate_out" placeholder="Gate Out">

                            <span class="text-danger">{{$errors->first('gate_out')}}</span>
        
                        </div>

                        <div class="col-sm-12 {{($errors->has('empty_return')? 'has-error': '')}}">
                            
                            <label for="empty_return">Empty Retun:</label>
                            <input type="date" class="form-control" name="empty_return" id="empty_return" placeholder="Empty Retun">

                            <span class="text-danger">{{$errors->first('empty_return')}}</span>
        
                        </div>

                        <div class="col-sm-12 {{($errors->has('remarks')? 'has-error': '')}}">
                            
                            <label for="remarks">Remarks:</label>
                            <input type="text" class="form-control" name="remarks" id="remarks" placeholder="Empty Retun">

                            <span class="text-danger">{{$errors->first('remarks')}}</span>
        
                        </div>

                        <div class="col-md-6"><br>

                            <button type="submit" class="btn btn-primary">Submit</button><br><br>

                        </div>


                    </form>
                    
                </div>
                
            </div>

            <hr>
            
        </main>
        @endif

<hr>

        <div class="container" style="margin-top: 30px; margin-bottom: 80px; width: 100% !important; overflow-x: scroll;">
            <div class="text-center">
                <h3 class="text-primary"><strong>SHIPMENT REPORT</strong></h3>
            </div>
                        <table class="table table-bordered table-striped table-hover text-left" width="100%" height="100%" cellspacing="0" cellpadding="10" style="width: nowrap; margin: 0 auto; max-width: -moz-fit-content; max-width: fit-content; white-space: nowrap;"  id="myTable">
                                <thead>
                                    <tr class="text-center text-white" style="background-color: #3366ff;">
                                        <th>S/N</th>
                                        <th>Consignee</th>
                                        <th>File Number</th>
                                        <th>Bill Lading</th>
                                        <th>Form M</th>
                                        <th>Commodity</th>
                                        <th>20FT</th>
                                        <th>40FT</th>
                                        <th>Allocation Date</th>
                                        <th style="background-color: #009933;">OBL Received</th>
                                        <th>Assessment</th>
                                        <th style="background-color: #009933;">Duty</th>
                                        <th>Examination</th>
                                        <th>Customs Release</th>
                                        <th>Shipping Release</th>
                                        <th>Terminal Release</th>
                                        <th>Containers</th>
                                        <th>Gate Out</th>
                                        <th>Empty Return</th>
                                        <th>Remarks</th>
                                        <th>Consignee Reply</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                                                            <tr>
                                            <td class="text-white" align="left" style="background-color: #3366ff;"><strong>{{$n++}}</strong></td>
                                            <td>{{$report->consignee_name}}</td>
                                            <td>{{$report->file_number}}</td>
                                            <td>{{$report->bill_of_lading}}</td>
                                            <td>{{$report->mf}}</td>
                                            <td>{{$report->commodity}}</td>
                                            <td>{{$report->twenty_ft}}</td>
                                            <td>{{$report->fourty_ft}}</td>
                                            <td>
                                                @if($report->date_allocated != null)
                                                    {{\Carbon\Carbon::parse($report->date_allocated)->format('d/m/Y')}}
                                                @else
                                                    NA
                                                @endif
                                            </td>
                                            <td style="background-color: #99ffbb;">
                                                @if($report->obl_date != null)
                                                    {{\Carbon\Carbon::parse($report->obl_date)->format('d/m/Y')}}
                                                @else
                                                    NA
                                                @endif
                                            </td>
                                            <td>
                                                @if($report->assessment != null)
                                                    {{\Carbon\Carbon::parse($report->assessment)->format('d/m/Y')}}
                                                @else
                                                    NA
                                                @endif
                                            </td>
                                            <td style="background-color: #99ffbb;">
                                                @if($report->duty != null)
                                                    {{\Carbon\Carbon::parse($report->duty)->format('d/m/Y')}}
                                                @else
                                                    NA
                                                @endif
                                            </td>
                                            <td>
                                                @if($report->examination != null)
                                                    {{\Carbon\Carbon::parse($report->examination)->format('d/m/Y')}}
                                                @else
                                                    NA
                                                @endif
                                            </td>
                                            <td>
                                                @if($report->customs_release != null)
                                                    {{\Carbon\Carbon::parse($report->customs_release)->format('d/m/Y')}}
                                                @else
                                                    NA
                                                @endif
                                            </td>
                                            <td>
                                                @if($report->shipping_release != null)
                                                    {{\Carbon\Carbon::parse($report->shipping_release)->format('d/m/Y')}}
                                                @else
                                                    NA
                                                @endif
                                            </td>
                                            <td>
                                                @if($report->terminal_release != null)
                                                    {{\Carbon\Carbon::parse($report->terminal_release)->format('d/m/Y')}}
                                                @else
                                                    NA
                                                @endif
                                            </td>
                                            <td class="text-success"><strong>4 Containers<strong></strong></td>
                                            <td class="text-success"><strong>2 of 4 Gated Out</strong></td>
                                             <td class="text-success"><strong>1 of 4 Returned</strong>
                                            <td class="text-success"><strong>{{$report->remarks}}</strong></td>
                                            <td class="text-danger"><strong>{{$report->consignee_reply}}</strong></td>
                                            <td>
                                                <a type="button" class="btn btn-warning btn-lg" data-toggle="modal" data-target="#myModal{{$report->file_id}}" data-idUpdate="'$report->id'">Edit</a>
                                                <a href="" type="button" class="btn btn-danger btn-lg" onclick="return confirm('Are you sure you want to delete this student?')">Delete</a>
                                            </td>
                                            <!-- Modal -->

                                            <div id="myModal{{$report->file_id}}" class="modal fade" role="dialog">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <button type="button" class="close" data-dismiss="modal" style="float: right;">&times;</button>
                                                            <div class="container text-center">
                                                                <h4 class="modal-title">Edit Report ({{$report->bill_of_lading}})</h4>
                                                            </div>
                                                        </div>
                                                        <div class="modal-body">
                                                            <form class="form-horizontal" method="POST" action="{{route('updateRep')}}" enctype="multipart/form-data">

                                                                {!! csrf_field() !!}

                                                                <div class="col-md-12">
                                                                    <input type="text" class="form-control" name="file_id" id="file_id" value="{{$report->file_id}}">
                                                                    <div class="form-group{{($errors->has('obl_date')? 'has-error': '')}}">
                                                                        <label>OBL:</label>
                                                                        <input type="date" class="form-control" name="obl_date" id="obl_date" placeholder="OBL" value="{{$report->obl_date}}">

                                                                        <span class="text-danger">{{$errors->first('obl_date')}}</span>
                                                                                                
                                                                    </div>

                                                                    <div class="form-group{{($errors->has('assessment')? 'has-error': '')}}">
                                                                        <label>Assessment:</label>
                                                                        <input type="date" class="form-control" name="assessment" id="assessment" placeholder="Assessment" value="{{$report->assessment}}">

                                                                        <span class="text-danger">{{$errors->first('assessment')}}</span>
                                                                                                
                                                                    </div>

                                                                    <div class="form-group{{($errors->has('duty')? 'has-error': '')}}">
                                                                        <label>Duty:</label>
                                                                        <input type="date" class="form-control" name="duty" id="duty" placeholder="Duty" value="{{$report->duty}}">

                                                                        <span class="text-danger">{{$errors->first('duty')}}</span>
                                                                                                
                                                                    </div>

                                                                    <div class="form-group{{($errors->has('examination')? 'has-error': '')}}">
                                                                        <label>Examination:</label>
                                                                        <input type="date" class="form-control" name="examination" id="examination" placeholder="Examination" value="{{$report->examination}}">

                                                                        <span class="text-danger">{{$errors->first('examination')}}</span>
                                                                                                
                                                                    </div>

                                                                    <div class="form-group{{($errors->has('customs_release')? 'has-error': '')}}">
                                                                        <label>Customs release:</label>
                                                                        <input type="date" class="form-control" name="customs_release" id="customs_release" placeholder="Customs release" value="{{$report->customs_release}}">

                                                                        <span class="text-danger">{{$errors->first('customs_release')}}</span>
                                                                                                
                                                                    </div>

                                                                    <div class="form-group{{($errors->has('shipping_release')? 'has-error': '')}}">
                                                                        <label>Shipping release:</label>
                                                                        <input type="date" class="form-control" name="shipping_release" id="shipping_release" placeholder="Shipping release" value="{{$report->shipping_release}}">

                                                                        <span class="text-danger">{{$errors->first('shipping_release')}}</span>
                                                                                                
                                                                    </div>

                                                                    <div class="form-group{{($errors->has('terminal_release')? 'has-error': '')}}">
                                                                        <label>Terminal release:</label>
                                                                        <input type="date" class="form-control" name="terminal_release" id="terminal_release" placeholder="Terminal release" value="{{$report->terminal_release}}">

                                                                        <span class="text-danger">{{$errors->first('terminal_release')}}</span>
                                                                                                
                                                                    </div>

                                                                    <div class="form-group{{($errors->has('remarks')? 'has-error': '')}}">
                                                                        <label>Remark:</label>
                                                                        <input type="text" class="form-control" name="remarks" id="remarks" placeholder="Remark" value="{{$report->remarks}}">

                                                                        <span class="text-danger">{{$errors->first('remarks')}}</span>
                                                                                                
                                                                    </div>

                                                                    <div class="form-group">

                                                                        <button type="submit" class="btn btn-primary">Submit</button>

                                                                    </div> 
                                                                </div>

                                                                                                        
                                                            </form>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            @if($report != null)
                                                @foreach($containerReport->where('file_id', $report->file_id) as $report)
                                                <tr>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>

                                                <td>
                                                    {{$report->container_number}}
                                                </td>
                                                <td>
                                                    @if($report->gate_out != null)
                                                        {{\Carbon\Carbon::parse($report->gate_out)->format('d/m/Y')}}
                                                    @else
                                                        NA
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($report->empty_return != null)
                                                        {{\Carbon\Carbon::parse($report->empty_return)->format('d/m/Y')}}
                                                    @else
                                                        NA
                                                    @endif
                                                </td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                </tr>
                                                @endforeach
                                            @endif
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>

                                            <td>
                                                
                                            </td>
                                            <td>

                                            </td>
                                        </tr>
                                </tbody>
                        </table>                   
                    </div>
        </div>
    </div>

</div>

<script type="text/javascript">
    $(document).ready(function () {
        $('#consignee').on('change', function () {
            var countryId = this.value;
            $('#file').html('');
            $.ajax({
                url: '{{ route('createFile') }}?cosignee_id='+cosigneeId,
                type: 'get',
                success: function (res) {
                    $('#file').html('<option value="">Select File</option>');
                    $.each(res, function (key, value) {
                        $('#file').append('<option value="' + value
                           .id + '">' + value.file_number + '</option>');
                    });
                    $('#file').html('<option value="">Select B/L</option>');
                }
            });
        });
        $('#file').on('change', function () {
            var fileId = this.value;
            $('#file').html('');
            $.ajax({
                url: '{{ route('createFile') }}?file_id='+fileId,
                type: 'get',
                success: function (res) {
                    $('#file').html('<option value="">Select Form M</option>');
                    $.each(res, function (key, value) {
                    $('#file').append('<option value="' + value
                           .id + '">' + value.bill_of_lading + '</option>');
                    });
                }
            });
        });
    });
</script>

@endsection