@extends('layouts.superadmin')
@section('title','غرفة الأكاديمية — قفل')

@section('content')
<div class="min-h-screen rtl py-8 bg-gradient-to-b from-slate-950 via-slate-900 to-black">
  <div class="max-w-xl mx-auto px-4">
    <div class="relative overflow-hidden rounded-3xl border border-fuchsia-400/25 bg-black/40 shadow-2xl">
      <div class="absolute -top-24 -right-16 w-80 h-80 rounded-full bg-fuchsia-400/20 blur-3xl"></div>
      <div class="absolute -bottom-24 -left-16 w-80 h-80 rounded-full bg-cyan-500/20 blur-3xl"></div>

      <div class="relative p-6 sm:p-7 space-y-4">
        <div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-white/5 border border-white/10 text-[11px] text-white/80">
          <i class="fa-solid fa-lock"></i>
          دخول إضافي — Academy Command Room
        </div>

        <h1 class="text-2xl font-extrabold text-white">قفل الأكاديمية</h1>
        <p class="text-[13px] text-slate-200/80 leading-relaxed">
          هذه المنطقة محمية. مطلوب كلمة سر إضافية بعد التأكد أن عضويتك رقم 1.
        </p>

        @if(session('error'))
          <div class="rounded-2xl border border-rose-400/20 bg-rose-500/10 text-rose-100 px-4 py-3 text-sm">
            {{ session('error') }}
          </div>
        @endif

        @if(session('success'))
          <div class="rounded-2xl border border-emerald-400/20 bg-emerald-500/10 text-emerald-100 px-4 py-3 text-sm">
            {{ session('success') }}
          </div>
        @endif

        <form method="post" action="{{ route('superadmin.academy.unlock.post') }}" class="space-y-3">
          @csrf
          <label class="block text-[12px] text-slate-200/80">كلمة السر</label>
          <input type="password" name="password"
                 class="w-full rounded-2xl bg-black/50 border border-white/15 text-white px-4 py-3
                        focus:outline-none focus:ring-2 focus:ring-fuchsia-500/40">

          <button class="w-full inline-flex items-center justify-center gap-2 px-4 py-3 rounded-2xl font-extrabold text-slate-950
                         bg-gradient-to-r from-fuchsia-200 via-cyan-200 to-emerald-200 shadow-lg shadow-fuchsia-500/20">
            <i class="fa-solid fa-unlock"></i>
            فتح الغرفة
          </button>
        </form>

      </div>
    </div>
  </div>
</div>
@endsection