{% load i18n %}
{% url 'update_application_exam_status' slug=application.slug as url %}
<form method="post" action="{{ url }}" data-on-submit="@post('{{url}}', {contentType: 'form', headers: {'X-CSRFToken': '{{ csrf_token }}'}})">
    {% csrf_token %}
    <div class="space-y-4">
        <div>
            <label for="id_exam_status" class="block text-sm font-medium text-gray-700 mb-2">{% trans "Exam Status" %}</label>
            <select name="exam_status" id="id_exam_status" class="w-full px-4 py-2.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-temple-red/20 focus:border-temple-red outline-none transition">
                <option value="pending" {% if application.exam_status == 'pending' %}selected{% endif %}>{% trans "Pending" %}</option>
                <option value="passed" {% if application.exam_status == 'passed' %}selected{% endif %}>{% trans "Passed" %}</option>
                <option value="failed" {% if application.exam_status == 'failed' %}selected{% endif %}>{% trans "Failed" %}</option>
            </select>
        </div>
        
        {% if form.exam_score %}
        <div>
            <label for="id_exam_score" class="block text-sm font-medium text-gray-700 mb-2">{% trans "Exam Score" %}</label>
            <input type="number" name="exam_score" id="id_exam_score" value="{{ application.exam_score|default:'' }}" min="0" max="100" class="w-full px-4 py-2.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-temple-red/20 focus:border-temple-red outline-none transition">
        </div>
        {% endif %}
        
        {% if form.exam_notes %}
        <div>
            <label for="id_exam_notes" class="block text-sm font-medium text-gray-700 mb-2">{% trans "Exam Notes" %}</label>
            <textarea name="exam_notes" id="id_exam_notes" rows="3" class="w-full px-4 py-2.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-temple-red/20 focus:border-temple-red outline-none transition">{{ application.exam_notes|default:'' }}</textarea>
        </div>
        {% endif %}
        
        <div>
            <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.5 rounded-lg text-sm transition shadow-sm hover:shadow-md">
                {% trans "Update" %}
            </button>
        </div>
    </div>
</form>