@extends('admin.layouts.app')

@section('title','Add Vital Signs')

@section('header')
Add Vital Signs
@endsection

@section('content')

<form method="POST" action="{{ route('admin.vital-signs.store') }}">
@csrf

<div class="card shadow-sm mb-4">

    <div class="card-header">
        <h5 class="mb-0">Vital Signs Information</h5>
    </div>

    <div class="card-body">

        <div class="row">

            <div class="col-md-12 mb-3">
                <label>Visit</label>

                <select name="visit_id" class="form-control" required>
                    <option value="">Select Visit</option>

                    @foreach($visits as $visit)
                        <option value="{{ $visit->id }}" @selected(old('visit_id') == $visit->id)>
                            {{ $visit->visit_number }}
                            - {{ $visit->patient?->full_name }}
                        </option>
                    @endforeach

                </select>
            </div>

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

            <div class="col-md-4 mb-3">
                <label>Systolic BP</label>
                <input type="number" name="systolic_bp" class="form-control" value="{{ old('systolic_bp') }}">
            </div>

            <div class="col-md-4 mb-3">
                <label>Diastolic BP</label>
                <input type="number" name="diastolic_bp" class="form-control" value="{{ old('diastolic_bp') }}">
            </div>

            <div class="col-md-4 mb-3">
                <label>Pulse</label>
                <input type="number" name="pulse" class="form-control" value="{{ old('pulse') }}">
            </div>

            <div class="col-md-4 mb-3">
                <label>Respiratory Rate</label>
                <input type="number" name="respiratory_rate" class="form-control" value="{{ old('respiratory_rate') }}">
            </div>

            <div class="col-md-4 mb-3">
                <label>SpO2 (%)</label>
                <input type="number" name="spo2" class="form-control" value="{{ old('spo2') }}">
            </div>

            <div class="col-md-4 mb-3">
                <label>Height (cm)</label>
                <input type="number" step="0.01" name="height" class="form-control" value="{{ old('height') }}">
            </div>

            <div class="col-md-4 mb-3">
                <label>Weight (kg)</label>
                <input type="number" step="0.01" name="weight" class="form-control" value="{{ old('weight') }}">
            </div>

            <div class="col-md-4 mb-3">
                <label>Pain Scale (0-10)</label>
                <input type="number" min="0" max="10" name="pain_scale" class="form-control" value="{{ old('pain_scale') }}">
            </div>

            <div class="col-md-4 mb-3">
                <label>Blood Sugar</label>
                <input type="number" step="0.01" name="blood_sugar" class="form-control" value="{{ old('blood_sugar') }}">
            </div>

            <div class="col-md-12 mb-3">
                <label>Notes</label>
                <textarea name="notes" class="form-control" rows="4">{{ old('notes') }}</textarea>
            </div>

        </div>

    </div>

</div>

<button class="btn btn-primary">
    Save Vital Signs
</button>

<a href="{{ route('admin.vital-signs.index') }}" class="btn btn-secondary">
    Cancel
</a>

</form>

@endsection