@extends('layouts.app')
@section('title', 'Patient Records')
@section('actions')
    <a href="{{ route('patients.create') }}" class="btn btn-primary"><i class="bi bi-plus-lg"></i> New Patient</a>
@endsection

@section('content')
{{-- ---------------- Daily fee summary ---------------- --}}
<div class="row g-3 mb-3">
    <div class="col-6 col-lg-3"><div class="card p-3"><div class="text-muted small">Patients ({{ \Illuminate\Support\Carbon::parse($summaryDate)->format('d M Y') }})</div><h4 class="mb-0">{{ $feeSummary->patients }}</h4></div></div>
    <div class="col-6 col-lg-3"><div class="card p-3"><div class="text-muted small">Total Patient Fee</div><h4 class="mb-0">{{ number_format($feeSummary->total_fee, 2) }}</h4></div></div>
    <div class="col-6 col-lg-3"><div class="card p-3"><div class="text-muted small">Total Received Fee</div><h4 class="mb-0 text-success">{{ number_format($feeSummary->total_received, 2) }}</h4></div></div>
    <div class="col-6 col-lg-3"><div class="card p-3"><div class="text-muted small">Total Remaining Fee</div><h4 class="mb-0 text-danger">{{ number_format($feeSummary->total_remaining, 2) }}</h4></div></div>
    <div class="col-6 col-lg-3"><div class="card p-3"><div class="text-muted small">Total Discount Fee</div><h4 class="mb-0 text-warning">{{ number_format($feeSummary->total_discount, 2) }}</h4></div></div>
</div>

<div class="card p-3 mb-3">
    <form method="GET" class="row g-2 align-items-end">
        <div class="col-6 col-md-3">
            <label class="form-label small mb-1">Search (serial / name / phone)</label>
            <input type="text" name="search" value="{{ request('search') }}" class="form-control form-control-sm">
        </div>
        <div class="col-6 col-md-2">
            <label class="form-label small mb-1">City</label>
            <input type="text" name="city" list="citylist" value="{{ request('city') }}" class="form-control form-control-sm">
            <datalist id="citylist">@foreach($cities as $c)<option value="{{ $c }}">@endforeach</datalist>
        </div>
        <div class="col-6 col-md-2">
            <label class="form-label small mb-1">Area</label>
            <input type="text" name="area" list="arealist" value="{{ request('area') }}" class="form-control form-control-sm">
            <datalist id="arealist">@foreach($areas as $a)<option value="{{ $a }}">@endforeach</datalist>
        </div>
        <div class="col-6 col-md-2">
            <label class="form-label small mb-1">Doctor</label>
            <input type="text" name="doctor" value="{{ request('doctor') }}" class="form-control form-control-sm">
        </div>
        <div class="col-6 col-md-2">
            <label class="form-label small mb-1">Date (fee summary)</label>
            <input type="date" name="date" value="{{ request('date') }}" class="form-control form-control-sm">
        </div>
        <div class="col-6 col-md-2">
            <label class="form-label small mb-1">Status</label>
            <select name="status" class="form-select form-select-sm">
                <option value="">All</option>
                @foreach(['active','follow_up','completed','cancelled'] as $s)
                    <option value="{{ $s }}" @selected(request('status')===$s)>{{ ucwords(str_replace('_',' ',$s)) }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-12 col-md-3">
            <button class="btn btn-sm btn-dark"><i class="bi bi-search"></i> Filter</button>
            <a href="{{ route('patients.index') }}" class="btn btn-sm btn-outline-secondary">Reset</a>
        </div>
    </form>
</div>

<div class="card p-0">
    <div class="table-responsive">
        <table class="table table-hover mb-0 align-middle">
            <thead>
                <tr><th>Serial No.</th><th>Name</th><th>Phone</th><th>City</th><th>Area</th><th>Fee</th><th>Received</th><th>Remaining</th><th>Discount</th><th></th></tr>
            </thead>
            <tbody>
            @forelse($patients as $patient)
                <tr>
                    <td><span class="badge bg-secondary">{{ $patient->serial_number }}</span></td>
                    <td><a href="{{ route('patients.show', $patient) }}">{{ $patient->name }}</a></td>
                    <td>{{ $patient->phone ?? '—' }}</td>
                    <td>{{ $patient->city ?? '—' }}</td>
                    <td>{{ $patient->area ?? '—' }}</td>
                    <td>{{ number_format($patient->patient_fee, 0) }}</td>
                    <td>{{ number_format($patient->received_fee, 0) }}</td>
                    <td class="{{ $patient->remaining_fee > 0 ? 'text-danger fw-bold' : '' }}">{{ number_format($patient->remaining_fee, 0) }}</td>
                    <td>{{ number_format($patient->discount_fee, 0) }}</td>
                    <td class="text-nowrap text-end">
                        <a href="{{ route('patients.show', $patient) }}" class="btn btn-sm btn-outline-primary"><i class="bi bi-eye"></i></a>
                        <a href="{{ route('patients.pdf', $patient) }}" class="btn btn-sm btn-outline-dark"><i class="bi bi-file-pdf"></i></a>
                    </td>
                </tr>
            @empty
                <tr><td colspan="10" class="text-center text-muted py-4">No patients found.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>
<div class="mt-3">{{ $patients->links() }}</div>
@endsection