@extends('layouts.app')

@push('styles')
<style>
    /* admin shell */
    .admin-shell { display: grid; grid-template-columns: 260px 1fr; min-height: calc(100vh - 64px); }
    @media (max-width: 1024px) { .admin-shell { grid-template-columns: 1fr; } .admin-side { display: none; } }
    .admin-side { background: #0a0a0a; border-right: 1px solid #1f2937; }
    .admin-main { background: #050505; }
    .side-link { display:flex; align-items:center; gap:.6rem; padding:.55rem .75rem; border-radius:.5rem; color:#cbd5e1; font-size:.875rem; transition:all .12s; }
    .side-link:hover { background:#111827; color:#fff; }
    .side-link.active { background:#7f1d1d; color:#fff; box-shadow: inset 2px 0 0 #ef4444; }
    .side-section { padding: .25rem .75rem .25rem; font-size:.65rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#6b7280; margin-top:.75rem; }
    .stat-card { background: linear-gradient(180deg, #111827 0%, #0a0f1c 100%); border:1px solid #1f2937; border-radius:.75rem; padding:1rem; }
    .ring-active { box-shadow: 0 0 0 2px #ef4444; }
</style>
@endpush

@section('content')
<div class="admin-shell">
    <aside class="admin-side py-4 px-3">
        @php
            $current = request()->route()?->getName() ?? '';
            $is = fn(string $needle) => str_starts_with($current, $needle);
        @endphp

        <div class="px-2 mb-3">
            <div class="text-xs uppercase tracking-wider text-gray-500 mb-1">Admin</div>
            <div class="text-white font-semibold">{{ config('app.name') }}</div>
        </div>

        <a href="{{ route('admin.dashboard') }}" class="side-link {{ $is('admin.dashboard') ? 'active' : '' }}">
            <i class="fa-solid fa-gauge-high w-4 text-center"></i> Dashboard
        </a>

        <div class="side-section">Email Marketing</div>
        <a href="{{ route('admin.marketing.dashboard') }}" class="side-link {{ $is('admin.marketing') ? 'active' : '' }}">
            <i class="fa-solid fa-chart-line w-4 text-center"></i> Analytics
        </a>
        <a href="{{ route('admin.campaigns.index') }}" class="side-link {{ $is('admin.campaigns') ? 'active' : '' }}">
            <i class="fa-solid fa-paper-plane w-4 text-center"></i> Campaigns
        </a>
        <a href="{{ route('admin.quick-send') }}" class="side-link {{ $is('admin.quick-send') ? 'active' : '' }}">
            <i class="fa-solid fa-bolt w-4 text-center"></i> Quick Send
        </a>
        <a href="{{ route('admin.email-templates.index') }}" class="side-link {{ $is('admin.email-templates') ? 'active' : '' }}">
            <i class="fa-solid fa-layer-group w-4 text-center"></i> Templates
        </a>
        <a href="{{ route('admin.automations.index') }}" class="side-link {{ $is('admin.automations') ? 'active' : '' }}">
            <i class="fa-solid fa-diagram-project w-4 text-center"></i> Automations
        </a>
        <a href="{{ route('admin.landing-pages.index') }}" class="side-link {{ $is('admin.landing-pages') ? 'active' : '' }}">
            <i class="fa-solid fa-bullseye w-4 text-center"></i> Landing Pages
        </a>

        <div class="side-section">Audience</div>
        <a href="{{ route('admin.subscribers.index') }}" class="side-link {{ $is('admin.subscribers') ? 'active' : '' }}">
            <i class="fa-solid fa-users w-4 text-center"></i> Subscribers
        </a>
        <a href="{{ route('admin.tags.index') }}" class="side-link {{ $is('admin.tags') ? 'active' : '' }}">
            <i class="fa-solid fa-tag w-4 text-center"></i> Tags
        </a>
        <a href="{{ route('admin.segments.index') }}" class="side-link {{ $is('admin.segments') ? 'active' : '' }}">
            <i class="fa-solid fa-filter w-4 text-center"></i> Segments
        </a>
        <a href="{{ route('admin.signup-forms.index') }}" class="side-link {{ $is('admin.signup-forms') ? 'active' : '' }}">
            <i class="fa-solid fa-square-plus w-4 text-center"></i> Signup Forms
        </a>

        <div class="side-section">Brand & Assets</div>
        <a href="{{ route('admin.brand-kit') }}" class="side-link {{ $is('admin.brand-kit') ? 'active' : '' }}">
            <i class="fa-solid fa-palette w-4 text-center"></i> Brand Kit
        </a>
        <a href="{{ route('admin.media.index') }}" class="side-link {{ $is('admin.media') ? 'active' : '' }}">
            <i class="fa-solid fa-images w-4 text-center"></i> Media Library
        </a>
        <a href="{{ route('admin.blocks.index') }}" class="side-link {{ $is('admin.blocks') ? 'active' : '' }}">
            <i class="fa-solid fa-cube w-4 text-center"></i> Block Library
        </a>

        <div class="side-section">SMS</div>
        <a href="{{ route('admin.sms-campaigns.index') }}" class="side-link {{ $is('admin.sms-campaigns') ? 'active' : '' }}">
            <i class="fa-solid fa-comment-sms w-4 text-center"></i> SMS Campaigns
        </a>

        <div class="side-section">Site</div>
        <a href="{{ route('admin.videos') }}" class="side-link {{ $is('admin.videos') ? 'active' : '' }}">
            <i class="fa-solid fa-video w-4 text-center"></i> Videos
        </a>
        <a href="{{ route('admin.users') }}" class="side-link {{ $is('admin.users') ? 'active' : '' }}">
            <i class="fa-solid fa-user-shield w-4 text-center"></i> Users
        </a>
        <a href="{{ route('admin.categories') }}" class="side-link {{ $is('admin.categories') ? 'active' : '' }}">
            <i class="fa-solid fa-folder-tree w-4 text-center"></i> Categories
        </a>

        <div class="side-section">Reports & Compliance</div>
        <a href="{{ route('admin.compliance') }}" class="side-link {{ $is('admin.compliance') ? 'active' : '' }}">
            <i class="fa-solid fa-shield-halved w-4 text-center"></i> Compliance
        </a>
        <a href="{{ route('admin.ai.usage') }}" class="side-link {{ $is('admin.ai') ? 'active' : '' }}">
            <i class="fa-solid fa-robot w-4 text-center"></i> AI Usage
        </a>
    </aside>

    <main class="admin-main p-6 lg:p-8">
        @hasSection('breadcrumbs')
            <div class="max-w-7xl mx-auto">@yield('breadcrumbs')</div>
        @else
            @php
                // Auto-derive breadcrumbs from the current route name (admin.foo.bar -> Foo › Bar)
                $rn = request()->route()?->getName() ?? '';
                $autoCrumbs = [];
                if (str_starts_with($rn, 'admin.') && $rn !== 'admin.dashboard') {
                    $parts = explode('.', $rn);
                    array_shift($parts); // 'admin'
                    $section = $parts[0] ?? '';
                    $action  = $parts[1] ?? '';
                    $sectionLabels = [
                        'campaigns' => 'Campaigns', 'email-templates' => 'Templates',
                        'automations' => 'Automations', 'landing-pages' => 'Landing Pages',
                        'subscribers' => 'Subscribers', 'tags' => 'Tags', 'segments' => 'Segments',
                        'signup-forms' => 'Signup Forms', 'brand-kit' => 'Brand Kit',
                        'media' => 'Media Library', 'blocks' => 'Block Library',
                        'sms-campaigns' => 'SMS Campaigns', 'compliance' => 'Compliance',
                        'quick-send' => 'Quick Send', 'ai' => 'AI', 'marketing' => 'Analytics',
                    ];
                    $sectionRoutes = [
                        'campaigns' => 'admin.campaigns.index', 'email-templates' => 'admin.email-templates.index',
                        'automations' => 'admin.automations.index', 'landing-pages' => 'admin.landing-pages.index',
                        'subscribers' => 'admin.subscribers.index', 'tags' => 'admin.tags.index',
                        'segments' => 'admin.segments.index', 'signup-forms' => 'admin.signup-forms.index',
                        'media' => 'admin.media.index', 'blocks' => 'admin.blocks.index',
                        'sms-campaigns' => 'admin.sms-campaigns.index',
                    ];
                    $label = $sectionLabels[$section] ?? ucfirst(str_replace('-', ' ', $section));
                    $autoCrumbs[] = [
                        'label' => $label,
                        'url'   => isset($sectionRoutes[$section]) && \Route::has($sectionRoutes[$section]) ? route($sectionRoutes[$section]) : null,
                    ];
                    if ($action && !in_array($action, ['index'], true)) {
                        $actionLabels = ['create' => 'New', 'edit' => 'Edit', 'show' => 'Details', 'report' => 'Report'];
                        $autoCrumbs[] = ['label' => $actionLabels[$action] ?? ucfirst($action)];
                    }
                }
            @endphp
            @if(!empty($autoCrumbs))
                <div class="max-w-7xl mx-auto">
                    @include('admin._partials.breadcrumbs', ['crumbs' => $autoCrumbs])
                </div>
            @endif
        @endif

        @if(session('success'))
            <div class="mb-4 p-3 rounded-lg bg-emerald-900/40 border border-emerald-700/60 text-emerald-200 text-sm">
                <i class="fa-solid fa-check-circle mr-2"></i>{{ session('success') }}
            </div>
        @endif
        @if(session('error'))
            <div class="mb-4 p-3 rounded-lg bg-red-900/40 border border-red-700/60 text-red-200 text-sm">
                <i class="fa-solid fa-circle-exclamation mr-2"></i>{{ session('error') }}
            </div>
        @endif
        @if($errors->any())
            <div class="mb-4 p-3 rounded-lg bg-red-900/40 border border-red-700/60 text-red-200 text-sm">
                <ul class="list-disc list-inside">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
            </div>
        @endif

        @yield('admin')
    </main>
</div>
@endsection