{% extends "base.html" %}

{% block auth_content %}
<div class="min-h-screen flex items-center justify-center islamic-pattern-light py-12 px-4">
    <div class="w-full max-w-md text-center">
        <div class="bg-white rounded-2xl shadow-xl p-8 border border-gray-100">
            {% if current_user.school.status == 'pending' %}
            <div class="inline-flex items-center justify-center w-20 h-20 bg-yellow-100 rounded-full mb-6">
                <svg class="w-10 h-10 text-yellow-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
                </svg>
            </div>
            <h2 class="text-xl font-bold text-gray-800 mb-2">Menunggu Persetujuan</h2>
            <p class="text-gray-500 text-sm mb-4">Sekolah <strong>{{ current_user.school.name }}</strong> sedang dalam proses verifikasi oleh Super Admin.</p>
            <p class="text-gray-400 text-xs">Insya Allah proses tidak akan lama. Silakan cek kembali nanti.</p>

            {% elif current_user.school.status == 'rejected' %}
            <div class="inline-flex items-center justify-center w-20 h-20 bg-red-100 rounded-full mb-6">
                <svg class="w-10 h-10 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"/>
                </svg>
            </div>
            <h2 class="text-xl font-bold text-gray-800 mb-2">Pendaftaran Ditolak</h2>
            <p class="text-gray-500 text-sm mb-4">Mohon maaf, pendaftaran sekolah <strong>{{ current_user.school.name }}</strong> tidak disetujui.</p>
            {% if current_user.school.rejection_reason %}
            <div class="bg-red-50 rounded-xl p-4 text-sm text-red-700 text-left mb-4">
                <p class="font-medium mb-1">Alasan:</p>
                <p>{{ current_user.school.rejection_reason }}</p>
            </div>
            {% endif %}

            {% elif current_user.school.status == 'suspended' %}
            <div class="inline-flex items-center justify-center w-20 h-20 bg-gray-100 rounded-full mb-6">
                <svg class="w-10 h-10 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636"/>
                </svg>
            </div>
            <h2 class="text-xl font-bold text-gray-800 mb-2">Sekolah Ditangguhkan</h2>
            <p class="text-gray-500 text-sm mb-4">Akses sekolah <strong>{{ current_user.school.name }}</strong> telah ditangguhkan. Hubungi Super Admin untuk informasi lebih lanjut.</p>
            {% endif %}

            <a href="{{ url_for('auth.logout') }}" class="inline-block mt-4 px-6 py-2.5 bg-gray-100 text-gray-700 rounded-xl text-sm font-medium hover:bg-gray-200 transition-colors">
                Keluar
            </a>
        </div>
    </div>
</div>
{% endblock %}