@extends('layouts.app')
@section('title', 'Patient — '.$patient->serial_number)
@section('actions')
    <a href="{{ route('patients.pdf', $patient) }}" class="btn btn-dark"><i class="bi bi-file-pdf"></i> Download PDF</a>
    <a href="{{ route('patients.edit', $patient) }}" class="btn btn-outline-secondary"><i class="bi bi-pencil"></i> Edit</a>
    <form method="POST" action="{{ route('patients.destroy', $patient) }}" class="d-inline" onsubmit="return confirm('Delete this patient and all visits?')">
        @csrf @method('DELETE')
        <button class="btn btn-outline-danger"><i class="bi bi-trash"></i> Delete</button>
    </form>
@endsection

@section('content')
<div class="row g-3">
    <div class="col-lg-4">
        <div class="card p-3 mb-3">
            <h5>{{ $patient->name }}</h5>
            <span class="badge bg-secondary mb-3">{{ $patient->serial_number }}</span>
            <dl class="row mb-0 small">
                <dt class="col-5">First Name</dt><dd class="col-7">{{ $patient->first_name }}</dd>
                <dt class="col-5">Father/Husband</dt><dd class="col-7">{{ $patient->father_name ?? '—' }}</dd>
                <dt class="col-5">Phone</dt><dd class="col-7">{{ $patient->phone ?? '—' }}</dd>
                <dt class="col-5">Age</dt><dd class="col-7">{{ $patient->age ?? '—' }}</dd>
                <dt class="col-5">Gender</dt><dd class="col-7">{{ $patient->gender ? ucfirst($patient->gender) : '—' }}</dd>
                <dt class="col-5">City</dt><dd class="col-7">{{ $patient->city ?? '—' }}</dd>
                <dt class="col-5">Area</dt><dd class="col-7">{{ $patient->area ?? '—' }}</dd>
                <dt class="col-5">Address</dt><dd class="col-7">{{ $patient->address ?? '—' }}</dd>
                <dt class="col-5">Reference</dt><dd class="col-7">{{ $patient->reference_name ?? '—' }}</dd>
                <dt class="col-5">Ref. Phone</dt><dd class="col-7">{{ $patient->reference_phone ?? '—' }}</dd>
                <dt class="col-5">Total Visits</dt><dd class="col-7">{{ $patient->visits->count() }}</dd>
            </dl>
            <div class="border-top mt-3 pt-2 small">
                <div class="d-flex justify-content-between"><span class="text-muted">Total Patient Fee</span><strong>{{ number_format($patient->patient_fee, 2) }}</strong></div>
                <div class="d-flex justify-content-between"><span class="text-muted">Total Received Fee</span><strong class="text-success">{{ number_format($patient->received_fee, 2) }}</strong></div>
                <div class="d-flex justify-content-between"><span class="text-muted">Total Remaining Fee</span><strong class="text-danger">{{ number_format($patient->remaining_fee, 2) }}</strong></div>
                <div class="d-flex justify-content-between"><span class="text-muted">Total Discount Fee</span><strong class="text-warning">{{ number_format($patient->discount_fee, 2) }}</strong></div>
            </div>
        </div>

        {{-- ---------------- Remaining Fee Payments ---------------- --}}
        <div class="card p-3">
            <h6 class="border-bottom pb-2 mb-3"><i class="bi bi-cash-coin"></i> Remaining Fee</h6>
            <p class="small mb-2">Outstanding (registration): <strong class="text-danger">{{ number_format($patient->remaining_fee, 2) }}</strong></p>
            @if($patient->remaining_fee > 0)
            <form method="POST" action="{{ route('patients.payments.store', $patient) }}" class="row g-2 mb-3">
                @csrf
                <div class="col-6">
                    <label class="form-label small mb-1">Payment Amount *</label>
                    <input type="number" step="0.01" min="0.01" max="{{ $patient->remaining_fee }}" name="payment_amount" class="form-control form-control-sm @error('payment_amount') is-invalid @enderror" required>
                    @error('payment_amount')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="col-6">
                    <label class="form-label small mb-1">Payment Date *</label>
                    <input type="date" name="payment_date" value="{{ now()->format('Y-m-d') }}" class="form-control form-control-sm" required>
                </div>
                <div class="col-12"><input type="text" name="notes" class="form-control form-control-sm" placeholder="Notes (optional)"></div>
                <div class="col-12"><button class="btn btn-sm btn-success"><i class="bi bi-plus-lg"></i> Receive Remaining Payment</button></div>
            </form>
            @endif
            @if($patient->feePayments->count())
                <div class="small fw-bold mb-1">Payment History</div>
                <ul class="list-group list-group-flush small">
                    @foreach($patient->feePayments as $pay)
                        <li class="list-group-item px-0 d-flex justify-content-between">
                            <span>{{ $pay->payment_date->format('d M Y') }} — {{ number_format($pay->payment_amount, 2) }}@if($pay->notes) <span class="text-muted">({{ $pay->notes }})</span>@endif</span>
                            <form method="POST" action="{{ route('patients.payments.destroy', [$patient, $pay]) }}" onsubmit="return confirm('Reverse this payment?')">
                                @csrf @method('DELETE')
                                <button class="btn btn-sm btn-outline-danger py-0"><i class="bi bi-x"></i></button>
                            </form>
                        </li>
                    @endforeach
                </ul>
            @endif
        </div>

        {{-- ---------------- Suggested Tests ---------------- --}}
        <div class="card p-3">
            <h6 class="border-bottom pb-2 mb-3"><i class="bi bi-clipboard2-pulse"></i> Suggested Tests</h6>
            @forelse($patient->patientTests as $pt)
                <div class="border rounded p-2 mb-2">
                    <div class="d-flex justify-content-between align-items-start">
                        <div>
                            <strong>{{ $pt->test->name ?? '—' }}</strong>
                            <div class="small text-muted">Suggested {{ $pt->suggested_date->format('d M Y') }}</div>
                            @if($pt->notes)<div class="small">{{ $pt->notes }}</div>@endif
                        </div>
                        <div class="text-end">
                            @if($pt->test && $pt->test->hasSample())
                                <a href="{{ Storage::url($pt->test->sample_path) }}" target="_blank" class="btn btn-sm btn-outline-primary"><i class="bi bi-image"></i> View Image</a>
                            @else
                                <span class="badge bg-light text-muted">No image</span>
                            @endif
                            <form method="POST" action="{{ route('patient-tests.destroy', $pt) }}" class="d-inline" onsubmit="return confirm('Remove this suggested test?')">
                                @csrf @method('DELETE')
                                <button class="btn btn-sm btn-outline-danger"><i class="bi bi-x"></i></button>
                            </form>
                        </div>
                    </div>
                </div>
            @empty
                <p class="text-muted small mb-3">No tests suggested yet.</p>
            @endforelse

            <form method="POST" action="{{ route('patients.tests.store', $patient) }}" class="row g-2 mt-1">
                @csrf
                <div class="col-12">
                    <label class="form-label small mb-1">Assign Test *</label>
                    <select name="test_id" class="form-select form-select-sm" required>
                        <option value="">— select test —</option>
                        @foreach($tests as $t)<option value="{{ $t->id }}">{{ $t->name }}</option>@endforeach
                    </select>
                    @if($tests->isEmpty())<small class="text-muted">No tests yet — <a href="{{ route('tests.create') }}">create one first</a>.</small>@endif
                </div>
                <div class="col-md-6">
                    <label class="form-label small mb-1">Suggested Date *</label>
                    <input type="date" name="suggested_date" value="{{ now()->format('Y-m-d') }}" class="form-control form-control-sm" required>
                </div>
                <div class="col-md-6">
                    <label class="form-label small mb-1">Notes</label>
                    <input type="text" name="notes" class="form-control form-control-sm">
                </div>
                <div class="col-12"><button class="btn btn-sm btn-success"><i class="bi bi-plus-lg"></i> Add Suggested Test</button></div>
            </form>
        </div>
    </div>

    <div class="col-lg-8">
        <div class="card p-3 mb-3">
            <h6 class="border-bottom pb-2 mb-3"><i class="bi bi-plus-circle"></i> Add Repeat Visit</h6>
            <form method="POST" action="{{ route('patients.visits.store', $patient) }}" enctype="multipart/form-data">
                @csrf
                @include('patients.partials.visit_fields', ['visit' => null, 'withFees' => true])
                <button class="btn btn-primary mt-3"><i class="bi bi-save"></i> Add Visit</button>
            </form>
        </div>

        <div class="card p-3">
            <h6 class="border-bottom pb-2 mb-3">Visit History</h6>
            @forelse($patient->visits as $visit)
                <div class="border rounded p-3 mb-2">
                    <div class="d-flex justify-content-between">
                        <div>
                            <strong>{{ $visit->visit_date->format('d M Y') }}</strong>
                            <span class="badge bg-info text-dark ms-2">{{ $visit->statusLabel() }}</span>
                        </div>
                        <div>
                            <a href="{{ route('visits.edit', $visit) }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-pencil"></i></a>
                            <form method="POST" action="{{ route('visits.destroy', $visit) }}" class="d-inline" onsubmit="return confirm('Remove this visit?')">
                                @csrf @method('DELETE')
                                <button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
                            </form>
                        </div>
                    </div>
                    <div class="small mt-2">
                        <div><strong>Doctor:</strong> {{ $visit->doctor_name ?? '—' }}</div>
                        <div><strong>Disease:</strong> {{ $visit->disease ?? '—' }}</div>
                        @if($visit->patient_fee > 0)
                        <div><strong>Fee:</strong> {{ number_format($visit->patient_fee, 2) }} ·
                            <strong>Received:</strong> <span class="text-success">{{ number_format($visit->received_fee, 2) }}</span> ·
                            <strong>Remaining:</strong> <span class="text-danger">{{ number_format($visit->remaining_fee, 2) }}</span> ·
                            <strong>Discount:</strong> <span class="text-warning">{{ number_format($visit->discount_fee, 2) }}</span></div>
                        @endif
                        @if($visit->follow_up_date)<div><strong>Follow-up:</strong> {{ $visit->follow_up_date->format('d M Y') }}</div>@endif
                        @if($visit->notes)<div><strong>Notes:</strong> {{ $visit->notes }}</div>@endif
                        @if($visit->prescription_path)
                            <div class="mt-1"><a href="{{ Storage::url($visit->prescription_path) }}" target="_blank" class="btn btn-sm btn-outline-primary"><i class="bi bi-file-earmark-medical"></i> View Prescription Slip</a></div>
                        @endif
                    </div>
                </div>
            @empty
                <p class="text-muted mb-0">No visits recorded.</p>
            @endforelse
        </div>
    </div>
</div>
@endsection