@extends('layouts.app')

@section('content')
<section id="dom">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between">
                    <div class="card-title-wrap bar-teal">
                        <h4 class="card-title">Job List</h4>
                        <p class="card-text">Here you can see the list of existing Jobs.</p>
                    </div>
                    <a class="float-right" href="{{route('parachaJob.create')}}">
                        <button type="button" class="btn btn-success mr-1">
                            <i class="icon-plus"></i> Create
                        </button>
                    </a>
                </div>
                <div class="card-body collapse show p-4">
                    <ul class="nav nav-tabs ">
                        <li class="nav-item">
                            <a class="nav-link active show" id="active-tab" data-toggle="tab" href="#active" aria-controls="active" aria-expanded="true">Open Jobs</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="link-tab" data-toggle="tab" href="#link" aria-controls="link" aria-expanded="false">Closed Jobs</a>
                        </li>
                    </ul>
                    <div class="tab-content px-1 pt-1">
                        <div role="tabpanel" class="tab-pane active show" id="active" aria-labelledby="active-tab" aria-expanded="true">
                            <div class="card-block card-dashboard table-responsive">
                                <table class="table table-striped table-bordered" id="dTable">
                                    <thead>
                                        <tr>
                                            <th>Job No</th>
                                            <th>Date</th>
                                            <th>Consignee Name</th>
                                            @if (auth()->user()->roles[0]->name=='admin')   
                                                <th>Client Name</th>
                                            @endif
                                            <th>Shipping Marks</th>
                                            <th>Description</th>
                                            <th>BL Number</th>
                                            <th>Arrival Date</th>
                                            <th>Port of Delivery</th>
                                            <th>Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($data as $j)
                                        <tr>
                                            <td>{{$j->job_no}}</td>
                                            <td>{{$j->opening_date}}</td>
                                            <td>{{$j->consignee->consignee_name}}</td>
                                            @if (auth()->user()->roles[0]->name=='admin')
                                                <td>{{$j->client->client_name}}</td>
                                            @endif
                                            <td>{{$j->consignment_detail->shipping_marks}}</td>
                                            <td>{{$j->consignment_detail->description}}</td>
                                            <td>{{$j->shipping_detail->bl_number}}</td>
                                            <td>{{$j->shipping_detail->arrival_date}}</td>
                                            <td>{{$j->port_discharge->port_id==null ? 'No Port' : $j->port_discharge->port->port_name}}</td>
                                            
                                            <td>
                                                <a href="/parachaJob/{{$j->id}}" class="success mr-2 viewBtn" title="View">
                                                    <i class="ft-eye font-medium-3"></i> 
                                                </a>
                                                <a class="primary mr-2 " href="/parachaJob/{{$j->id}}/edit" title="Edit">
                                                    <i class="ft-edit font-medium-3"></i> 
                                                </a>
                                                {{-- <a href="javascript:void();" id="{{$j->id}}"class="danger p-0 mr-2 delete" title="delete" >
                                                    <i class="ft-trash-2 font-medium-3"></i>
                                                </a> --}}
                                            </td>
                                        </tr>
                                            
                                        @empty
                                            <tr>
                                                <td colspan="3">No record Found</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="tab-pane" id="link" role="tabpanel" aria-labelledby="link-tab" aria-expanded="false">
                            <div class="card-block card-dashboard table-responsive">
                                <table class="table table-striped table-bordered" id="dTable2">
                                    <thead>
                                        <tr>
                                            <th>Job No</th>
                                            <th>Consignee Name</th>
                                            @if (auth()->user()->roles[0]->name=='admin')   
                                                <th>Client Name</th>
                                            @endif
                                            <th>Shipping Marks</th>
                                            <th>Description</th>
                                            <th>BL Number</th>
                                            <th>Arrival Date</th>
                                            <th>Port of Delivery</th>
                                            <th>Status</th>
                                            <th>Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($data_closed as $j)
                                        <tr>
                                            <td>{{$j->job_no}}</td>
                                            <td>{{$j->consignee->consignee_name}}</td>
                                            @if (auth()->user()->roles[0]->name=='admin')
                                                <td>{{$j->client->client_name}}</td>
                                            @endif
                                            <td>{{$j->consignment_detail->shipping_marks}}</td>
                                            <td>{{$j->consignment_detail->description}}</td>
                                            <td>{{$j->shipping_detail->bl_number}}</td>
                                            <td>{{$j->shipping_detail->arrival_date}}</td>
                                            <td>{{$j->port_discharge->port_id==null ? 'No Port' : $j->port_discharge->port->port_name}}</td>
                                            <td>
                                                <span class="badge {{$j->is_closed==0 ? 'bg-success' : 'bg-danger'}}  white">
                                                    {{$j->is_closed==0 ? 'Open' : 'Closed'}}
                                                </span>
                                            </td>
                                            <td>
                                                <a href="/parachaJob/{{$j->id}}" class="success mr-2 viewBtn" title="View">
                                                    <i class="ft-eye font-medium-3"></i> 
                                                </a>
                                                <a class="primary mr-2 " href="/parachaJob/{{$j->id}}/edit" title="Edit">
                                                    <i class="ft-edit font-medium-3"></i> 
                                                </a>
                                                {{-- <a href="javascript:void();" id="{{$j->id}}"class="danger p-0 mr-2 delete" title="delete" >
                                                    <i class="ft-trash-2 font-medium-3"></i>
                                                </a> --}}
                                            </td>
                                        </tr>
                                            
                                        @empty
                                            <tr>
                                                <td colspan="3">No record Found</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection

@section('afterScript')
    <script>
        $(document).ready(function(){
            $('#dTable').DataTable();
            $('#dTable2').DataTable();
        });
    </script>
@endsection