@extends('backoffice.doctor.layout')

@section('content')
   <div class="iq-card px-4 py-2">
      <div class="iq-card-header d-flex justify-content-between p-0 bg-white">
         <div class="iq-header-title d-flex align-items-center">
            <h4 class="card-title text-primary">Gestion des patients</h4>
         </div>

      </div>
      <div class="iq-card-body p-0">
        <div class="table-responsive">
            <table class="table">
                <thead>
                    <tr>
                        <th scope="col">N°</th>
                        <th scope="col">Nom & Prénom</th>
                        <th scope="col">Date de naissance</th>
                        <th scope="col">Nationalité</th>
                        <th scope="col">CNI</th>
                        <th scope="col">Passport</th>
                        <th scope="col">Statut</th>
                        <th scope="col" style="text-align: right">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($patients as $patient)
                        <tr>
                            <th scope="row">{{ $loop->index + 1 }}</th>
                            <td>{{ $patient->first_name ?? '' }} {{ $patient->last_name ?? '' }}</td>
                            <td>{{ $patient->date_of_birth->format('d/m/Y') ?? '' }}</td>
                            <td>{{ $patient->nationality }}</td>
                            <td>{{ $patient->cni_number }}</td>
                            <td>{{ $patient->passport_number }}</td>
                            @switch($patient->pivot->status)
                                @case(\App\Enums\DoctorPatientStatus::ACCEPTED->value)
                                    <td><span class="badge badge-success">{{ $patient->pivot->status ?? '' }}</span></td>
                                    @break
                                @case(App\Enums\DoctorPatientStatus::CANCELLED->value)
                                    <td><span class="badge badge-danger">{{ $patient->pivot->status ?? '' }}</span></td>
                                    @break
                                @case(App\Enums\DoctorPatientStatus::PENDING->value)
                                    <td><span class="badge badge-warning">{{ $patient->pivot->status ?? '' }}</span></td>
                                    @break
                                @default
                                    <td><span class="badge badge-secondary">{{ $patient->pivot->status ?? '' }}</span></td>
                            @endswitch
                            <td align="end">
                                <div class="btn-group" role="group">
                                    <button id="btnGroupDrop1" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    Actions
                                    </button>
                                    <div class="dropdown-menu" aria-labelledby="btnGroupDrop1" style="">
                                        @if ($patient->pivot->status === \App\Enums\DoctorPatientStatus::ACCEPTED->value)
                                            <a class="dropdown-item" href="{{ route('doctor.bulletins', $patient->id) }}">Bulletins</a>
                                            <a class="dropdown-item" href="{{ route('doctor.prescriptions', $patient->id) }}">Ordonnances</a>
                                        @endif
                                         @if ($patient->pivot->status === \App\Enums\DoctorPatientStatus::PENDING->value)
                                            <a class="dropdown-item accept-patient" href="javascript:void(0)" data-toggle="modal" patient="{{ $patient->id ?? '' }}" data-target="#accept-patient-modal">Accepter</a>
                                            <a class="dropdown-item cancel-patient" href="javascript:void(0)" data-toggle="modal" patient="{{ $patient->id ?? '' }}" data-target="#cancel-patient-modal">Refuser</a>
                                        @endif

                                        <a class="dropdown-item delete-patient" href="javascript:void(0)" data-toggle="modal" patient="{{ $patient->id ?? '' }}" data-target="#delete-modal">Supprimer</a>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7">Aucun utilisateurs</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
            <div class="d-flex justify-content-center">
                {{ $patients->links() }}
            </div>
        </div>
      </div>
   </div>

 @include('backoffice.includes.modals.delete-modal')
 @include('backoffice.doctor.includes.accept-patient-modal')
 @include('backoffice.doctor.includes.cancel-patient-modal')
 @endsection

 @section('scripts')
    <script>
        $(function () {
            let urlDelete = "{{ route('doctor.patients.delete', 'id') }}";
            let urlAccept = "{{ route('doctor.patients.accept', 'id') }}";
            let urlCancel = "{{ route('doctor.patients.cancel', 'id') }}";

            $(document).on("click", ".delete-patient", function (e) {
                e.preventDefault();
                const patientId = JSON.parse(e.target.getAttribute("patient"));
                $('#delete-form').attr('action', urlDelete.replace('id', patientId));
            });

            $(document).on("click", ".accept-patient", function (e) {
                e.preventDefault();
                const patientId = JSON.parse(e.target.getAttribute("patient"));
                $('#accept-patient-form').attr('action', urlAccept.replace('id', patientId));
            });

            $(document).on("click", ".cancel-patient", function (e) {
                e.preventDefault();
                const patientId = JSON.parse(e.target.getAttribute("patient"));
                $('#cancel-patient-form').attr('action', urlCancel.replace('id', patientId));
            });
        });
    </script>
@endsection