@extends('layouts.app')
@section('title', 'Patients')

@section('content')
<div class="page-head">
    <div>
        <div class="eyebrow">Records</div>
        <h1>Patients</h1>
        <p>{{ $patients->total() }} {{ Str::plural('record', $patients->total()) }} on file</p>
    </div>
    <a href="{{ route('patients.create') }}" class="btn btn-primary">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 5v14M5 12h14" stroke-linecap="round"/></svg>
        Add patient
    </a>
</div>

<form method="GET" class="search" style="margin-bottom:18px;max-width:440px;">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="7"/><path d="m20 20-3-3" stroke-linecap="round"/></svg>
    <input type="text" name="q" value="{{ $search }}" placeholder="Search name, MRN or phone…" autocomplete="off">
    @if($search)<a href="{{ route('patients.index') }}" class="faint" style="font-size:13px;">Clear</a>@endif
</form>

<div class="card">
    <div class="table-wrap">
        <table class="data">
            <thead>
                <tr>
                    <th>Patient</th><th>MRN</th><th>Age / Sex</th><th>Phone</th>
                    <th class="num">Visits</th><th class="num">Labs</th><th></th>
                </tr>
            </thead>
            <tbody>
            @forelse($patients as $patient)
                <tr>
                    <td>
                        <a href="{{ route('patients.show', $patient) }}" class="list-link patient-cell">
                            <div class="avatar">{{ $patient->initials }}</div>
                            <div><div style="font-weight:600;">{{ $patient->name }}</div>
                            @if($patient->blood_group)<div class="meta">Blood group {{ $patient->blood_group }}</div>@endif</div>
                        </a>
                    </td>
                    <td class="faint" style="font-variant-numeric:tabular-nums;">{{ $patient->mrn }}</td>
                    <td>{{ $patient->age !== null ? $patient->age.' yrs' : '—' }} @if($patient->gender)<span class="faint">· {{ ucfirst($patient->gender[0]) }}</span>@endif</td>
                    <td>{{ $patient->phone ?: '—' }}</td>
                    <td class="num">{{ $patient->appointments_count }}</td>
                    <td class="num">{{ $patient->lab_reports_count }}</td>
                    <td class="num"><a href="{{ route('patients.show', $patient) }}" class="btn btn-sm btn-ghost">Open</a></td>
                </tr>
            @empty
                <tr><td colspan="7">
                    <div class="empty">
                        <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M16 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0ZM4 21v-1a6 6 0 0 1 6-6h4a6 6 0 0 1 6 6v1" stroke-linecap="round"/></svg>
                        {{ $search ? 'No patients match your search.' : 'No patients yet. Add your first record.' }}
                    </div>
                </td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>

@if($patients->hasPages())
    <div class="pagination">{{ $patients->links() }}</div>
@endif
@endsection