@extends('layouts.app')

@section('title', 'Patient Dashboard')

@section('content')
    <!-- Start Content -->
    <div class="content pb-0">

        <!-- Start Page Header -->
                <div class="d-flex align-items-sm-center flex-sm-row flex-column gap-2 pb-3 mb-3 border-1 border-bottom">
                    <div class="flex-grow-1">
                        <h4 class="fw-bold mb-0"> Prescription </h4>
                    </div>
                    <div class="text-end">
                    </div>
				</div>
				<!-- End Page Header -->


                <div class="table-responsive">
                    <table class="table table-nowrap datatable">
                        <thead class="thead-light">
                            <tr>
                                <th class="no-sort">
                                    Prescription ID
                                </th>
                                <th>Doctor Name</th>
                                <th>Prescribed On</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>#PRE0025</td>
                                <td>
                                    <div class="d-flex align-items-center">
                                        <a href="patient-doctors.html" class="avatar avatar-md me-2">
                                            <img src="{{ asset('assets/img/PRED_CARE-Logo.png') }}" alt="product" class="rounded-circle">
                                        </a>
                                        <a href="#" class="text-dark fw-semibold">Dr. Mick Thompson <span class="text-body fs-13 fw-normal d-block"> Cardiologist </span>  </a>
                                    </div>
                                </td>
                                <td>
                                    30 Apr 2025
                                </td>
                                <td class="action-item">
                                    <a href="javascript:void(0);" data-bs-toggle="dropdown">
                                        <i class="ti ti-dots-vertical"></i>
                                    </a>
                                    <ul class="dropdown-menu p-2">
                                        <li>
                                            <a href="#" class="dropdown-item d-flex align-items-center">View</a>
                                        </li>
                                        <li>
                                            <a href="javascript:void(0);" class="dropdown-item d-flex align-items-center" data-bs-toggle="modal" data-bs-target="#delete_modal">Delete</a>
                                        </li>
                                    </ul>
                                </td>
                            </tr>

                            <tr>
                                <td>#PRE0024</td>
                                <td>
                                    <div class="d-flex align-items-center">
                                        <a href="patient-doctors.html" class="avatar avatar-md me-2">
                                            <img src="{{ asset('assets/img/PRED_CARE-Logo.png') }}" alt="product" class="rounded-circle">
                                        </a>
                                        <a href="#" class="text-dark fw-semibold">Dr. Sarah Johnson<span class="text-body fs-13 fw-normal d-block"> Orthopedic Surgeon </span>  </a>
                                    </div>
                                </td>
                                <td>
                                    15 Apr 2025
                                </td>
                                <td class="action-item">
                                    <a href="javascript:void(0);" data-bs-toggle="dropdown">
                                        <i class="ti ti-dots-vertical"></i>
                                    </a> 
                                    <ul class="dropdown-menu p-2">
                                        <li>
                                            <a href="#" class="dropdown-item d-flex align-items-center">View</a>
                                        </li>
                                        <li>
                                            <a href="javascript:void(0);" class="dropdown-item d-flex align-items-center" data-bs-toggle="modal" data-bs-target="#delete_modal">Delete</a>
                                        </li>
                                    </ul>
                                </td>
                            </tr>

                            <tr>
                                <td>#PRE0023</td>
                                <td>
                                    <div class="d-flex align-items-center">
                                        <a href="patient-doctors.html" class="avatar avatar-md me-2">
                                            <img src="{{ asset('assets/img/PRED_CARE-Logo.png') }}" alt="product" class="rounded-circle">
                                        </a>
                                        <a href="#" class="text-dark fw-semibold">Dr. Emily Carter <span class="text-body fs-13 fw-normal d-block"> Pediatrician </span>  </a>
                                    </div>
                                </td>
                                <td>
                                    02 Apr 2025
                                </td>
                                <td class="action-item">
                                    <a href="javascript:void(0);" data-bs-toggle="dropdown">
                                        <i class="ti ti-dots-vertical"></i>
                                    </a>
                                    <ul class="dropdown-menu p-2">
                                        <li>
                                            <a href="#" class="dropdown-item d-flex align-items-center">View</a>
                                        </li>
                                        <li>
                                            <a href="javascript:void(0);" class="dropdown-item d-flex align-items-center" data-bs-toggle="modal" data-bs-target="#delete_modal">Delete</a>
                                        </li>
                                    </ul>
                                </td>
                            </tr>

                            <tr>
                                <td>#PRE0022</td>
                                <td>
                                    <div class="d-flex align-items-center">
                                        <a href="patient-doctors.html" class="avatar avatar-md me-2">
                                            <img src="{{ asset('assets/img/PRED_CARE-Logo.png') }}" alt="product" class="rounded-circle">
                                        </a>
                                        <a href="#" class="text-dark fw-semibold">Dr. David Lee <span class="text-body fs-13 fw-normal d-block"> Gynecologist </span>  </a>
                                    </div>
                                </td>
                                <td>
                                    27 Mar 2025
                                </td>
                                <td class="action-item">
                                    <a href="javascript:void(0);" data-bs-toggle="dropdown">
                                        <i class="ti ti-dots-vertical"></i>
                                    </a>
                                    <ul class="dropdown-menu p-2">
                                        <li>
                                            <a href="#" class="dropdown-item d-flex align-items-center">View</a>
                                        </li>
                                        <li>
                                            <a href="javascript:void(0);" class="dropdown-item d-flex align-items-center" data-bs-toggle="modal" data-bs-target="#delete_modal">Delete</a>
                                        </li>
                                    </ul>
                                </td>
                            </tr>

                            <tr>
                                <td>#PRE0021</td>
                                <td>
                                    <div class="d-flex align-items-center">
                                        <a href="patient-doctors.html" class="avatar avatar-md me-2">
                                            <img src="{{ asset('assets/img/PRED_CARE-Logo.png') }}" alt="product" class="rounded-circle">
                                        </a>
                                        <a href="#" class="text-dark fw-semibold">Dr. Anna Kim <span class="text-body fs-13 fw-normal d-block"> Psychiatrist </span>  </a>
                                    </div>
                                </td>
                                <td>
                                    12 Mar 2025
                                </td>
                                <td class="action-item">
                                    <a href="javascript:void(0);" data-bs-toggle="dropdown">
                                        <i class="ti ti-dots-vertical"></i>
                                    </a>
                                    <ul class="dropdown-menu p-2">
                                        <li>
                                            <a href="#" class="dropdown-item d-flex align-items-center">View</a>
                                        </li>
                                        <li>
                                            <a href="javascript:void(0);" class="dropdown-item d-flex align-items-center" data-bs-toggle="modal" data-bs-target="#delete_modal">Delete</a>
                                        </li>
                                    </ul>
                                </td>
                            </tr>

                                                       

                            

                        </tbody>
                    </table>
                </div>

    </div>
    <!-- End Content -->
@endsection