@php
    $user = auth()->user();
    $role = $user->membership_status ?? $user->role ?? 'member';

    switch ($role) {
        case 'super-admin': $layout = 'layouts.superadmin'; break;
        case 'advisor':     $layout = 'layouts.advisor'; break;
        case 'admin':
        case 'moderator':   $layout = 'layouts.admin'; break;
        default:            $layout = 'layouts.member';
    }
@endphp

@extends($layout)
@section('title','لوحة التحديثات — كود الدخول')

@section('content')
<div class="max-w-md mx-auto px-4 py-10 rtl">

    @if(session('error'))
        <div class="mb-3 p-3 rounded-2xl bg-rose-50 border border-rose-200 text-rose-800 dark:bg-rose-900/30 dark:border-rose-700/60 dark:text-rose-100 text-sm">
            {{ session('error') }}
        </div>
    @endif

    <div class="rounded-3xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 shadow-md p-6 space-y-4">
        <h1 class="text-lg sm:text-xl font-extrabold text-slate-900 dark:text-white">
            🔐 دخول لوحة تحديثات الموقع
        </h1>
        <p class="text-xs text-slate-500 dark:text-slate-400">
            من أجل حماية لوحة التحديثات، يجب إدخال كود الإدارة.
        </p>

        <form method="POST" action="{{ route('site-updates.admin.unlock') }}" class="space-y-3">
            @csrf

            <div>
                <label class="block text-xs font-semibold text-slate-600 dark:text-slate-300 mb-1">
                    كود الدخول
                </label>
                <input type="password" name="code" required
                       class="w-full rounded-2xl border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-900 px-3 py-2 text-sm text-slate-900 dark:text-slate-100">
            </div>

            <button type="submit"
                    class="w-full px-4 py-2.5 rounded-2xl bg-sky-600 hover:bg-sky-700 text-white text-sm font-bold">
                فتح لوحة التحديثات
            </button>
        </form>
    </div>
</div>
@endsection