{% extends "base.html" %}

{% block title %}Edit Sekolah{% endblock %}
{% block page_title %}Edit Data Sekolah{% endblock %}

{% block content %}
<a href="{{ url_for('superadmin.school_detail', school_id=school.id) }}" 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 ke detail sekolah
</a>

<div class="max-w-3xl bg-white rounded-xl shadow-sm border border-gray-100 p-6">
    <form method="POST">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        
        <div class="space-y-5">
            <!-- Name -->
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">Nama Sekolah <span class="text-red-500">*</span></label>
                <input type="text" name="name" value="{{ school.name }}" required
                       class="w-full px-3 py-2 rounded-lg border border-gray-200 text-sm focus:border-primary-400 focus:ring-1 focus:ring-primary-200 outline-none">
            </div>

            <!-- NPSN -->
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">NPSN <span class="text-red-500">*</span></label>
                <input type="text" name="npsn" value="{{ school.npsn }}" required
                       class="w-full px-3 py-2 rounded-lg border border-gray-200 text-sm focus:border-primary-400 focus:ring-1 focus:ring-primary-200 outline-none">
                <p class="text-xs text-gray-500 mt-1">NPSN harus unik</p>
            </div>

            <!-- Address -->
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">Alamat</label>
                <textarea name="address" rows="3"
                          class="w-full px-3 py-2 rounded-lg border border-gray-200 text-sm focus:border-primary-400 focus:ring-1 focus:ring-primary-200 outline-none">{{ school.address or '' }}</textarea>
            </div>

            <!-- Phone -->
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">Telepon</label>
                <input type="text" name="phone" value="{{ school.phone or '' }}"
                       class="w-full px-3 py-2 rounded-lg border border-gray-200 text-sm focus:border-primary-400 focus:ring-1 focus:ring-primary-200 outline-none">
            </div>

            <!-- Email -->
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">Email</label>
                <input type="email" name="email" value="{{ school.email or '' }}"
                       class="w-full px-3 py-2 rounded-lg border border-gray-200 text-sm focus:border-primary-400 focus:ring-1 focus:ring-primary-200 outline-none">
            </div>
        </div>

        <!-- Status Info -->
        <div class="mt-6 p-4 bg-gray-50 rounded-lg border border-gray-100">
            <p class="text-sm text-gray-600">
                <span class="font-medium">Status Saat Ini:</span>
                {% if school.status == 'pending' %}
                <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800 ml-2">Menunggu</span>
                {% elif school.status == 'approved' %}
                <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800 ml-2">Aktif</span>
                {% elif school.status == 'rejected' %}
                <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-800 ml-2">Ditolak</span>
                {% else %}
                <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-100 text-gray-800 ml-2">Ditangguhkan</span>
                {% endif %}
            </p>
        </div>

        <!-- Actions -->
        <div class="mt-6 flex gap-3">
            <button type="submit" class="flex-1 px-4 py-2.5 bg-primary-600 text-white rounded-lg text-sm font-medium hover:bg-primary-700 transition-colors">
                Simpan Perubahan
            </button>
            <a href="{{ url_for('superadmin.school_detail', school_id=school.id) }}" 
               class="px-4 py-2.5 bg-white border border-gray-200 text-gray-600 rounded-lg text-sm font-medium hover:bg-gray-50 transition-colors text-center">
                Batal
            </a>
        </div>
    </form>
</div>
{% endblock %}