@extends('templates.dashboard_client')
@section('dashboard_client')
    <div id="kt_app_content" class="app-content  flex-column-fluid ">


        <!--begin::Content container-->
        <div id="kt_app_content_container" class="app-container  container-xxl ">
            <!--begin::Card-->
            @if (session('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <strong>Succès !</strong> {{ session('success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif
            @if (session('error'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <strong>Erreur !</strong> {{ session('error') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif
            <div class="card">
                <!--begin::Card header-->

                <!--end::Card header-->

                <!--begin::Card body-->
                <div class="card-body py-4">

                    <!--begin::Table-->
                    <table class="table align-middle table-row-dashed fs-6 gy-5" id="kt_table_users">
                        <thead>
                            <tr class="text-start text-muted fw-bold fs-7 text-uppercase gs-0">
                                <th class="min-w-150px">Nom du Patient</th>
                                <th class="min-w-150px">Service Demandé</th>
                                <th class="min-w-125px">Date de la Demande</th>
                                <th class="min-w-150px">Statut</th>
                                <th class="min-w-150px">Médecin Assigné</th>
                                <th class="text-end min-w-100px">Actions</th>
                            </tr>
                        </thead>

                        <tbody class="text-gray-600 fw-semibold">
                            @foreach ($demandess as $demande)
                                <tr>
                                    <td class="d-flex align-items-center">
                                        <div class="d-flex flex-column">
                                            <a href="#" class="text-gray-800 text-hover-primary mb-1">
                                                {{ $demande->nom }}
                                            </a>
                                            <span> {{ $demande->email }}</span>
                                        </div>
                                    </td>
                                    <td>
                                        {{ $demande->sujet }}
                                    </td>
                                    <td>
                                        <div class="badge badge-light fw-bold"> {{ $demande->created_at }}</div>
                                    </td>
                                    <td>
                                        <div
                                            class="text-{{ $demande->status == 'En attente'
                                                ? 'warning'
                                                : ($demande->status == 'En cours'
                                                    ? 'info'
                                                    : ($demande->status == 'Terminé'
                                                        ? 'success'
                                                        : ($demande->status == 'Annulé'
                                                            ? 'danger'
                                                            : ($demande->status == 'Refusé'
                                                                ? 'secondary'
                                                                : 'primary')))) }}">
                                            {{ $demande->status }}
                                        </div>
                                    </td>
                                    <td>
                                        {{ $demande->medecin_id ? $demande->medecin->titre : 'Aucun médecin assigné' }}
                                    </td>
                                    <td class="text-end">
                                        <a href="{{ route('voir', ['id' => $demande->id]) }}"
                                            class="btn btn-light btn-active-light-primary btn-flex btn-center btn-sm"
                                            data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
                                            Voir
                                        </a>

                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>

                    <!-- Pagination Controls -->
                    <div class="d-flex justify-content-between">
                        <div>{{ $demandess->links() }}</div>
                    </div>


                    <!--end::Table-->
                </div>
                <!--end::Card body-->
            </div>
            <!--end::Card-->
        </div>
        <!--end::Content container-->
    </div>
@endsection