@extends('layouts.app')

@section('title')
    @yield('title', 'لوحة التحكم | Help Numo')
@endsection

@section('content')
    <div class="admin-shell">
        <aside class="admin-sidebar surface-gradient">
            <div class="admin-sidebar__brand">
                <img src="{{ asset('images/logo.png') }}" alt="{{ config('app.name', 'Help Numo') }}" class="brand-logo brand-logo--sidebar" width="168" height="48">
                <div>
                    <p class="brand-subtitle">نظام المكتبة</p>
                    <p class="brand-title">Help Numo</p>
                </div>
            </div>

            <nav class="admin-nav">
                @php
                    $adminUser = auth('admin')->user();
                @endphp
                <a href="{{ route('admin.dashboard') }}" class="admin-nav__item {{ request()->routeIs('admin.dashboard') ? 'is-active' : '' }}">
                    <span class="admin-nav__label">🏠 الرئيسية</span>
                </a>
                @php
                    $articlesMainActive = request()->routeIs('admin.articles.index', 'admin.articles.create', 'admin.articles.edit', 'admin.articles.preview');
                    $articlesTrashedActive = request()->routeIs('admin.articles.trashed.index', 'admin.articles.trashed.preview');
                @endphp
                <a href="{{ route('admin.articles.index') }}" class="admin-nav__item {{ $articlesMainActive ? 'is-active' : '' }}">
                    <span class="admin-nav__label">📝 المقالات</span>
                </a>
                @if ($adminUser && $adminUser->role === \App\Models\Admin::ROLE_SUPER_ADMIN)
                    <a href="{{ route('admin.articles.trashed.index') }}" class="admin-nav__item {{ $articlesTrashedActive ? 'is-active' : '' }}">
                        <span class="admin-nav__label">🗑️ المقالات المحذوفة</span>
                    </a>
                @endif
                @if ($adminUser && in_array($adminUser->role, [\App\Models\Admin::ROLE_SUPER_ADMIN, \App\Models\Admin::ROLE_ADMIN], true))
                    <a href="{{ route('admin.categories.index') }}" class="admin-nav__item {{ request()->routeIs('admin.categories.*') ? 'is-active' : '' }}">
                        <span class="admin-nav__label">🗂️ التصنيفات</span>
                    </a>
                    <a href="{{ route('admin.tags.index') }}" class="admin-nav__item {{ request()->routeIs('admin.tags.*') ? 'is-active' : '' }}">
                        <span class="admin-nav__label">🏷️ الوسوم</span>
                    </a>
                    <a href="{{ route('admin.article-ratings.index') }}" class="admin-nav__item {{ request()->routeIs('admin.article-ratings.*') ? 'is-active' : '' }}">
                        <span class="admin-nav__label">⭐ التقييمات</span>
                    </a>
                @endif
                @if ($adminUser && $adminUser->role === \App\Models\Admin::ROLE_SUPER_ADMIN)
                    <a href="{{ route('admin.users.index') }}" class="admin-nav__item {{ request()->routeIs('admin.users.*') ? 'is-active' : '' }}">
                        <span class="admin-nav__label">👥 المستخدمين</span>
                    </a>
                @endif
                @if ($adminUser && in_array($adminUser->role, [\App\Models\Admin::ROLE_SUPER_ADMIN, \App\Models\Admin::ROLE_ADMIN], true))
                    <a href="{{ route('admin.settings.index') }}" class="admin-nav__item {{ request()->routeIs('admin.settings.*') ? 'is-active' : '' }}">
                        <span class="admin-nav__label">⚙️ الإعدادات</span>
                        <span class="badge badge--soon" title="قريباً">قريباً</span>
                    </a>
                @endif
            </nav>

            <div class="admin-sidebar__footer">
                @auth('admin')
                    <p class="body-s">مسجل كـ {{ auth('admin')->user()->name }}</p>
                @endauth
                <p class="body-s mt-1">آخر تحديث: {{ now()->format('d M Y') }}</p>
                <form action="{{ route('admin.logout') }}" method="POST" class="mt-3">
                    @csrf
                    <button type="submit" class="btn btn--secondary w-full">تسجيل خروج</button>
                </form>
            </div>
        </aside>

        <main class="admin-main">
            <header class="admin-main__header">
                <div>
                    <p class="body-s text-muted">
                        مرحباً @auth('admin'){{ auth('admin')->user()->name }}@endauth
                    </p>
                    <h1 class="heading-m">@yield('page-title', 'لوحة التحكم')</h1>
                </div>
                <div class="admin-main__meta">
                    <span class="badge badge--primary">إصدار تجريبي</span>
                </div>
            </header>

            <section class="admin-main__content">
                @if (session('status'))
                    <div class="alert-info">{{ session('status') }}</div>
                @endif
                @yield('admin_content')
            </section>
        </main>
    </div>
@endsection