@extends('pages.delivery.layout')

@section('body')
    <div id="kt_content_container" class="container-xxl">
        <!--begin::Card-->
        <div class="card">
            <!--begin::Card body-->
            <div class="card-body pt-0">
                <div class="table-responsive">
                    <!--begin::Table-->
                    <table data-toggle="table"
                        data-search="true"
                        data-sort-class="table-active"
                        data-sortable="true"
                        data-pagination="true"
                        data-pagination-loop="true"
                        data-page-size="10"
                        data-show-print="true"
                        data-show-export="true"
                        data-toolbar="#toolbar"
                        data-click-to-select="true"
                        data-show-toggle="true"
                        data-show-columns="true"
                        data-show-fullscreen="true"
                        class="table align-middle table-row-dashed fs-6 gy-5 table-hover">
                        <!--begin::Table head-->
                        <thead>
                        <!--begin::Table row-->
                        <tr class="text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0">
                            <th class="w-10px pe-2">
                                <div class="form-check form-check-sm form-check-custom form-check-solid me-3">
                                    <input class="form-check-input" type="checkbox" data-kt-check="true" data-kt-check-target="#kt_customers_table .form-check-input" value="1" />
                                </div>
                            </th>
                            <th class="">#</th>
                            <th class="min-w-200px">Commande</th>
                            <th class="min-w-200px">Frais</th>
                            <th class="min-w-125px">Livreur</th>
                            <th class="min-w-125px">Date</th>
                            <th class="">Est décaisssé ?</th>
                            <th class="">Action</th>
                        </tr>
                        <!--end::Table row-->
                        </thead>
                        <!--end::Table head-->
                        <!--begin::Table body-->
                        <tbody class="fw-bold text-gray-600">
                        @forelse($deliveries as $delivery)
                            <tr>
                                <!--begin::Checkbox-->
                                <td>
                                    <div class="form-check form-check-sm form-check-custom form-check-solid">
                                        <input class="form-check-input" type="checkbox" value="1" />
                                    </div>
                                </td>
                                <!--end::Checkbox-->
                                <td>
                                    #{{ $delivery->delivery_code }}
                                </td>
                                <!--begin::Name=-->
                                <td>
                                    <div class="">
                                        <!--begin::Text-->
                                        <div class="flex-grow-1">
                                            <a href="{{ route('order.show', ['order' => $delivery->order]) }}" class="text-muted fw-bolder text-hover-primary d-block fs-6">#{{ $delivery->order->order_number }}</a>
                                            <span class="d-block">
                                            {{ number_format(\App\Services\OrderService::sum_order($delivery->order), 2, '.', ' ') }} CFA
                                        </span>
                                            @switch($delivery->order->status)
                                                @case(\App\Enums\OrderEnum::STATUS_PENDING->value)
                                                    <div class="badge badge-light-warning">{{ \App\Services\OrderService::humanize_status($delivery->order) }}</div>
                                                    @break
                                                @case(\App\Enums\OrderEnum::STATUS_DELIVERED->value)
                                                    <div class="badge badge-light-success">{{ \App\Services\OrderService::humanize_status($delivery->order) }}</div>
                                                    @break
                                                @case(\App\Enums\OrderEnum::STATUS_CANCELLED->value)
                                                    <div class="badge badge-light-danger">{{ \App\Services\OrderService::humanize_status($delivery->order) }}</div>
                                                    @break
                                            @endswitch
                                        </div>
                                        <!--end::Text-->
                                    </div>
                                </td>
                                <!--end::Name=-->
                                <td>
                                    <div class="">
                                        CFA<span class="fs-3 fw-bold text-danger">{{ number_format($delivery->fees, 2, '.', ' ') }}</span>
                                    </div>
                                    @switch($delivery->status)
                                        @case(\App\Enums\DeliveryEnum::STATUS_PENDING->value)
                                            <div class="badge badge-light-warning">{{ \App\Services\DeliveryService::humanize_status($delivery) }}</div>
                                            @break
                                        @case(\App\Enums\DeliveryEnum::STATUS_DELIVERED->value)
                                            <div class="badge badge-light-success">{{ \App\Services\DeliveryService::humanize_status($delivery) }}</div>
                                            @break
                                        @case(\App\Enums\DeliveryEnum::STATUS_CANCELLED->value)
                                            <div class="badge badge-light-danger">{{ \App\Services\DeliveryService::humanize_status($delivery) }}</div>
                                            @break
                                    @endswitch
                                </td>
                                <td>
                                    <span>{{ $delivery->staff->first_name }} {{ $delivery->staff->last_name }}</span>
                                    <span class="d-block fw-bold small">{{ $delivery->staff->category->name }}</span>
                                    <span class="d-block fw-bold small">{{ $delivery->staff->phone }}</span>
                                </td>
                                <!--begin::Payment method=-->
                                <td>
                                    {{ \Carbon\Carbon::parse($delivery->delivery_date)->locale('fr')->translatedFormat('l, d M y') }}
                                </td>
                                <!--end::Payment method=-->
                                <td>
                                    @if(!$delivery->is_refunded)
                                        <span class="badge badge-danger">Non</span>
                                    @else
                                        <span class="badge badge-success">Oui</span>
                                    @endif
                                </td>
                                <td>
                                    @if(!$delivery->is_refunded)
                                        <form action="{{ route('delivery.refund', ['delivery' => $delivery]) }}" method="POST">
                                            @csrf
                                            @method("PUT")
                                            <button type="submit" class="btn btn-sm btn-light">Décaisser</button>
                                        </form>
                                    @else
                                        <button class="btn btn-sm btn-light" disabled>Traité</button>
                                    @endif
                                </td>
                                <!--end::Action=-->
                            </tr>
                        @empty
                            <tr>
                                <td colspan="7">
                                    <div class="text-center text-muted py-5 fs-3">
                                        Aucune information à afficher
                                        <div>
                                            <span class="fa fa-folder-open display-3"></span>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        @endforelse
                        </tbody>
                        <!--end::Table body-->
                    </table>
                    <!--end::Table-->
                </div>
            </div>
            <!--end::Card body-->
        </div>
        <!--end::Card-->
        <!--begin::Modals-->
        <!--end::Modals-->
    </div>
@endsection