@extends('layouts.LayoutMaster')

@section('content')

@include('_partials.alerts')
<div class="container">
    <div class="card">

        <div class="card-header d-flex justify-content-between">
            <p class="lead m-0">Parcel List</p>
            <div>
                <a href="{{route('delivery-notes.create')}}" class="btn btn-outline-warning waves-effect">
                    <span class="ti-xs ti ti-upload me-2"></span> Demandes en masse
                </a>

                @include('parcel.modal-create')

                <a href="{{route('delivery-notes.create')}}" class="btn btn-outline-success waves-effect">
                    <span class="ti-xs ti ti-plus me-2"></span> Demande de ramassage
                </a>
            </div>
        </div>

        <div class="card-body">

            <div class="table-responsive text-nowrap">
                <table class="table table-striped table-bordered">

                    <thead>
                        <tr>
                            <x-table.header :withSN="false"
                                :headers="['Information','Destinataire','Produit','Status','Action',]" />

                        </tr>
                    </thead>

                    <tbody>

                        @forelse ($parcels as $parcel)
                        <tr>
                            <td>
                                ID : {{$parcel->id}} <br>
                                TN : {{$parcel->tracking_num}} <br>
                                XTN : {{$parcel->external_id}} <br>
                                Cree le : {{$parcel->created_at}} <br>
                            </td>

                            <td>
                                Client : {{$parcel->receiver}} <br>
                                Tel : {{$parcel->phone}} <br>
                                ville : {{$parcel->city->name}} <br>
                                Prix : {{$parcel->price}} <br>
                            </td>
                            <td>
                                @include('parcel.attach-product')
                            </td>
                            <td>
                                <span class="badge rounded-pill bg-{{ $parcel->statusColor() }} bg-glow">
                                    {{$parcel->statusName()}}
                                </span>
                            </td>

                            <x-list-button-perm permName="parcel"
                                routeDestroy="{{route('parcels.destroy', $parcel->id ) }}"
                                routeEdit="{{route('parcels.edit', $parcel->id) }}">
                            </x-list-button-perm>
                        </tr>

                        @empty
                        <td>No record</td>
                        @endforelse

                    </tbody>
                </table>

            </div>
        </div>
    </div>
</div>

@endsection