@extends('front.master')

@section('content')
<div class="container">
    <div class="row">
        <div class="" style="margin-top: 30px; margin-bottom:30px;">
            <div class="card" style="background-color: #3366ff; margin-top: 30px; padding-left: 10px;">
                <h3 class="text-white">SHIPMENTS REPORT</h3>
            </div><hr>
            @if(Session::has('flash_message_success'))                    
                <div class="alert alert-success alert-block">
                    <button type="button" class="close" data-dismiss="alert">×</button> 
                    <strong>{!! session('flash_message_success') !!}</strong>
                </div>
            @endif
            @if(Session::has('flash_message_danger'))                    
                <div class="alert alert-danger alert-block">
                    <button type="button" class="close" data-dismiss="alert">×</button> 
                    <strong>{!! session('flash_message_danger') !!}</strong>
                </div>
            @endif
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif 
            <div class="col-md-4" style="float: right;">
                <form action="/searchReport" method="get">
                    <div class="input-group">
                        <input type="search" class="form-control" name="search" placeholder="Search">
                        <span class="input-group-prepend">
                            <button type="submit" class="btn btn-primary">Search</button>
                        </span>
                    </div>
                </form>
            </div><br>
                <div class="container" style="margin-top: 30px; margin-bottom: 30px; width: 100% !important; overflow-x: scroll;">
                        <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">
                                        <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>
                                                        {{$totalContainer}} Container/s
                                                </strong>
                                            </td>
                                            
                                            <td></td>
                                            <td></td>
                                            <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" data-toggle="modal" data-target="#myModal{{$report->id}}" data-idUpdate="'$report->id'">Query this report</a>
                                            </td>
                                            <!-- Modal -->

                                            <div id="myModal{{$report->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">Query Report</h4>
                                                            </div>
                                                        </div>
                                                        <div class="modal-body">
                                                            <form class="form-horizontal" method="POST" action="{{route('queryReport')}}" enctype="multipart/form-data">

                                                                {!! csrf_field() !!}

                                                                <div class="col-md-12">
                                                                    <input type="hidden" class="form-control" name="file_id" id="file_id" value="{{$report->file_id}}">
                                                                    <div class="form-group{{($errors->has('consignee_reply')? 'has-error': '')}}">
                                                                        <input type="text" class="form-control" name="consignee_reply" id="consignee_reply" value="" placeholder="Query Here" required="consignee_reply">

                                                                        <span class="text-danger">{{$errors->first('consignee_reply')}}</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>
                                            <!-- endmodal -->
                                            @foreach($containerReport 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
                                            <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>
@endsection