59 lines
3.1 KiB
HTML
59 lines
3.1 KiB
HTML
{% extends "admin_base.html" %}
|
|
|
|
{% block title %}Manage Care Difficulties{% endblock %}
|
|
|
|
{% block admin_content %}
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
|
<!-- Add new care difficulty form -->
|
|
<div class="bg-gray-50 p-6 rounded-lg">
|
|
<h2 class="text-xl font-bold mb-4">Add New Care Difficulty</h2>
|
|
<form method="POST" enctype="multipart/form-data" class="space-y-4">
|
|
<div>
|
|
<label for="name" class="block text-sm font-medium text-gray-700">Name</label>
|
|
<input type="text" name="name" id="name" required
|
|
class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500">
|
|
</div>
|
|
<div>
|
|
<label for="description" class="block text-sm font-medium text-gray-700">Description</label>
|
|
<textarea name="description" id="description" rows="3"
|
|
class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500"></textarea>
|
|
</div>
|
|
<div>
|
|
<label for="icon" class="block text-sm font-medium text-gray-700">Icon (SVG)</label>
|
|
<input type="file" name="icon" id="icon" accept=".svg" class="mt-1 block w-full text-sm text-gray-700">
|
|
</div>
|
|
<button type="submit" class="w-full btn-main text-lg font-semibold">Add Care Difficulty</button>
|
|
</form>
|
|
</div>
|
|
|
|
<!-- List of existing care difficulties -->
|
|
<div class="bg-gray-50 p-6 rounded-lg">
|
|
<h2 class="text-xl font-bold mb-4">Existing Care Difficulties</h2>
|
|
<div class="space-y-4">
|
|
{% for difficulty in difficulties %}
|
|
<div class="p-4 rounded-lg shadow flex justify-between items-center">
|
|
<div class="flex items-center gap-3">
|
|
{% if difficulty.icon %}
|
|
<img src="{{ url_for('static', filename='icons/' ~ difficulty.icon) }}" alt="Icon" class="w-8 h-8 inline-block">
|
|
{% endif %}
|
|
<div>
|
|
<h3 class="font-bold">{{ difficulty.name }}</h3>
|
|
{% if difficulty.description %}
|
|
<p class="text-gray-600 mt-2">{{ difficulty.description }}</p>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
<div class="flex space-x-2">
|
|
<a href="{{ url_for('edit_care_difficulty', difficulty_id=difficulty.id) }}" class="btn-edit">Edit</a>
|
|
<form id="delete-difficulty-{{ difficulty.id }}" method="POST" action="{{ url_for('delete_care_difficulty', difficulty_id=difficulty.id) }}" style="display:inline;">
|
|
<button type="button" onclick="showDeleteModal('delete-difficulty-{{ difficulty.id }}', 'Are you sure you want to delete the care difficulty {{ difficulty.name }}?')" class="btn-delete">Delete</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
{% else %}
|
|
<p class="text-gray-500">No care difficulties added yet.</p>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %} |