@extends('front.master')

@section('title','File')

@section('content')



<div class="container-fluid">

    <div class="row" style="margin-bottom: 300px;">
        <div class="panel-body" style= "width: 100% !important; overflow-x: scroll;">
            {{ $files->links() }}
            <table class="table table-stripped" id="myTable" style="width: nowrap; margin: 0 auto; max-width: -moz-fit-content; max-width: fit-content; white-space: nowrap;">
                <thead>
                    <tr class="text-white" style="background-color: #3366ff;">
                        <th>S/N</th>
                        <th>File Number</th>
                        <th>Bill Lading</th>
                        <th>Form M</th>
                        <th>Allocation Date</th>
                        <th>Commodity</th>
                        <th>Job Type</th>
                        <th>20FT</th>
                        <th>40FT</th>
                        <th>Other Size</th>
                        <th>Assigned Staff</th>
                        <th>Shipping Line</th>
                        <th>Terminal</th>
                        <th style="width: 40%; fit-content: center;">Action</th>
                    </tr>
                </thead>
                <tbody>
                                        @foreach($files as $file)
                        <tr>
                            <td>{{$n++}}</td>
                            <td>{{ $file->file_number }}</td>
                            <td>{{ $file->bill_of_lading }}</td>
                            <td>{{ $file->mf }}</td>
                            <td>{{ $file->date_allocated }}</td>
                            <td>{{ $file->commodity }}</td>
                            <td class="text-success">
                                <strong>
                                    @if($file->job_type == 1)
                                        Fast-Track
                                    @endif
                                    @if($file->job_type == 0)
                                        Customs Examination
                                    @endif
                                </strong>
                            </td>
                            <td>{{ $file->twenty_ft }}</td>
                            <td>{{ $file->fourty_ft }}</td>
                            <td>{{ $file->other_size }}</td>
                            <td>{{ $file->staff_assigned }}</td>
                            <td>{{ $file->shipping_line }}</td>
                            <td>{{ $file->terminal }}</td>
                            <td style="width: 40%">
                                <a type="button" class="btn btn-info text-white" data-toggle="modal" data-target="#myModal{{$file->id}}" data-idUpdate="'$file->id'">Edit</a>

                                <a href="{{url('/createReport', $file->id)}}"><button class="btn btn-default" style="background-color: gray; color: white;">Update Report</button></a>

                                <a href="{{url('/fileReport', $file->id)}}"><button class="btn btn-warning" style="background-color: #993366; color: white;">File Report</button></a>
                            </td>

                            <!-- Modal -->

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

                                                {!! csrf_field() !!}

                                                <div class="col-md-12">
                                                    <input type="hidden" class="form-control" name="id" id="id" value="{{$file->id}}">

                                                    <div class="form-group">
                                                        <label for="term">Consignee Name:</label>
                                                        <div class="">
                                                            <select class="form-control" name="cosignee_id" id="consignee_id">
                                                                <option value="">Select Consignee</option>

                                                                    @foreach($users as $Key =>$s)
                                                                    <option value="{{ $s->id }}">{{ $s->consignee_name }}</option>
                                                                    @endforeach
                                                            </select>
                                                        </div>      
                                                    </div>
                                                    
                                                    <div class="form-group{{($errors->has('file_number')? 'has-error': '')}}">
                                                        <label>File Number:</label>
                                                        <input type="text" class="form-control" name="file_number" id="file_number" placeholder="File Number" value="{{$file->file_number}}">

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

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

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

                                                    <div class="form-group{{($errors->has('mf')? 'has-error': '')}}">
                                                        <label>Form M:</label>
                                                        <input type="text" class="form-control" name="mf" id="mf" placeholder="MF" value="{{$file->mf}}">

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

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

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

                                                    <div class="form-group{{($errors->has('commodity')? 'has-error': '')}}">
                                                        <label>Commodity:</label>
                                                        <input type="text" class="form-control" name="commodity" id="commodity" placeholder="File Date" value="{{$file->commodity}}">

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

                                                    <div class="form-group{{($errors->has('twenty_ft')? 'has-error': '')}}">
                                                        <label>20FT:</label>
                                                        <input type="text" class="form-control" name="twenty_ft" id="twenty_ft" placeholder="File Date" value="{{$file->twenty_ft}}">

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

                                                    <div class="form-group{{($errors->has('fourty_ft')? 'has-error': '')}}">
                                                        <label>40FT:</label>
                                                        <input type="text" class="form-control" name="twenty_ft" id="fourty_ft" placeholder="File Date" value="{{$file->fourty_ft}}">

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

                                                    <div class="form-group{{($errors->has('other_size')? 'has-error': '')}}">
                                                        <label>Other Size:</label>
                                                        <input type="text" class="form-control" name="twenty_ft" id="other_size" placeholder="Other Size" value="{{$file->other_size}}">

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

                                                    <div class="form-group{{($errors->has('other_size')? 'has-error': '')}}">
                                                        <label>Other Size:</label>
                                                        <input type="text" class="form-control" name="twenty_ft" id="other_size" placeholder="Other Size" value="{{$file->other_size}}">

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

                                                    <div class="form-group{{($errors->has('job_type')? 'has-error': '')}}">
                                                        <label for="job_type">Type of Job:</label>
                                                        <div class="">
                                                            <select class="form-control" name="job_type" id="job_type">
                                                                <option value="">Select Job Type</option>
                                                                <option value="0">Customs Examination</option>
                                                                <option value="1">Fast-Track</option>
                                                            </select>

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

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

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

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

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

                                                    <div class="form-group{{($errors->has('terminal')? 'has-error': '')}}">
                                                        <label>Terminal:</label>
                                                        <input type="text" class="form-control" name="twenty_ft" id="terminal" placeholder="Shipping Line" value="{{$file->terminal}}">

                                                        <span class="text-danger">{{$errors->first('terminal')}}</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>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            {{ $files->links() }}
    </div>
        
    </div>

</div>

@endsection