@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">
               <h4 class="card-title text-primary">Bulletin patient</h4>
         </div>
         <a href="{{ route('doctor.prescriptions.create', $patientId) }}" class="iq-bg-primary btn">
            <i class="ri-add-line m-0 text-primary"></i> Ajouter
         </a>
      </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">Patient</th>
                        <th scope="col">Description</th>
                        <th scope="col">Fichier</th>
                        <th scope="col">Date</th>
                        <th scope="col">Action</th>
                     </tr>
                  </thead>
                  <tbody>
                    @forelse ($prescriptions as $prescription)
                        <tr>
                            <th scope="row">{{ $loop->index + 1 }}</th>
                            <td>{{ $prescription->patient->getFullName() ?? '-' }}</td>
                            <td>{{ $prescription->description ?? '-' }}</td>
                            <td> <a href="{{ asset($prescription->file ?? '') }}" target="_blank">Voir fichier</a> </td>
                            <td> {{ $prescription->created_at->format('d/m/Y') }} </td>
                            <td>
                                <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="">
                                        <a class="dropdown-item" href="{{ route('doctor.prescriptions.edit', $prescription) }}">Modifier</a>
                                        <a class="dropdown-item delete-prescription" href="javascript:void(0)" data-toggle="modal" prescription="{{ $prescription->id }}" data-target="#delete-modal">Supprimer</a>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="8">Aucun ordonnance</td>
                        </tr>
                    @endforelse
                  </tbody>
               </table>
               {{ $prescriptions->links() }}
            </div>
      </div>
   </div>

 @include('backoffice.includes.modals.delete-modal')
 @endsection

 @section('scripts')
    <script>
        let urlDelete = "{{ route('doctor.prescriptions.delete', 'id') }}";

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