@extends('layout',['heading'=>__('ui.patient_record'),'clinic'=>$clinic])
@section('content')
<div class="space-y-5">
  <div class="card p-5">
    <div class="flex items-center justify-between"><div><h2 class="text-xl font-bold">{{ $patient->name }}</h2><p class="text-slate-600">{{ __('ui.file_number') }}: #{{ $patient->id }} — {{ __('ui.phone') }}: {{ $patient->mobile ?: __('ui.not_registered') }}</p><p class="text-slate-600">{{ __('ui.birth_date') }}: {{ $patient->birth_date ?: __('ui.not_registered') }} — {{ __('ui.gender') }}: {{ $patient->gender === 'male' ? __('ui.male') : ($patient->gender === 'female' ? __('ui.female') : __('ui.not_registered')) }}</p></div><a class="btn" href="/patients">{{ __('ui.back_to_patient_records') }}</a></div>
  </div>
  <div class="grid lg:grid-cols-2 gap-5">
    <section class="card p-5"><h3 class="font-bold mb-3">{{ __('ui.visits_and_diagnoses') }}</h3>@forelse($visits as $visit)<div class="border-b py-3"><b>{{ $visit->visited_at }}</b><p><strong>{{ __('ui.symptoms') }}:</strong> {{ $visit->symptoms ?: __('ui.no_data') }}</p><p><strong>{{ __('ui.diagnosis') }}:</strong> {{ $visit->diagnosis ?: __('ui.no_data') }}</p><p><strong>{{ __('ui.doctor_notes') }}:</strong> {{ $visit->notes ?: __('ui.no_data') }}</p></div>@empty<p class="text-slate-500">{{ __('ui.no_previous_visits') }}.</p>@endforelse</section>
    <section class="card p-5"><h3 class="font-bold mb-3">{{ __('ui.doctor_procedures') }}</h3>@forelse($procedures as $procedure)<div class="border-b py-2"><strong>{{ $procedure->name }}</strong> — {{ __('ui.quantity') }}: {{ $procedure->quantity }} — {{ number_format($procedure->price, 2) }} {{ __('ui.currency') }}<p class="text-sm text-slate-500">{{ __('ui.visit_date') }}: {{ $procedure->visited_at }} @if($procedure->category)— {{ __('ui.category') }}: {{ $procedure->category }}@endif</p><p>{{ $procedure->notes ?: __('ui.no_notes') }}</p></div>@empty<p class="text-slate-500">{{ __('ui.no_general_procedures') }}</p>@endforelse</section>
    <section class="card p-5"><h3 class="font-bold mb-3">{{ __('ui.prescriptions_labs_radiology') }}</h3>@forelse($prescriptions as $prescription)<div class="border-b py-3"><b>{{ __('ui.visit_date') }}: {{ $prescription->visited_at }}</b><p><strong>{{ __('ui.medicines') }}:</strong> {{ $prescription->medicines ?: __('ui.no_medicines') }}</p><p><strong>{{ __('ui.required_labs') }}:</strong> {{ $prescription->labs ?: __('ui.no_labs') }}</p><p><strong>{{ __('ui.required_radiology') }}:</strong> {{ $prescription->radiology ?: __('ui.no_radiology') }}</p><p><strong>{{ __('ui.follow_up') }}:</strong> {{ $prescription->follow_up_date ?: __('ui.not_specified') }}</p><a class="accent" href="/prescriptions/{{ $prescription->id }}/pdf">{{ __('ui.export_prescription_pdf') }}</a></div>@empty<p class="text-slate-500">{{ __('ui.no_prescriptions_labs_radiology') }}.</p>@endforelse</section>
    <section class="card p-5"><h3 class="font-bold mb-3">{{ __('ui.past_and_upcoming_appointments') }}</h3>@forelse($appointments as $appointment)<div class="border-b py-2"><strong>{{ $appointment->scheduled_at }}</strong> — {{ ['booked'=>__('ui.booked'),'confirmed'=>__('ui.confirmed'),'completed'=>__('ui.completed'),'cancelled'=>__('ui.cancelled')][$appointment->status] ?? $appointment->status }} @if($appointment->cancellation_reason)<p class="text-red-700">{{ __('ui.cancellation_reason') }}: {{ $appointment->cancellation_reason }}</p>@endif</div>@empty<p class="text-slate-500">{{ __('ui.no_appointments') }}.</p>@endforelse</section>
    <section class="card p-5"><h3 class="font-bold mb-3">{{ __('ui.payments') }}</h3>@forelse($payments as $payment)<div class="border-b py-2"><strong>{{ number_format($payment->amount,2) }} {{ __('ui.currency') }}</strong> — {{ $payment->payment_method === 'instapay' ? __('ui.instapay') : __('ui.cash') }} — {{ $payment->created_at }}<p>{{ $payment->description }}</p></div>@empty<p class="text-slate-500">{{ __('ui.no_payments') }}</p>@endforelse</section>
    <section class="card p-5"><h3 class="font-bold mb-3">{{ __('ui.radiology_and_labs') }}</h3><div class="space-y-2">@forelse($documents as $document)<div class="border-b py-2"><strong>{{ $document->type === 'radiology' ? __('ui.radiology') : __('ui.lab_test') }}: {{ $document->title }}</strong> — {{ $document->exam_date ?: __('ui.no_date') }}<p>{{ $document->notes ?: __('ui.no_notes') }}</p><a class="accent" href="/patients/{{ $patient->id }}/documents/{{ $document->id }}/download">{{ __('ui.download_document') }}</a>@if(session('clinic_user.role') === 'clinic_admin')<form method="post" action="/patients/{{ $patient->id }}/documents/{{ $document->id }}" class="inline">@csrf @method('DELETE')<button class="text-red-700">{{ __('ui.delete') }}</button></form>@endif</div>@empty<p class="text-slate-500">{{ __('ui.no_uploaded_documents') }}</p>@endforelse</div><form method="post" action="/patients/{{ $patient->id }}/documents" enctype="multipart/form-data" class="mt-4 space-y-2">@csrf<h4 class="font-semibold">{{ __('ui.upload_new_document') }}</h4><label>{{ __('ui.document_type') }}<select class="input" name="type" required><option value="radiology">{{ __('ui.radiology') }}</option><option value="lab">{{ __('ui.lab_test') }}</option></select></label><label>{{ __('ui.exam_name') }}<input class="input" name="title" required></label><label>{{ __('ui.exam_date') }}<input class="input" type="date" name="exam_date"></label><label>{{ __('ui.attached_file') }}<input class="input" type="file" name="file" accept="application/pdf,image/jpeg,image/png" required></label><label>{{ __('ui.doctor_notes') }}<textarea class="input" name="notes"></textarea></label><button class="btn">{{ __('ui.upload_and_link_to_patient') }}</button></form></section>
    <section class="card p-5 lg:col-span-2"><h3 class="font-bold mb-3">{{ __('ui.patient_invoices') }}</h3>@forelse($invoices as $invoice)<div class="border-b py-2"><strong>{{ __('ui.invoice_number') }} #{{ $invoice->id }}</strong> — {{ __('ui.total') }}: {{ number_format($invoice->total,2) }} {{ __('ui.currency') }} — {{ __('ui.paid') }}: {{ number_format($invoice->paid,2) }} {{ __('ui.currency') }} — {{ $invoice->status === 'paid' ? __('ui.paid_status') : __('ui.issued_status') }}</div>@empty<p class="text-slate-500">{{ __('ui.no_invoices') }}.</p>@endforelse
      <form id="invoiceForm" method="post" action="/patients/{{ $patient->id }}/invoices" class="mt-4 space-y-3">@csrf<h4 class="font-semibold">{{ __('ui.add_services_procedures_to_invoice') }}</h4><div class="grid md:grid-cols-2 gap-3"><label>{{ __('ui.service') }}<select id="invoiceService" class="input" name="items[0][id]"><option value="">{{ __('ui.choose_service') }}</option>@foreach($invoiceServices as $item)<option value="{{ $item->id }}">{{ $item->name }} — {{ number_format($item->price,2) }} {{ __('ui.currency') }}</option>@endforeach</select><input id="invoiceServiceType" type="hidden" name="items[0][type]" value="service"></label><label>{{ __('ui.service_quantity') }}<input class="input" type="number" min="1" name="items[0][quantity]" value="1"></label><label>{{ __('ui.medical_procedure') }}<select id="invoiceProcedure" class="input" name="items[1][id]"><option value="">{{ __('ui.choose_procedure') }}</option>@foreach($invoiceProcedures as $item)<option value="{{ $item->id }}">{{ $item->name }} — {{ number_format($item->price,2) }} {{ __('ui.currency') }}</option>@endforeach</select><input id="invoiceProcedureType" type="hidden" name="items[1][type]" value="procedure"></label><label>{{ __('ui.procedure_quantity') }}<input class="input" type="number" min="1" name="items[1][quantity]" value="1"></label></div><label>{{ __('ui.amount_paid') }}<input class="input" type="number" step=".01" min="0" name="paid" value="0"></label><button class="btn">{{ __('ui.create_invoice') }}</button></form><script>document.getElementById('invoiceForm')?.addEventListener('submit',function(e){const rows=[['invoiceService','invoiceServiceType'],['invoiceProcedure','invoiceProcedureType']];let count=0;rows.forEach(([select,type])=>{const s=document.getElementById(select),t=document.getElementById(type);if(s.value){count++}else{[s,t].forEach(x=>x.disabled=true);s.closest('label').nextElementSibling.querySelector('input').disabled=true;}});if(!count){e.preventDefault();alert(@json(__('ui.choose_service_or_procedure')));}});</script>
    </section>
  </div>
</div>
@endsection