@extends('layouts.admin.app')

@section('title','Edit Medical Record')

@section('content')
<h4 class="mb-4">Edit Medical Record</h4>

<!-- INFO APPOINTMENT -->
<div class="card mb-3">
    <div class="card-body">
        <strong>Patient:</strong> {{ $medicalRecord->patient->name }} <br>
        <strong>Service:</strong> {{ $medicalRecord->appointment->service?->name }} <br>
        <strong>Date:</strong>
        {{ $medicalRecord->appointment->appointment_date }}
        {{ $medicalRecord->appointment->appointment_time }}
    </div>
</div>

<form method="POST" action="{{ route('medical-records.update', $medicalRecord->id) }}">
    @csrf
    @method('PUT')

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

            <div class="col-md-4">
                <label>Blood Pressure</label>
                <input type="text" name="blood_pressure"
                       class="form-control"
                       value="{{ $medicalRecord->blood_pressure }}"
                       placeholder="120/80">
            </div>

            <div class="col-md-4">
                <label>Heart Rate (bpm)</label>
                <input type="number" name="heart_rate"
                       class="form-control"
                       value="{{ $medicalRecord->heart_rate }}">
            </div>

            <div class="col-md-4">
                <label>Temperature (°C)</label>
                <input type="number" step="0.1"
                       name="temperature"
                       class="form-control"
                       value="{{ $medicalRecord->temperature }}">
            </div>

            <div class="col-md-4">
                <label>Weight (kg)</label>
                <input type="number" step="0.1"
                       name="weight"
                       class="form-control"
                       value="{{ $medicalRecord->weight }}">
            </div>

            <div class="col-md-4">
                <label>Height (cm)</label>
                <input type="number" step="0.1"
                       name="height"
                       class="form-control"
                       value="{{ $medicalRecord->height }}">
            </div>

        </div>
    </div>

    <!-- MEDICAL INFORMATION -->
    <div class="card mb-3">
        <div class="card-header">Medical Information</div>
        <div class="card-body">

            <div class="mb-3">
                <label>Complaint</label>
                <textarea name="complaint"
                          class="form-control"
                          rows="2">{{ $medicalRecord->complaint }}</textarea>
            </div>

            <div class="mb-3">
                <label>Diagnosis</label>
                <textarea name="diagnosis"
                          class="form-control"
                          rows="2">{{ $medicalRecord->diagnosis }}</textarea>
            </div>

            <div class="mb-3">
                <label>Treatment / Action</label>
                <textarea name="treatment"
                          class="form-control"
                          rows="2">{{ $medicalRecord->treatment }}</textarea>
            </div>

            <div class="mb-3">
                <label>Notes</label>
                <textarea name="notes"
                          class="form-control"
                          rows="2">{{ $medicalRecord->notes }}</textarea>
            </div>

        </div>
    </div>

    <!-- ACTION -->
    <div class="d-flex justify-content-end gap-2">
        <a href="{{ route('medical-records.show', $medicalRecord->id) }}"
           class="btn btn-secondary">
            Cancel
        </a>

        <button type="submit"
                class="btn btn-primary">
            Update Medical Record
        </button>
    </div>

</form>
@endsection