@props([
    /** @var \App\Models\Visit */
    'visit'
])


    <div class="d-grid justify-content-center">
        <h2 class="border-around mb-section">Vital Signs</h2>
    </div>
    <table class="table table-bordered vital-container vital-default rates-table mb-section">
        <tr>
            <td class="blood-pressure">
                <h3>Blood Pressure</h3>
                <div>
                    <input
                            class="form-control @error('blood_pressure') is-invalid @enderror @if (old('blood_pressure') || $errors->any()) is-valid @endif"
                            type="text" name="blood_pressure"
                            value="{{ old('blood_pressure', isset($visit->bloodPressure) ? optional($visit->bloodPressure->first())->read : '') }}"
                            placeholder="Write here...">
                    <span>mmHg</span>
                </div>
                @error('blood_pressure')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </td>

            <td class="body-temperature">
                <h3>Body Temperature</h3>
                <div>
                    <input
                            class="form-control @error('body_temperature') is-invalid @enderror @if (old('body_temperature') || $errors->any()) is-valid @endif"
                            type="text" name="body_temperature"
                            value="{{ old('body_temperature', isset($visit->bodyTemperature) ? optional($visit->bodyTemperature->first())->read : '') }}"
                            placeholder="Write here...">
                    <span>°C</span>
                </div>
                @error('body_temperature')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </td>

            <td class="heart-rate">
                <h3>Heart Rate</h3>
                <div>
                    <input
                            class="form-control @error('heart_rate') is-invalid @enderror @if (old('heart_rate') || $errors->any()) is-valid @endif"
                            type="text" name="heart_rate"
                            value="{{ old('heart_rate', isset($visit->heartRate) ? optional($visit->heartRate->first())->read : '') }}"
                            placeholder="Write here...">
                    <span>bpm</span>
                </div>
                @error('heart_rate')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </td>

            <td class="respiratory-rate">
                <h3>Respiratory Rate</h3>
                <div>
                    <input
                            class="form-control @error('respiratory_rate') is-invalid @enderror @if (old('respiratory_rate') || $errors->any()) is-valid @endif"
                            type="text" name="respiratory_rate"
                            value="{{ old('respiratory_rate', isset($visit->respiratoryRate) ? optional($visit->respiratoryRate->first())->read : '') }}"
                            placeholder="Write here...">
                    <span>breaths/min</span>
                </div>
                @error('respiratory_rate')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </td>
        </tr>

        <tr>
            <td class="blood-glucose">
                <h3>Blood Glucose</h3>
                <div>
                    <input
                            class="form-control @error('blood_glucose') is-invalid @enderror @if (old('blood_glucose') || $errors->any()) is-valid @endif"
                            type="text" name="blood_glucose"
                            value="{{ old('blood_glucose', isset($visit->bloodGlucose) ? optional($visit->bloodGlucose->first())->read : '') }}"
                            placeholder="Write here...">
                    <span>mg/dL</span>
                </div>
                @error('blood_glucose')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </td>

            <td class="o2-saturation">
                <h3>O2 Saturation</h3>
                <div>
                    <input
                            class="form-control @error('o2_saturation') is-invalid @enderror @if (old('o2_saturation') || $errors->any()) is-valid @endif"
                            type="text" name="o2_saturation"
                            value="{{ old('o2_saturation', isset($visit->o2Saturation) ? optional($visit->o2Saturation->first())->read : '') }}"
                            placeholder="Write here...">
                    <span>%</span>
                </div>
                @error('o2_saturation')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </td>

            <td class="weight">
                <h3>Weight</h3>
                <div>
                    <input
                            class="form-control @error('weight') is-invalid @enderror @if (old('weight') || $errors->any()) is-valid @endif"
                            type="text" name="weight"
                            value="{{ old('weight', isset($visit->weight) ? optional($visit->weight->first())->read : '') }}"
                            placeholder="Write here...">
                    <span>kg</span>
                </div>
                @error('weight')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </td>

            <td class="stature">
                <h3>Stature</h3>
                <div>
                    <input
                            class="form-control @error('stature') is-invalid @enderror @if (old('stature') || $errors->any()) is-valid @endif"
                            type="text" name="stature"
                            value="{{ old('stature', isset($visit->stature) ? optional($visit->stature->first())->read : '') }}"
                            placeholder="Write here...">
                    <span>cm</span>
                </div>
                @error('stature')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </td>
        </tr>
    </table>