ATS/templates/includes/applications_update_exam_form.html
2026-02-01 13:38:06 +03:00

35 lines
2.3 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="const modal = bootstrap.Modal.getInstance(document.getElementById('candidateviewModal')); if (modal) { modal.hide(); }">
<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>