@extends('layouts.app')
@section('title', 'Edit Patient — '.$patient->serial_number)

@section('content')
<form method="POST" action="{{ route('patients.update', $patient) }}">
    @csrf @method('PUT')
    <div class="card p-4 mb-3">
        <h6 class="border-bottom pb-2 mb-3">Patient Details</h6>
        <div class="row g-3">
            <div class="col-md-3">
                <label class="form-label">Serial Number</label>
                <input type="text" value="{{ $patient->serial_number }}" class="form-control bg-light" readonly>
            </div>
            <div class="col-md-4">
                <label class="form-label">First Name <span class="text-danger">*</span></label>
                <input type="text" name="first_name" value="{{ old('first_name', $patient->first_name) }}" class="form-control" required>
            </div>
            <div class="col-md-5">
                <label class="form-label">Father / Husband Name</label>
                <input type="text" name="father_name" value="{{ old('father_name', $patient->father_name) }}" class="form-control">
            </div>
            <div class="col-md-3">
                <label class="form-label">Phone</label>
                <input type="text" name="phone" value="{{ old('phone', $patient->phone) }}" class="form-control">
            </div>
            <div class="col-md-2">
                <label class="form-label">Age</label>
                <input type="number" name="age" value="{{ old('age', $patient->age) }}" class="form-control" min="0" max="200">
            </div>
            <div class="col-md-3">
                <label class="form-label">Gender</label>
                <select name="gender" class="form-select">
                    <option value="">—</option>
                    @foreach(['male','female','other'] as $g)
                        <option value="{{ $g }}" @selected(old('gender', $patient->gender)===$g)>{{ ucfirst($g) }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-6 col-lg-4">
                <label class="form-label">Reference Name</label>
                <input type="text" name="reference_name" list="referencelist" value="{{ old('reference_name', $patient->reference_name) }}" class="form-control">
                <datalist id="referencelist">
                    <option value="Walk-in"><option value="Old Patient"><option value="Family Reference"><option value="Doctor Reference"><option value="Social Media"><option value="Campaign"><option value="Other">
                </datalist>
            </div>
            <div class="col-md-6 col-lg-4">
                <label class="form-label">Reference Phone</label>
                <input type="text" name="reference_phone" value="{{ old('reference_phone', $patient->reference_phone) }}" class="form-control @error('reference_phone') is-invalid @enderror" placeholder="03001234567">
                @error('reference_phone')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
        </div>
    </div>

    <div class="card p-4 mb-3">
        <h6 class="border-bottom pb-2 mb-3">Address (Pakistan)</h6>
        <div class="row g-3">
            <div class="col-md-6 col-lg-4">
                <label class="form-label">City</label>
                <input type="text" name="city" list="citylist" value="{{ old('city', $patient->city) }}" class="form-control">
                <datalist id="citylist">
                    <option value="Karachi"><option value="Lahore"><option value="Islamabad"><option value="Rawalpindi"><option value="Faisalabad"><option value="Multan"><option value="Peshawar"><option value="Quetta"><option value="Gujranwala"><option value="Sialkot"><option value="Hyderabad"><option value="Bahawalpur"><option value="Sargodha"><option value="Sukkur">
                </datalist>
            </div>
            <div class="col-md-6 col-lg-4">
                <label class="form-label">Area</label>
                <input type="text" name="area" value="{{ old('area', $patient->area) }}" class="form-control">
            </div>
            <div class="col-12">
                <label class="form-label">Full Address</label>
                <input type="text" name="address" value="{{ old('address', $patient->address) }}" class="form-control">
            </div>
        </div>
    </div>

    <div class="card p-4 mb-3">
        <h6 class="border-bottom pb-2 mb-3">Fee Details</h6>
        <div class="row g-3">
            @include('patients.partials.fee_fields', ['patient' => $patient])
        </div>
    </div>

    <button class="btn btn-primary"><i class="bi bi-save"></i> Update</button>
    <a href="{{ route('patients.show', $patient) }}" class="btn btn-outline-secondary">Cancel</a>
</form>
@endsection