@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">PTA Submit List</h4>
                        <p class="card-text">Here you can see the list of existing PTA Submit.</p>
                    </div>
                    
                </div>
                <div class="card-body collapse show">
                    <div class="card-block card-dashboard table-responsive">
                        <table class="table table-striped table-bordered" id="dTable">
                            <thead>
                                <tr>
                                    <th>Job No</th>
                                    <th>Consignee Name</th>
                                    <th>Shipping Marks</th>
                                    <th>Description</th>
                                    <th>PTA Submitted Date</th>
                                    <th>PTA Submitted By</th>
                                    <th>Delivery Port</th>
                                    <th>Status</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($pta as $p)
                                <tr>
                                    <td>{{$p->jobs->job_no}}</td>
                                    <td>{{$p->jobs->consignee->consignee_name}}</td>
                                    <td>{{$p->jobs->consignment_detail->shipping_marks}}</td>
                                    <td>{{$p->jobs->consignment_detail->description}}</td>
                                    <td>{{$p->pta_date}}</td>
                                    <td>{{$p->users_submitted->name}}</td>
                                    <td>{{$p->jobs->port_discharge->port_id!= null ? $p->jobs->port_discharge->port->port_name : 'No Port'}}</td>
                                    <td>
                                        <span class="badge {{$p->is_receive==1 ? 'bg-success' : 'bg-danger'}}  white">
                                            {{$p->is_receive==1 ? 'Received' : 'Pending'}}
                                        </span>
                                    </td>
                                    <td>
                                        @if ($p->is_receive==0)
                                        <a class="btn btn-success white mr-2 viewBtn" title="View" href="/pta/{{$p->id}}/edit">
                                             Receive
                                        </a>
                                        @endif
                                        <form action="/pta/{{$p->id}}" method="post">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn btn-danger white mr-2 delete" >
                                                Delete 
                                            </button>
                                        </form>
                                        {{-- <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 align="center">
                                        <td colspan="7">No record Found</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection