{% extends 'school/base_school.html' %}

{% block title %}Add New Event | STD Lab{% endblock %}

{% block content %}
<div class="card" style="max-width: 500px; margin: 40px auto; padding: 40px; border-radius: 28px; border-top: 6px solid #10b981;">
    <h3 style="font-weight: 900; color: #0f172a; margin-bottom: 5px; text-align: center;">Event Entry</h3>
    <p style="text-align: center; color: #64748b; font-size: 0.9rem; margin-bottom: 35px;">Add public closures, exams or school events.</p>
    
    <form method="post">
        {% csrf_token %}
        <div class="form-group">
            <label>Event Title</label>
            <input type="text" name="note" required placeholder="e.g. Eid-ul-Fitr, Summer Break" style="font-weight: 700;">
        </div>

        <div class="form-group">
            <label>Date</label>
            <input type="date" name="date" required value="{{ prefill_date }}" style="font-weight: 700;">
        </div>

        <div class="form-group">
            <label>Day Type</label>
            <select name="day_type" required style="font-weight: 700;">
                <option value="HOLIDAY">Holiday</option>
                <option value="WORKING_DAY">Working Day</option>
            </select>
        </div>

        <div style="display: flex; gap: 15px; margin-top: 40px;">
            <button type="submit" class="btn" style="flex: 2; height: 50px; justify-content: center; font-weight: 800; border-radius: 12px;">SAVE EVENT</button>
            <a href="{% url 'holiday_list' %}" class="btn" style="flex: 1; height: 50px; background: #f1f5f9; color: #475569; border-radius: 12px; justify-content: center; text-decoration: none;">CANCEL</a>
        </div>
    </form>
</div>
{% endblock %}