@extends('admin.layouts.app')

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

@section('header')
Vital Signs
@endsection

@section('content')

<div class="card shadow-sm">

    <div class="card-body">

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

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

            <a href="{{ route('admin.vital-signs.create') }}" class="btn btn-primary">
                Add Vital Signs
            </a>

        </div>

        <table class="table table-bordered table-hover">

            <thead>
                <tr>
                    <th>Visit</th>
                    <th>Temperature</th>
                    <th>Blood Pressure</th>
                    <th>Pulse</th>
                    <th>SpO2</th>
                    <th>BMI</th>
                    <th width="250">Actions</th>
                </tr>
            </thead>

            <tbody>

            @forelse($vitalSigns as $vitalSign)

                <tr>

                    <td>{{ $vitalSign->visit?->visit_number }}</td>
                    <td>{{ $vitalSign->temperature }}</td>
                    <td>{{ $vitalSign->systolic_bp }}/{{ $vitalSign->diastolic_bp }}</td>
                    <td>{{ $vitalSign->pulse }}</td>
                    <td>{{ $vitalSign->spo2 }}%</td>
                    <td>{{ $vitalSign->bmi }}</td>

                    <td>

                        <a href="{{ route('admin.vital-signs.show', $vitalSign) }}"
                           class="btn btn-sm btn-info">
                            View
                        </a>

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

                        <form
                            action="{{ route('admin.vital-signs.destroy', $vitalSign) }}"
                            method="POST"
                            class="d-inline"
                            onsubmit="return confirm('Delete these vital signs?');"
                        >
                            @csrf
                            @method('DELETE')

                            <button type="submit" class="btn btn-sm btn-danger">
                                Delete
                            </button>

                        </form>

                    </td>

                </tr>

            @empty

                <tr>
                    <td colspan="7" class="text-center">
                        No vital signs found.
                    </td>
                </tr>

            @endforelse

            </tbody>

        </table>

        {{ $vitalSigns->links() }}

    </div>

</div>

@endsection