35 lines
2.2 KiB
HTML
35 lines
2.2 KiB
HTML
{% load i18n %}
|
|
<form id="exam-update-form" hx-post="{% url 'update_application_status' job.slug application.slug 'exam' 'Failed' %}" hx-swap="outerHTML" hx-target="#status-result-{{ application.pk }}"
|
|
hx-on::after-request="if (typeof closeCandidateModal === 'function') { closeCandidateModal(); }">
|
|
<div class="flex justify-center items-center gap-4 mb-4">
|
|
<label class="flex items-center gap-2 cursor-pointer">
|
|
<input type="radio" name="exam_status" id="exam_passed" value="Passed" {% if application.exam_status == 'Passed' %}checked{% endif %} class="w-4 h-4 text-temple-red border-gray-300 focus:ring-temple-red/20">
|
|
<span class="text-gray-700 text-sm"><i data-lucide="check" class="w-4 h-4 inline text-green-600"></i> {% trans "Passed" %}</span>
|
|
</label>
|
|
<label class="flex items-center gap-2 cursor-pointer">
|
|
<input type="radio" name="exam_status" id="exam_failed" value="Failed" {% if application.exam_status == 'Failed' %}checked{% endif %} class="w-4 h-4 text-temple-red border-gray-300 focus:ring-temple-red/20">
|
|
<span class="text-gray-700 text-sm"><i data-lucide="x" class="w-4 h-4 inline text-red-600"></i> {% trans "Failed" %}</span>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="flex justify-center items-center mt-4 gap-4">
|
|
<div class="w-24 text-right">
|
|
<label for="exam_score" class="block text-sm font-medium text-gray-600">{% trans "Exam Score" %}</label>
|
|
</div>
|
|
<div class="w-24">
|
|
<input type="number" class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-temple-red/20 focus:border-temple-red outline-none transition" id="exam_score" name="exam_score" min="0" max="100" required value="{{ application.exam_score }}">
|
|
</div>
|
|
<div class="w-24 text-left">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="text-center mt-4">
|
|
<button type="submit" class="inline-flex items-center gap-2 bg-temple-red hover:bg-temple-dark text-white font-medium px-4 py-2 rounded-lg text-sm transition shadow-sm hover:shadow-md">
|
|
<i data-lucide="check" class="w-4 h-4"></i> {% trans "Update" %}
|
|
</button>
|
|
</div>
|
|
</form>
|
|
|
|
<script>
|
|
lucide.createIcons();
|
|
</script> |