{% extends "base.html" %}

{% block title %}{{ 'Edit Jadwal' if edit else 'Tambah Jadwal' }}{% endblock %}
{% block page_title %}{{ 'Edit Jadwal' if edit else 'Tambah Jadwal' }}{% endblock %}

{% block content %}
<a href="{{ url_for('admin.jadwal_list') }}" class="inline-flex items-center gap-1 text-sm text-gray-500 hover:text-primary-600 mb-6">
    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/></svg>
    Kembali
</a>

<div class="max-w-xl">
    <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6">
        <form method="POST" class="space-y-4">
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">

            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">Hari *</label>
                <select name="day" required class="w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-primary-500 focus:ring-2 focus:ring-primary-200 transition-all outline-none text-sm">
                    {% for value, label in [('senin','Senin'),('selasa','Selasa'),('rabu','Rabu'),('kamis','Kamis'),('jumat','Jumat')] %}
                    <option value="{{ value }}" {% if edit and jadwal.day == value %}selected{% endif %}>{{ label }}</option>
                    {% endfor %}
                </select>
            </div>

            <div class="grid grid-cols-2 gap-4">
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Jam Mulai *</label>
                    <input type="time" name="start_time" value="{{ jadwal.start_time.strftime('%H:%M') if edit else '07:00' }}" required
                           class="w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-primary-500 focus:ring-2 focus:ring-primary-200 transition-all outline-none text-sm">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Jam Selesai *</label>
                    <input type="time" name="end_time" value="{{ jadwal.end_time.strftime('%H:%M') if edit else '08:30' }}" required
                           class="w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-primary-500 focus:ring-2 focus:ring-primary-200 transition-all outline-none text-sm">
                </div>
            </div>

            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">Kelas *</label>
                <select name="kelas_id" required class="w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-primary-500 focus:ring-2 focus:ring-primary-200 transition-all outline-none text-sm">
                    <option value="">-- Pilih Kelas --</option>
                    {% for kelas in kelas_list %}
                    <option value="{{ kelas.id }}" {% if edit and jadwal.kelas_id == kelas.id %}selected{% endif %}>{{ kelas.name }} ({{ kelas.academic_year }})</option>
                    {% endfor %}
                </select>
            </div>

            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">Mata Pelajaran *</label>
                <select name="mapel_id" required class="w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-primary-500 focus:ring-2 focus:ring-primary-200 transition-all outline-none text-sm">
                    <option value="">-- Pilih Mata Pelajaran --</option>
                    {% for mapel in mapel_list %}
                    <option value="{{ mapel.id }}" {% if edit and jadwal.mata_pelajaran_id == mapel.id %}selected{% endif %}>{{ mapel.name }}</option>
                    {% endfor %}
                </select>
            </div>

            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">Guru Pengajar *</label>
                <select name="guru_id" required class="w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-primary-500 focus:ring-2 focus:ring-primary-200 transition-all outline-none text-sm">
                    <option value="">-- Pilih Guru --</option>
                    {% for guru in guru_list %}
                    <option value="{{ guru.id }}" {% if edit and jadwal.guru_id == guru.id %}selected{% endif %}>{{ guru.name }}</option>
                    {% endfor %}
                </select>
            </div>

            <div class="flex gap-3 pt-2">
                <button type="submit" class="px-6 py-2.5 bg-primary-600 text-white rounded-lg text-sm font-medium hover:bg-primary-700 transition-colors">
                    {{ 'Perbarui' if edit else 'Simpan' }}
                </button>
                <a href="{{ url_for('admin.jadwal_list') }}" class="px-6 py-2.5 bg-gray-100 text-gray-700 rounded-lg text-sm font-medium hover:bg-gray-200 transition-colors">Batal</a>
            </div>
        </form>
    </div>
</div>
{% endblock %}