@extends('user.layout')
@section('content')
    <div class="wrapper">
        <!-- Sidebar -->
        @include('user.templates.navbar')

        <!-- Main Content -->
        <div class="main">
            <!-- Topbar -->
            @include('user.templates.top-bar')
            <!-- Page Content -->
            <div class="container">
                fe
                <div class="content-dashboard">
                    <div class="table-container">
                        @if (session('success'))
                            <div class="alert alert-success alert-dismissible fade show" role="alert">
                                <i class="bi bi-check-circle-fill me-2"></i> {{ session('success') }}
                                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                            </div>
                        @endif
                        <div class="d-flex justify-content-between align-items-center mb-3">
                            <h5 class="mb-0"><i class="bi bi-table me-2"></i>Patient Records</h5>
                            <a href="{{ route('user.patient.create') }}" class="btn btn-primary shadow-sm px-4">
                                <i class="bi bi-person-plus-fill me-2"></i> Add Patient
                            </a>
                        </div>
                        <div class="table-responsive">
                            <table id="advancedPatientTable" class="table table-hover table-striped">
                                <thead class="table-light">
                                    <tr>
                                        <th>Patient Name</th>
                                        <th>Age</th>
                                        <th>Gender</th>
                                        <th>Mobile No.</th>
                                        <th>Doctor</th>
                                        <th>Hospital Name</th>


                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($patients as $patient)
                                        

                                        <tr onclick="window.location='{{ route('user.patients.report', $patient->id) }}'"
                                            style="cursor: pointer;">
                                            <td>{{ $patient->patient_name }}</td>
                                            <td>{{ $patient->age }}</td>
                                            <td>{{ $patient->gender }}</td>
                                            <td>{{ $patient->phone }}</td>
                                            <td>{{ $patient->dr_name }}</td>
                                          <td>{{ $patient->hospital_name ?? 'N/A' }}</td>

                                        </tr>

                                    @empty
                                        <tr>
                                            <td colspan="7" class="text-center text-muted">No patients found.</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>

                    </div>
                </div>
            </div>


        </div>
    </div>
@endsection