<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- توکن امنیتی لاراول برای درخواست‌های AJAX -->
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>پنل مدیریت CMS</title>
    
    <style>
        /* یک استایل موقت و ساده برای ساختار پنل */
        body { font-family: Tahoma, Arial, sans-serif; background: #f4f6f9; margin: 0; }
        .sidebar { width: 250px; background: #343a40; color: white; position: fixed; height: 100vh; padding: 20px; right: 0; }
        .sidebar a { color: #c2c7d0; text-decoration: none; display: block; margin-bottom: 15px; }
        .sidebar a:hover { color: white; }
        .content { margin-right: 290px; padding: 20px; }
        .card { background: white; padding: 20px; border-radius: 5px; box-shadow: 0 0 1px rgba(0,0,0,.125); }
    </style>
</head>
<body>

    <div class="sidebar">
        <h2>داشبورد CMS</h2>
        <hr style="border-color: #4f5962;">
        <a href="#">داشبورد</a>
        <a href="#">محصولات</a>
        <a href="#">تنظیمات</a>
    </div>

    <div class="content">
        @yield('content')
    </div>

    <!-- اضافه کردن jQuery -->
    <script src="{{ asset('assets/js/jquery.min.js') }}"></script>
    <script>
        // تنظیم سراسری توکن CSRF برای تمام درخواست‌های AJAX لاراول
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
    </script>
    
    <!-- برای اضافه کردن اسکریپت‌های اختصاصی هر صفحه -->
    @yield('scripts')
</body>
</html>
