55 lines
2.5 KiB
HTML
55 lines
2.5 KiB
HTML
{% extends "_layout.html" %}
|
|
{% block content %}
|
|
<div class="max-w-lg mx-auto bg-white p-8 rounded-lg shadow-md">
|
|
<h1 class="text-3xl font-bold text-center text-gray-800 mb-6">Add Reading</h1>
|
|
<form method="POST" action="{{ url_for('main.add_reading') }}" novalidate class="space-y-6">
|
|
{{ form.hidden_tag() }}
|
|
|
|
<!-- Timestamp Field -->
|
|
<div>
|
|
{{ form.timestamp.label(class="block text-sm font-medium text-gray-700 mb-2") }}
|
|
{{ form.timestamp(class="w-full p-3 border border-gray-300 rounded-lg shadow-sm focus:outline-none
|
|
focus:ring-2 focus:ring-blue-500 focus:border-blue-500") }}
|
|
{% for error in form.timestamp.errors %}
|
|
<p class="text-sm text-red-600 mt-1">{{ error }}</p>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<!-- Systolic Field -->
|
|
<div>
|
|
{{ form.systolic.label(class="block text-sm font-medium text-gray-700 mb-2") }}
|
|
{{ form.systolic(class="w-full p-3 border border-gray-300 rounded-lg shadow-sm focus:outline-none
|
|
focus:ring-2 focus:ring-blue-500 focus:border-blue-500") }}
|
|
{% for error in form.systolic.errors %}
|
|
<p class="text-sm text-red-600 mt-1">{{ error }}</p>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<!-- Diastolic Field -->
|
|
<div>
|
|
{{ form.diastolic.label(class="block text-sm font-medium text-gray-700 mb-2") }}
|
|
{{ form.diastolic(class="w-full p-3 border border-gray-300 rounded-lg shadow-sm focus:outline-none
|
|
focus:ring-2 focus:ring-blue-500 focus:border-blue-500") }}
|
|
{% for error in form.diastolic.errors %}
|
|
<p class="text-sm text-red-600 mt-1">{{ error }}</p>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<!-- Heart Rate Field -->
|
|
<div>
|
|
{{ form.heart_rate.label(class="block text-sm font-medium text-gray-700 mb-2") }}
|
|
{{ form.heart_rate(class="w-full p-3 border border-gray-300 rounded-lg shadow-sm focus:outline-none
|
|
focus:ring-2 focus:ring-blue-500 focus:border-blue-500") }}
|
|
{% for error in form.heart_rate.errors %}
|
|
<p class="text-sm text-red-600 mt-1">{{ error }}</p>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<!-- Submit Button -->
|
|
<div>
|
|
{{ form.submit(class="w-full bg-gradient-to-r from-blue-500 to-blue-700 text-white py-3 rounded-lg
|
|
font-semibold hover:from-blue-600 hover:to-blue-800 shadow-lg") }}
|
|
</div>
|
|
</form>
|
|
</div>
|
|
{% endblock %} |