@extends('layouts.LayoutMaster')

@section('content')

@include('_partials.alerts')

<div class="card card-action mb-4  border border-">

    

    <div class="card-header align-items-center">
        <h5 class="card-action-title mb-0">Bon de ramassage</h5>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-xl-7 col-12">
                <dl class="row mb-0">
                    <dt class="col-sm-4 mb-2 fw-medium text-nowrap">REF N° :</dt>
                    <dd class="col-sm-8">{{$deliveryNote->ref}}</dd>

                    <dt class="col-sm-4 mb-2 fw-medium text-nowrap">Client :</dt>
                    <dd class="col-sm-8">{{$deliveryNote->client->name}}</dd>

                    <dt class="col-sm-4 mb-2 fw-medium text-nowrap">Telephone :</dt>
                    <dd class="col-sm-8">{{$deliveryNote->phone}}</dd>

                    <dt class="col-sm-4 mb-2 fw-medium text-nowrap">Status :</dt>
                    <dd class="col-sm-8"><span class="badge rounded-pill bg-{{ $deliveryNote->statusColor() }} bg-glow">
                            {{$deliveryNote->statusName()}}
                        </span></dd>

                </dl>
            </div>
            <div class="col-xl-5 col-12">
                <dl class="row mb-0">
                    <dt class="col-sm-4 mb-2 fw-medium text-nowrap">Address :</dt>
                    <dd class="col-sm-8">{{$deliveryNote->address}}</dd>

                    <dt class="col-sm-4 mb-2 fw-medium text-nowrap">Ville :</dt>
                    <dd class="col-sm-8">{{$deliveryNote->city->name}} ({{$deliveryNote->city->zone->name}}) </dd>
                    <dd class="col-sm-12">
                        @if ($deliveryNote->isWaiting() && Auth::user()->hasRole('picker'))
                        <br>
                        <div>
                            <a href="{{route('delivery-notes.picked',$deliveryNote->id)}}"
                                class="btn btn-outline-success waves-effect">
                                <span class="ti ti-check me-2"></span> Ramassage effectué
                            </a>
                        </div>

                        @endif

                    </dd>
                </dl>
            </div>
        </div>
    </div>
</div>

<br>
<div class="col-12">
    <div class="card mb-4">
        <h5 class="card-header">Bon de ramassage</h5>
        <div class="card-body">
            <div class="table-responsive text-nowrap">
                <table class="table table-bordered">

                    <thead>
                        <tr>
                            <x-table.header :withSN="false" :headers="[
                                'Code d\'envoi',
                                'Destinataire',
                                'Status',
                                'Prix',
                                'Action',
                                ]" />
                        </tr>
                    </thead>

                    <tbody>
                        @forelse ($currentParcels as $parcel)
                        <tr>
                            <td>
                                {{$parcel->tracking_num}} <br>
                                
                            </td>

                            <td>
                                <b>Nom : </b> {{$parcel->receiver}} <br>
                                <b>Telephone : </b> {{$parcel->phone}} <br>
                                <b>Ville : </b> {{$parcel->city->name}} <br>
                            </td>
                            <td>
                                <span class="badge rounded-pill bg-{{ $parcel->statusColor() }} bg-glow">
                                    {{$parcel->statusName()}}
                                  </span>
                            </td>
                            <td>{{$parcel->price}}</td>

                            <td>
                                @if ($deliveryNote->isPending() && Auth::user()->hasRole('client'))

                                <a href="{{route('parcels.resetDeliveryNote',[$parcel->id,$deliveryNote->id])}}"
                                    class="btn btn-outline-danger waves-effect">Retirer</a>

                                @endif
                            </td>
                        </tr>

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

            </div>
        </div>

    </div>
</div>
@endsection