74 lines
3.5 KiB
HTML
74 lines
3.5 KiB
HTML
{% extends "_layout.html" %}
|
|
{% block content %}
|
|
<div class="max-w-lg mx-auto bg-white p-8 rounded-lg shadow-md relative">
|
|
<!-- Cancel Button (Top-Left) -->
|
|
<a href="{{ request.referrer if request.referrer else url_for('main.dashboard') }}"
|
|
class="absolute top-5 left-4 flex items-center text-gray-600 hover:text-gray-800">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 mr-1" fill="none" viewBox="0 0 24 24"
|
|
stroke="currentColor" stroke-width="2">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7" />
|
|
</svg>
|
|
<span>Back</span>
|
|
</a>
|
|
<h1 class="text-3xl font-bold text-center text-gray-800 mb-6">Add Reading</h1>
|
|
<form method="POST" action="{{ url_for('reading.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>
|
|
|
|
<!-- Buttons -->
|
|
<div class="flex justify-between items-center space-x-6">
|
|
<!-- Cancel Button -->
|
|
<a href="{{ url_for('main.dashboard') }}" class="w-full bg-gray-100 text-gray-700 py-3 rounded-lg font-semibold
|
|
hover:bg-gray-200 hover:text-gray-900 shadow-md text-center transition">
|
|
Cancel
|
|
</a>
|
|
|
|
<!-- Save Button -->
|
|
<button type="submit" class="w-full bg-blue-600 text-white py-3 rounded-lg font-semibold
|
|
hover:bg-blue-700 shadow-lg text-center transition">
|
|
Save
|
|
</button>
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
{% endblock %} |