{% extends 'base_app.html' %}
{% block content %}

<h3 class="mb-4">❤️ Add Daily Vitals</h3>

<div class="card shadow-sm border-0 p-4">

<form method="post">
{% csrf_token %}

<div class="row">

    <div class="col-md-6 mb-3">
        <label class="form-label">Systolic BP</label>
        <input type="number" name="systolic_bp" class="form-control" required>
    </div>

    <div class="col-md-6 mb-3">
        <label class="form-label">Diastolic BP</label>
        <input type="number" name="diastolic_bp" class="form-control" required>
    </div>

    <div class="col-md-6 mb-3">
        <label class="form-label">Heart Rate</label>
        <input type="number" name="heart_rate" class="form-control" required>
    </div>

    <div class="col-md-6 mb-3">
        <label class="form-label">Symptoms</label>
        <input type="text" name="symptoms" class="form-control">
    </div>

</div>

<button class="btn btn-warning mt-3">Save Vitals</button>

</form>

</div>

{% endblock %}