@extends('layouts.app')

@section('body')
<div class="min-h-screen bg-slate-100">
    {{-- نوار بالای پنل --}}
    <header class="bg-brand text-white shadow">
        <div class="max-w-5xl mx-auto px-4 h-16 flex items-center justify-between">
            <div class="flex items-center gap-2.5">
                <div class="w-9 h-9 rounded-xl bg-white/20 flex items-center justify-center font-extrabold text-lg">ا</div>
                <span class="font-bold">پنل مدیریت آگهی‌ها</span>
            </div>
            <a href="{{ route('landing') }}" target="_blank"
               class="text-sm font-medium px-3 py-1.5 rounded-lg bg-white/15 hover:bg-white/25 transition-colors">
                مشاهده‌ی لندینگ ↗
            </a>
        </div>
    </header>

    <main class="max-w-5xl mx-auto px-4 py-8">
        {{-- پیام موفقیت --}}
        @if(session('status'))
            <div class="mb-6 rounded-xl bg-brand-50 border border-brand-100 text-brand-800 px-4 py-3 text-sm font-medium">
                {{ session('status') }}
            </div>
        @endif

        {{-- خطاهای اعتبارسنجی --}}
        @if($errors->any())
            <div class="mb-6 rounded-xl bg-red-50 border border-red-200 text-red-700 px-4 py-3 text-sm">
                <ul class="list-disc pr-5 space-y-1">
                    @foreach($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

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