@extends('front.master')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading text-white text-center" style="background-color: #3366ff;">
                    @if(Auth::user()-> role == 1)
                        <h3>BAFICA CLIENTS</h3>
                    @endif
                    @if(Auth::user()-> role == 2)
                        <h3>All FILES</h3>
                    @endif
                </div>

                <div class="panel-body">
                    @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_warning'))                    
                        <div class="alert alert-warning alert-block">
                            <button type="button" class="close" data-dismiss="alert">×</button> 
                            <strong>{!! session('flash_message_warning') !!}</strong>
                        </div>
                    @endif
                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif 
                    @if (session('status'))
                        <div class="alert alert-success">
                            {{ session('status') }}
                        </div>
                    @endif

                    <div class="panel-body">
                        @if(Auth::user()-> role == 1)
                            <table class="table table-stripped" id="myTable">
                                <thead>
                                    <tr class="text-white" style="background-color: #3366ff;">
                                        <th>S/N</th>
                                        <th>Consignee Code</th>
                                        <th>Consignee Name</th>
                                        <th>Consignee Email</th>
                                        <th class="text-center">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                                                        @foreach($users as $user)
                                        <tr>
                                            <td>{{$n++}}</td>
                                            <td>{{ $user->consignee_code }}</td>
                                            <td>{{ $user->consignee_name }}</td>
                                            <td>{{ $user->email }}</td>
                                            <td class="text-center">
                                            <a type="button" class="btn btn-info text-white" data-toggle="modal" data-target="#myModal{{$user->consignee_code}}" data-idUpdate="'$user->id'">Edit</a>


                                            <a href="{{url('/consigneeFile', $user->id)}}"><button class="btn btn-primary">Files</button></a>

                                            <a type="button" class="btn btn-warning" data-toggle="modal" data-target="#myModal{{$user->id}}" data-idUpdate="'$user->id'" onclick="return confirm('Are you sure you want to delete this User?')">Disable Client</a>
                                        </td>

                                        <!-- Modal -->

                                            <div id="myModal{{$user->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 text-danger">DISABLE {{ $user->consignee_name }}</h4>
                                                            </div>
                                                        </div>
                                                        <div class="modal-body">
                                                            <form class="form-horizontal" method="POST" action="{{route('userStatus')}}" enctype="multipart/form-data">

                                                                {!! csrf_field() !!}

                                                                <div class="col-md-12">
                                                                    <input type="hidden" class="form-control" name="id" id="id" value="{{$user->id}}">
                                                                    <div class="form-group">
                                                                        <div class="row">
                                                                            <div class="col-md-10 text-center">
                                                                                <input class="form-check-input" name="user_status" id="user_status" type="checkbox" value="2">
                                                                                <div>
                                                                                    <label class="form-check-label" for="disable" style="margin-left: 90px;">
                                                                                        DISABLE
                                                                                    </label>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        
                                                                    </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 -->


                                            <!-- Modal -->

                                            <div id="myModal{{ $user->consignee_code }}" 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 text-primary">EDIT {{ $user->consignee_name }}</h4>
                                                            </div>
                                                        </div>
                                                        <div class="modal-body">
                                                            <form class="form-horizontal" method="POST" action="{{route('updateUser')}}" enctype="multipart/form-data">

                                                                {!! csrf_field() !!}

                                                                <div class="col-md-12">
                                                                    <input type="hidden" class="form-control" name="id" id="id" value="{{$user->id}}">
                                                                    <div class="form-group{{($errors->has('consignee_reply')? 'has-error': '')}}">
                                                                        <label>Client Code:</label>
                                                                        <input type="text" class="form-control" name="consignee_code" id="consignee_code" value="{{$user->consignee_code}}" placeholder="Consignee Code" readonly="true">

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

                                                                    <div class="form-group{{($errors->has('consignee_name')? 'has-error': '')}}">
                            
                                                                        <label for="consignee_name">Consignee Name:</label>
                                                                        <input type="text" class="form-control" name="consignee_name" id="consignee_name" placeholder="Consignee Name" value="{{$user->consignee_name}}">

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

                                                                    <div class="form-group text-success"><strong>Consignee Location Section</strong></div>

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

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

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

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

                                                                    <div class="form-group{{($errors->has('lga')? 'has-error': '')}}">
                            
                                                                        <label for="lga">LGA:</label>
                                                                        <input type="text" class="form-control" name="lga" id="lga" placeholder="Local Goverment Area" value="{{$user->lga}}">

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

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

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

                                                                    <div class="form-group{{($errors->has('country')? 'has-error': '')}}">
                            
                                                                        <label for="state">Country:</label>
                                                                        <input type="text" class="form-control" name="country" id="country" placeholder="Country" value="{{$user->country}}">
                                                                        <span class="text-danger">{{$errors->first('country')}}</span>
                                                    
                                                                    </div>

                                                                    <div class="form-group{{($errors->has('email')? 'has-error': '')}}">
                            
                                                                        <label for="email">Email:</label>
                                                                        <input type="email" class="form-control" name="email" id="email" placeholder="Email" value="{{$user->email}}">

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

                    <div class="panel-body">
                        @if(Auth::user()-> role == 2)
                            <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;">
                                <thead>
                                    <tr class="text-white text-center" style="background-color: #3366ff;">
                                        <th>S/N</th>
                                        <th>File Number</th>
                                        <th>Bill Ladig</th>
                                        <th>Form M</th>
                                        <th>Allocation Date</th>
                                        <th>Commodity</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%">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>
                                                {{\Carbon\Carbon::parse($file->date_allocated)->format('d/m/Y')}}
                                            </td>
                                            <td>{{ $file->commodity }}</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 href="{{url('/fileReport', $file->id)}}" class="btn btn-primary">File Report</a>
                                            <a href="{{url('/printInvoice', $file->id)}}"><button class="btn btn-success">Invoice</button></a>
                                        </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        @endif
                    </div>                    
                </div>
            </div>
        </div>
    </div>
</div>
@endsection