@extends('admin.layouts.app')

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

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

@section('content')

<div class="container-fluid">

    <div class="d-flex justify-content-between align-items-center mb-3">

        <h4 class="mb-0">Vital Signs Details</h4>

        <div>

            <a href="{{ route('admin.vital-signs.edit', $vitalSign) }}" class="btn btn-warning">
                Edit
            </a>

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

        </div>

    </div>

    <div class="card">

        <div class="card-body">

            <table class="table table-bordered">

                <tbody>

                    <tr>
                        <th width="220">Visit</th>
                        <td>{{ $vitalSign->visit?->visit_number }}</td>
                    </tr>

                    <tr>
                        <th>Temperature</th>
                        <td>{{ $vitalSign->temperature }} °C</td>
                    </tr>

                    <tr>
                        <th>Blood Pressure</th>
                        <td>{{ $vitalSign->systolic_bp }}/{{ $vitalSign->diastolic_bp }}</td>
                    </tr>

                    <tr>
                        <th>Pulse</th>
                        <td>{{ $vitalSign->pulse }}</td>
                    </tr>

                    <tr>
                        <th>Respiratory Rate</th>
                        <td>{{ $vitalSign->respiratory_rate }}</td>
                    </tr>

                    <tr>
                        <th>SpO2</th>
                        <td>{{ $vitalSign->spo2 }}%</td>
                    </tr>

                    <tr>
                        <th>Height</th>
                        <td>{{ $vitalSign->height }} cm</td>
                    </tr>

                    <tr>
                        <th>Weight</th>
                        <td>{{ $vitalSign->weight }} kg</td>
                    </tr>

                    <tr>
                        <th>BMI</th>
                        <td>{{ $vitalSign->bmi }}</td>
                    </tr>

                    <tr>
                        <th>Pain Scale</th>
                        <td>{{ $vitalSign->pain_scale }}</td>
                    </tr>

                    <tr>
                        <th>Blood Sugar</th>
                        <td>{{ $vitalSign->blood_sugar }}</td>
                    </tr>

                    <tr>
                        <th>Notes</th>
                        <td>{{ $vitalSign->notes ?: '-' }}</td>
                    </tr>

                    <tr>
                        <th>Created At</th>
                        <td>{{ $vitalSign->created_at }}</td>
                    </tr>

                    <tr>
                        <th>Updated At</th>
                        <td>{{ $vitalSign->updated_at }}</td>
                    </tr>

                </tbody>

            </table>

        </div>

    </div>

</div>

@endsection