@extends('layouts.admin.app')

@section('title','Rekam Medis')

@section('content')
<h4 class="mb-4">Form Rekam Medis</h4>

<!-- INFO PASIEN -->
<div class="card mb-3">
    <div class="card-body">

        <strong>Nama Pasien:</strong>
        {{ $appointment->familyMember
            ? $appointment->familyMember->name
            : $appointment->patient->name }}
        <br>

        @if($appointment->familyMember)
            <strong>Reservasi Oleh:</strong> {{ $appointment->patient->name }} <br>
            <strong>Hubungan:</strong> {{ $appointment->familyMember->relationship }} <br>
        @endif

        <strong>Layanan:</strong> {{ $appointment->service?->name }} <br>
        <strong>Tanggal & Jam:</strong>
        {{ $appointment->appointment_date }} {{ $appointment->appointment_time }}

    </div>
</div>

<!-- FORM REKAM MEDIS -->
<form method="POST" action="{{ route('medical-records.store', $appointment->id) }}">
    @csrf

    <!-- TANDA VITAL -->
    <div class="card mb-3">
        <div class="card-header">Tanda Vital</div>
        <div class="card-body row g-3">

            <div class="col-md-4">
                <label>Tekanan Darah</label>
                <input type="text" name="blood_pressure"
                       class="form-control"
                       placeholder="120/80">
            </div>

            <div class="col-md-4">
                <label>Denyut Jantung (bpm)</label>
                <input type="number" name="heart_rate"
                       class="form-control">
            </div>

            <div class="col-md-4">
                <label>Suhu Tubuh (°C)</label>
                <input type="number" step="0.1"
                       name="temperature"
                       class="form-control">
            </div>

            <div class="col-md-4">
                <label>Berat Badan (kg)</label>
                <input type="number" step="0.1"
                       name="weight"
                       class="form-control">
            </div>

            <div class="col-md-4">
                <label>Tinggi Badan (cm)</label>
                <input type="number" step="0.1"
                       name="height"
                       class="form-control">
            </div>

        </div>
    </div>

    <!-- INFORMASI MEDIS -->
    <div class="card mb-3">
        <div class="card-header">Informasi Medis</div>
        <div class="card-body">

            <div class="mb-3">
                <label>Keluhan</label>
                <textarea name="complaint"
                          class="form-control"
                          rows="2"></textarea>
            </div>

            <div class="mb-3">
                <label>Diagnosa</label>
                <textarea name="diagnosis"
                          class="form-control"
                          rows="2"></textarea>
            </div>

            <div class="mb-3">
                <label>Tindakan / Perawatan</label>
                <textarea name="treatment"
                          class="form-control"
                          rows="2"></textarea>
            </div>

            <div class="mb-3">
                <label>Catatan</label>
                <textarea name="notes"
                          class="form-control"
                          rows="2"></textarea>
            </div>

        </div>
    </div>

    <!-- ACTION BUTTON -->
    <div class="d-flex justify-content-end gap-2">
        <a href="{{ route('appointments.index') }}"
           class="btn btn-secondary">
            Kembali
        </a>

        <button type="submit"
                class="btn btn-primary">
            Simpan Rekam Medis
        </button>
    </div>
</form>

@endsection