@extends('layouts.app')
@section('content')


<div class="card p-5">
<div class="row">
  <div class="col-md-12">
    <h3 class="text-center mb-4 fw-bold text-dark">📝 Patient Record</h3>

    <div class="card shadow-sm mb-4 border-0">
      <div class="card-header bg-dark text-light d-flex justify-content-between align-items-center">
        <span><strong>🗒️ Patient Name:</strong> {{ $patient->name }}</span>
        <a href="{{ route('patients.edit', $patient) }}" class="btn btn-sm btn-outline-light">
          Edit
        </a>
      </div>

      <div class="card-body" style="line-height: 1.8;">
        <div class="row mb-3">
          <div class="col-md-4">
            <label class="fw-bold text-secondary d-block mb-1">Age</label>
            <div class="">{{ $patient->age ?? 'N/A' }}</div>
          </div>
          <div class="col-md-4">
            <label class="fw-bold text-secondary d-block mb-1">Gender</label>
            <div class="">{{ ucfirst($patient->gender) ?? 'N/A' }}</div>
          </div>
          <div class="col-md-4">
            <label class="fw-bold text-secondary d-block mb-1">Department</label>
            <div class="">{{ $patient->department ?? 'N/A' }}</div>
          </div>
        </div>

        <div class="row">
          <div class="col-md-8">
            <label class="fw-bold text-secondary d-block mb-1">CNIC</label>
            <div class="">{{ $patient->cnic ?? 'N/A' }}</div>
          </div>
          <div class="col-md-4">
            <label class="fw-bold text-secondary d-block mb-1">Contact</label>
            <div class="">{{ $patient->contact ?? 'N/A' }}</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

    {{-- resources/views/patients/partials/medical-history.blade.php --}}
    <div class="card mb-3 shadow-sm">
      <div class="card-header bg-dark text-light d-flex justify-content-between align-items-center">
        <span>🩺 Medical History</span>
        <a href="{{ route('patients.edit', $patient) }}" class="btn btn-sm btn-outline-light">Edit</a>
      </div>

      <div class="card-body" style="line-height: 1.8;">
        <div class="row mb-4">
          <div class="col-md-6 mb-3">
            <label class="fw-bold text-secondary d-block mb-1">Surgical History</label>
            <div class="">{{ $patient->surgical_history ?? 'N/A' }}</div>
          </div>
          <div class="col-md-6 mb-3">
            <label class="fw-bold text-secondary d-block mb-1">Allergies / Medications</label>
            <div class="">{{ $patient->allergies_medications ?? 'N/A' }}</div>
          </div>
        </div>

        <div class="row mb-4">
          <div class="col-md-12">
            <h6 class="border-bottom pb-2 text-dark mb-3">Vitals & Lab Information</h6>
            <div class="row ">
              <div class="col-md-6 mb-2"><strong>Blood Pressure:</strong> {{ $patient->bp ?? '-' }}</div>
              <div class="col-md-6 mb-2"><strong>Pulse:</strong> {{ $patient->pulse ?? '-' }}</div>
              <div class="col-md-6 mb-2"><strong>Temperature:</strong> {{ $patient->temperature ?? '-' }}</div>
              <div class="col-md-6 mb-2"><strong>ECG:</strong> {{ $patient->ecg ?? '-' }}</div>
              <div class="col-md-6 mb-2"><strong>Blood Sugar:</strong> {{ $patient->blood_sugar ?? '-' }}</div>
            </div>
          </div>
        </div>

        <div class="row">
          <div class="col-md-12">
            <h6 class="border-bottom pb-2 text-dark mb-3">Treatment Plan</h6>
            <div class="">{{ $patient->treatment_plan ?? 'No treatment plan recorded.' }}</div>
          </div>
        </div>
      </div>
    </div>


    {{-- Visits list --}}
    <div class="card mb-3">
      <div class="card-header bg-dark text-light">🚶‍♀️ Visit History</div>
      <div class="card-body">
        <ul class="list-group mb-2">
          @forelse($patient->visits as $visit)
            <li class="list-group-item">
              <div class="d-flex justify-content-between">
                <div>
                  <strong>{{ $visit->visit_date }}</strong> - {{ $visit->doctor ?? '---' }} — {{ $visit->reason }}
                  <div class="small text-muted">{{ Str::limit($visit->notes, 120) }}</div>
                </div>
                <div>
                  <div class="small">Follow up: {{ $visit->follow_up_date ?? '-' }}</div>
                </div>
              </div>
            </li>
          @empty
            <li class="list-group-item">No visits yet.</li>
          @endforelse
        </ul>

        {{-- New visit form --}}
        <form method="POST" action="{{ route('patients.visits.store', $patient) }}">
          @csrf
          <div class="row g-2">
            <div class="col-md-3"><input type="date" class="form-control" name="visit_date" required></div>
            <div class="col-md-2"><input class="form-control" name="doctor" placeholder="Doctor"></div>
            <div class="col-md-3"><input class="form-control" name="reason" placeholder="Reason"></div>
            <div class="col-md-2"><input type="date" class="form-control" name="follow_up_date" placeholder="Follow up"></div>
            <div class="col-md-2"><button class="btn btn-sm btn-primary">Add Visit</button></div>
          </div>
          <div class="mt-2"><textarea name="notes" class="form-control" placeholder="Notes"></textarea></div>
        </form>
      </div>
    </div>
<div class="card mb-3">
  <div class="card-header bg-dark text-light">💊 Treatment Records</div>
  <div class="card-body">

      {{-- Existing Treatments List --}}
      <ul class="list-group mb-3">
          @forelse($patient->treatments as $treatment)
              <li class="list-group-item">
                  <div class="d-flex justify-content-between align-items-start">
                      <div>
                          <strong>{{ ucfirst($treatment->type) }}</strong>
                          <span class="text-muted small d-block">
                              {{ $treatment->recorded_at ? \Carbon\Carbon::parse($treatment->recorded_at)->format('d M Y, h:i A') : 'No date' }}
                          </span>
                          @if($treatment->details)
                              <p class="mb-0 mt-1">{{ $treatment->details }}</p>
                          @endif
                      </div>
                      <form action="{{ route('patients.treatments.destroy', [$patient->id, $treatment->id]) }}" method="POST" onsubmit="return confirm('Are you sure you want to delete this treatment?');">
                          @csrf
                          @method('DELETE')
                          <button class="btn btn-sm btn-danger">Delete</button>
                      </form>
                  </div>
              </li>
          @empty
              <li class="list-group-item text-muted">No treatments recorded yet.</li>
          @endforelse
      </ul>

      {{-- Add New Treatment Form --}}
      <form method="POST" action="{{ route('patients.treatments.store', $patient->id) }}">
          @csrf
          <div class="row g-3 align-items-end">
              <div class="col-md-4">
                  <label for="type" class="form-label">Treatment Type</label>
                  <input type="text" name="type" id="type" class="form-control" placeholder="e.g. Dialysis, Surgery, Medication" required>
              </div>

              <div class="col-md-4">
                  <label for="recorded_at" class="form-label">Date</label>
                  <input type="datetime-local" name="recorded_at" id="recorded_at" class="form-control">
              </div>

              <div class="col-md-12 mt-2">
                  <label for="details" class="form-label">Details / Notes</label>
                  <textarea name="details" id="details" class="form-control" rows="3" placeholder="Enter any additional information..."></textarea>
              </div>

              <div class="col-md-12 mt-3">
                  <button type="submit" class="btn btn-primary float-end">
                      <i class="bi bi-plus-circle"></i> Add Treatment
                  </button>
              </div>
          </div>
      </form>

  </div>
</div>

    {{-- Diagnostics --}}
    <div class="card mb-3">
      <div class="card-header bg-dark text-light">📊 Diagnostics / Lab Results</div>
      <div class="card-body">
        <ul class="list-group mb-2">
          @forelse($patient->diagnostics as $d)
            <li class="list-group-item d-flex justify-content-between align-items-center">
              <div>
                <strong>{{ $d->test_name }}</strong>
                <div class="small text-muted">{{ $d->done_at }} — {{ $d->notes }}</div>
              </div>
              <div>
                @if($d->file_path)
                  <a href="{{ route('diagnostics.download', $d) }}" class="btn btn-sm btn-outline-secondary">Download</a>
                @endif
              </div>
            </li>
          @empty
            <li class="list-group-item">No diagnostics yet.</li>
          @endforelse
        </ul>

        <form method="POST" action="{{ route('patients.diagnostics.store', $patient) }}" enctype="multipart/form-data">
          @csrf
          <div class="row g-2">
            <div class="col-md-4"><input name="test_name" class="form-control" placeholder="Test name" required></div>
            <div class="col-md-4"><input name="file" type="file" class="form-control"></div>
            <div class="col-md-2"><input name="done_at" type="date" class="form-control"></div>
            <div class="col-md-2"><button class="btn btn-primary">Upload</button></div>
          </div>
          <div class="mt-2"><input name="notes" class="form-control" placeholder="Notes"></div>
        </form>
      </div>
    </div>
<div class="col-md-12">
  {{-- Cataract records --}}
<div class="card mb-3">
  <div class="card-header bg-dark text-light d-flex justify-content-between align-items-center">
    <span>👁️ Cataract Records</span>
  </div>
  <div class="card-body">
    {{-- List existing cataract records --}}
    <ul class="list-group mb-2">
      @forelse($patient->cataractRecords as $c)
        <li class="list-group-item">
          <div class="d-flex justify-content-between">
            <div>
              <strong>Surgeon:</strong> {{ $c->surgeon_name ?? '---' }}  
              <div class="small text-muted">
                Surgery: {{ $c->surgery_date ?? '---' }}  
              </div>
              <div class="small"><strong>Pre-op:</strong> {{ Str::limit($c->pre_op_evaluation, 100) }}</div>
              <div class="small"><strong>Details:</strong> {{ Str::limit($c->surgery_details, 100) }}</div>
              <div class="small"><strong>Post-op:</strong> {{ Str::limit($c->post_op_notes, 100) }}</div>
            </div>
          </div>
        </li>
      @empty
        <li class="list-group-item">No cataract records yet.</li>
      @endforelse
    </ul>

    {{-- Inline Cataract Record Form --}}
    <form method="POST" action="{{ route('patients.cataract-records.store', $patient->id) }}">
      @csrf
      <div class="row g-2">
        <div class="col-md-3">
          <input type="text" name="surgeon_name" class="form-control" placeholder="Surgeon Name" required>
        </div>
        <div class="col-md-3">
          <input type="date" name="surgery_date" class="form-control" placeholder="Surgery Date">
        </div>
        <div class="col-md-3">
          <input type="text" name="pre_op_evaluation" class="form-control" placeholder="Pre-op Evaluation">
        </div>
        <div class="col-md-3">
          <button type="submit" class="btn btn-sm btn-primary w-100">Add Cataract Record</button>
        </div>
      </div>
      <div class="mt-2">
        <textarea name="surgery_details" class="form-control mb-2" placeholder="Surgery Details"></textarea>
        <textarea name="post_op_notes" class="form-control" placeholder="Post-op Notes"></textarea>
      </div>
    </form>
  </div>
</div>


  {{-- Dialysis records --}}
<div class="card mb-3">
  <div class="card-header bg-dark text-light d-flex justify-content-between align-items-center">
    <span>💊 Dialysis Records</span>
  </div>
  <div class="card-body">

    {{-- List existing dialysis records --}}
    <ul class="list-group mb-2">
      @forelse($patient->dialysisRecords as $d)
        <li class="list-group-item">
          <div class="d-flex justify-content-between">
            <div>
              <strong>Date:</strong> {{ $d->evaluation_date ?? '---' }}  
              <div class="small text-muted">
                <strong>Notes:</strong> {{ Str::limit($d->evaluation_notes, 120) }}
              </div>
              @if($d->next_followup)
                <div class="small"><strong>Next Follow-up:</strong> {{ $d->next_followup }}</div>
              @endif
              @if($d->session_details)
                <div class="small"><strong>Session:</strong> {{ Str::limit($d->session_details, 120) }}</div>
              @endif
            </div>
          </div>
        </li>
      @empty
        <li class="list-group-item">No dialysis records yet.</li>
      @endforelse
    </ul>

    {{-- Inline Dialysis Record Form --}}
  <form action="{{ route('dialysis-records.store') }}" method="POST">
    @csrf
    <input type="hidden" name="patient_id" value="{{ $patient->id }}">
          <div class="row g-2">
            <div class="col-md-3">
              <input type="date" name="evaluation_date" class="form-control" placeholder="Evaluation Date" required>
            </div>
            <div class="col-md-3">
              <input type="date" name="next_followup" class="form-control" placeholder="Next Follow-up Date">
            </div>
            <div class="col-md-6">
              <input type="text" name="session_details" class="form-control" placeholder="Session Details (e.g. duration, type)">
            </div>
          </div>
          <div class="mt-2">
            <textarea name="evaluation_notes" class="form-control" placeholder="Evaluation Notes"></textarea>
          </div>
          <div class="mt-2 text-end">
            <button type="submit" class="btn btn-sm btn-primary">Add Dialysis Record</button>
          </div>
        </form>
      </div>
    </div>

  </div> <!-- col-md-8 -->
  <div class="card-footer d-flex justify-content-end gap-2 mb-5">
      <a href="{{ route('patients.index') }}" class="btn btn-outline-secondary">
          ⬅️ Back to list
      </a>

      <a href="{{ route('patients.download.pdf', $patient->id) }}" class="btn btn-outline-danger">
          📄 Download PDF
      </a>

      <a href="{{ route('patients.edit', $patient) }}" class="btn btn-primary">
          ✏️ Edit patient
      </a>
  </div>
  </div>
</div>
</div>
@endsection