<!DOCTYPE html>
<html lang="en" class="dark">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo $__env->yieldContent('title', 'Admin Panel'); ?> - <?php echo e(config('app.name')); ?></title>
    <?php echo app('Illuminate\Foundation\Vite')(['resources/css/app.css', 'resources/js/app.js']); ?>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
    <style>
        * { font-family: 'Inter', sans-serif; margin: 0; padding: 0; box-sizing: border-box; }
        body { background: #0f0f1a; color: #e0e0e0; display: flex; min-height: 100vh; }
        .sidebar { width: 260px; background: #1a1a2e; border-right: 1px solid #2a2a3e; padding: 20px; display: flex; flex-direction: column; position: fixed; top: 0; left: 0; height: 100vh; z-index: 100; overflow-y: auto; }
        .sidebar-logo { color: #f0c040; font-size: 1.5rem; font-weight: 800; margin-bottom: 30px; text-decoration: none; display: flex; align-items: center; gap: 10px; }
        .sidebar-logo span { color: #fff; }
        .sidebar-nav { display: flex; flex-direction: column; gap: 4px; }
        .sidebar-nav a { color: #9a9ab0; text-decoration: none; padding: 10px 14px; border-radius: 8px; font-size: 0.9rem; font-weight: 500; transition: all 0.2s; display: flex; align-items: center; gap: 10px; }
        .sidebar-nav a:hover, .sidebar-nav a.active { background: #2a2a4e; color: #f0c040; }
        .sidebar-nav a .icon { width: 20px; text-align: center; }
        .sidebar-section { color: #5a5a7a; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 1px; padding: 15px 14px 5px; font-weight: 600; }
        .main-content { margin-left: 260px; flex: 1; padding: 20px 30px; }
        .top-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #2a2a3e; }
        .top-bar h1 { font-size: 1.5rem; font-weight: 700; color: #fff; }
        .top-bar .user-info { display: flex; align-items: center; gap: 15px; font-size: 0.9rem; color: #9a9ab0; }
        .top-bar .user-info a { color: #f0c040; text-decoration: none; }
        .card { background: #1a1a2e; border: 1px solid #2a2a3e; border-radius: 12px; padding: 20px; }
        .card-header { font-size: 1.1rem; font-weight: 600; color: #fff; margin-bottom: 15px; }
        .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-bottom: 25px; }
        .stat-card { background: #1a1a2e; border: 1px solid #2a2a3e; border-radius: 12px; padding: 20px; }
        .stat-card .stat-value { font-size: 2rem; font-weight: 800; color: #f0c040; }
        .stat-card .stat-label { color: #9a9ab0; font-size: 0.85rem; margin-top: 5px; }
        table { width: 100%; border-collapse: collapse; }
        table th { text-align: left; padding: 12px 10px; color: #9a9ab0; font-weight: 600; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 1px solid #2a2a3e; }
        table td { padding: 12px 10px; border-bottom: 1px solid #2a2a3e; font-size: 0.9rem; }
        table tr:hover td { background: #1f1f35; }
        .btn { display: inline-block; padding: 8px 16px; border-radius: 8px; font-weight: 600; font-size: 0.85rem; text-decoration: none; border: none; cursor: pointer; transition: all 0.2s; }
        .btn-primary { background: #f0c040; color: #1a1a2e; }
        .btn-primary:hover { background: #d4a830; }
        .btn-danger { background: #e74c3c; color: #fff; }
        .btn-danger:hover { background: #c0392b; }
        .btn-sm { padding: 5px 12px; font-size: 0.8rem; }
        .btn-warning { background: #e67e22; color: #fff; }
        .alert { padding: 12px 16px; border-radius: 8px; margin-bottom: 20px; font-size: 0.9rem; }
        .alert-success { background: #1a3a2e; border: 1px solid #2a5a3e; color: #6fcf97; }
        .alert-error { background: #3a1a1a; border: 1px solid #5a2a2a; color: #e74c3c; }
        .form-group { margin-bottom: 15px; }
        .form-group label { display: block; color: #9a9ab0; font-size: 0.85rem; font-weight: 500; margin-bottom: 5px; }
        .form-control { width: 100%; padding: 10px 14px; background: #0f0f1a; border: 1px solid #2a2a3e; border-radius: 8px; color: #e0e0e0; font-size: 0.9rem; transition: border 0.2s; }
        .form-control:focus { outline: none; border-color: #f0c040; }
        textarea.form-control { min-height: 120px; resize: vertical; }
        select.form-control { cursor: pointer; }
        .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
        .badge { display: inline-block; padding: 3px 10px; border-radius: 20px; font-size: 0.75rem; font-weight: 600; }
        .badge-pending { background: #3a3020; color: #f0c040; }
        .badge-processing { background: #1a2a4a; color: #5a9af0; }
        .badge-completed { background: #1a3a2e; color: #6fcf97; }
        .badge-declined, .badge-cancelled { background: #3a1a1a; color: #e74c3c; }
        .pagination { margin-top: 20px; display: flex; gap: 5px; }
        .pagination a, .pagination span { padding: 6px 12px; border-radius: 6px; background: #1a1a2e; border: 1px solid #2a2a3e; color: #9a9ab0; text-decoration: none; font-size: 0.85rem; }
        .pagination .active { background: #f0c040; color: #1a1a2e; border-color: #f0c040; }
        .action-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
        .action-bar a { color: #fff; }
        .inline-flex { display: inline-flex; gap: 5px; align-items: center; }
        .checkbox-label { display: flex; align-items: center; gap: 8px; color: #9a9ab0; font-size: 0.9rem; cursor: pointer; }
        .checkbox-label input[type="checkbox"] { width: 16px; height: 16px; accent-color: #f0c040; }
        .product-img { width: 50px; height: 50px; object-fit: cover; border-radius: 6px; }
        .mb-20 { margin-bottom: 20px; }
        .text-right { text-align: right; }
        .text-muted { color: #5a5a7a; font-size: 0.8rem; }
        .detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
        .detail-item label { color: #5a5a7a; font-size: 0.8rem; display: block; margin-bottom: 3px; }
        .detail-item .value { color: #e0e0e0; font-size: 1rem; }
        .flex-between { display: flex; justify-content: space-between; align-items: center; }
    </style>
</head>
<body>
    <aside class="sidebar">
        <a href="<?php echo e(route('admin.dashboard')); ?>" class="sidebar-logo">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#f0c040" stroke-width="2"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>
            <span>Auto</span>Diag
        </a>
        <nav class="sidebar-nav">
            <div class="sidebar-section">Main</div>
            <a href="<?php echo e(route('admin.dashboard')); ?>" class="<?php echo e(request()->routeIs('admin.dashboard') ? 'active' : ''); ?>">
                <span class="icon">&#9632;</span> Dashboard
            </a>
            <a href="<?php echo e(route('home')); ?>" target="_blank">
                <span class="icon">&#9750;</span> Visit Homepage
            </a>
            <div class="sidebar-section">Shop</div>
            <a href="<?php echo e(route('admin.categories.index')); ?>" class="<?php echo e(request()->routeIs('admin.categories.*') ? 'active' : ''); ?>">
                <span class="icon">&#9776;</span> Categories
            </a>
            <a href="<?php echo e(route('admin.products.index')); ?>" class="<?php echo e(request()->routeIs('admin.products.*') ? 'active' : ''); ?>">
                <span class="icon">&#9733;</span> Products
            </a>
            <a href="<?php echo e(route('admin.orders.index')); ?>" class="<?php echo e(request()->routeIs('admin.orders.*') ? 'active' : ''); ?>">
                <span class="icon">&#9774;</span> Orders
            </a>
            <a href="<?php echo e(route('admin.payment-methods.index')); ?>" class="<?php echo e(request()->routeIs('admin.payment-methods.*') ? 'active' : ''); ?>">
                <span class="icon">&#36;</span> Payments
            </a>
            <a href="<?php echo e(route('admin.payment-gateways.index')); ?>" class="<?php echo e(request()->routeIs('admin.payment-gateways.*') ? 'active' : ''); ?>">
                <span class="icon">&#9881;</span> Payment Plugins
            </a>
            <a href="<?php echo e(route('admin.payment-processes.index')); ?>" class="<?php echo e(request()->routeIs('admin.payment-processes.*') ? 'active' : ''); ?>">
                <span class="icon">&#9733;</span> Payment Process
            </a>
            <a href="<?php echo e(route('admin.how-it-works.index')); ?>" class="<?php echo e(request()->routeIs('admin.how-it-works.*') ? 'active' : ''); ?>">
                <span class="icon">&#9889;</span> How It Works
            </a>
            <a href="<?php echo e(route('admin.premium-features.index')); ?>" class="<?php echo e(request()->routeIs('admin.premium-features.*') ? 'active' : ''); ?>">
                <span class="icon">&#9733;</span> Premium Features
            </a>
            <a href="<?php echo e(route('admin.whatsapp-plugins.index')); ?>" class="<?php echo e(request()->routeIs('admin.whatsapp-plugins.*') ? 'active' : ''); ?>">
                <span class="icon">&#9742;</span> Chat Plugins
            </a>
            <a href="<?php echo e(route('admin.google-plugins.index')); ?>" class="<?php echo e(request()->routeIs('admin.google-plugins.*') ? 'active' : ''); ?>">
                <span class="icon">Google</span> Google Plugins
            </a>
            <a href="<?php echo e(route('admin.video-plugins.index')); ?>" class="<?php echo e(request()->routeIs('admin.video-plugins.*') ? 'active' : ''); ?>">
                <span class="icon">&#9654;</span> Video Plugins
            </a>
            <a href="<?php echo e(route('admin.themes.index')); ?>" class="<?php echo e(request()->routeIs('admin.themes.*') ? 'active' : ''); ?>">
                <span class="icon">&#9733;</span> Themes
            </a>
            <div class="sidebar-section">Content</div>
            <a href="<?php echo e(route('admin.pages.index')); ?>" class="<?php echo e(request()->routeIs('admin.pages.*') ? 'active' : ''); ?>">
                <span class="icon">&#9772;</span> Pages
            </a>
            <a href="<?php echo e(route('admin.sliders.index')); ?>" class="<?php echo e(request()->routeIs('admin.sliders.*') ? 'active' : ''); ?>">
                <span class="icon">&#9654;</span> Sliders
            </a>
            <a href="<?php echo e(route('admin.features.index')); ?>" class="<?php echo e(request()->routeIs('admin.features.*') ? 'active' : ''); ?>">
                <span class="icon">&#9733;</span> Features
            </a>
            <a href="<?php echo e(route('admin.flash-sales.index')); ?>" class="<?php echo e(request()->routeIs('admin.flash-sales.*') ? 'active' : ''); ?>">
                <span class="icon">&#9889;</span> Flash Sales
            </a>
            <a href="<?php echo e(route('admin.brands.index')); ?>" class="<?php echo e(request()->routeIs('admin.brands.*') ? 'active' : ''); ?>">
                <span class="icon">&#9642;</span> Brands We Offer
            </a>
            <a href="<?php echo e(route('admin.interfaces.index')); ?>" class="<?php echo e(request()->routeIs('admin.interfaces.*') ? 'active' : ''); ?>">
                <span class="icon">&#128279;</span> Interfaces
            </a>
            <a href="<?php echo e(route('admin.updates.index')); ?>" class="<?php echo e(request()->routeIs('admin.updates.*') ? 'active' : ''); ?>">
                <span class="icon">&#128259;</span> Updates
            </a>
            <a href="<?php echo e(route('admin.top-sellers.index')); ?>" class="<?php echo e(request()->routeIs('admin.top-sellers.*') ? 'active' : ''); ?>">
                <span class="icon">&#9733;</span> Top Sellers
            </a>
            <a href="<?php echo e(route('admin.articles.index')); ?>" class="<?php echo e(request()->routeIs('admin.articles.*') ? 'active' : ''); ?>">
                <span class="icon">&#128214;</span> Articles
            </a>
            <a href="<?php echo e(route('admin.faqs.index')); ?>" class="<?php echo e(request()->routeIs('admin.faqs.*') ? 'active' : ''); ?>">
                <span class="icon">&#10068;</span> FAQs
            </a>
            <a href="<?php echo e(route('admin.help-pages.index')); ?>" class="<?php echo e(request()->routeIs('admin.help-pages.*') ? 'active' : ''); ?>">
                <span class="icon">&#128214;</span> Help Pages
            </a>
            <a href="<?php echo e(route('admin.menus.index')); ?>" class="<?php echo e(request()->routeIs('admin.menus.*') ? 'active' : ''); ?>">
                <span class="icon">&#9776;</span> Menus
            </a>
            <a href="<?php echo e(route('admin.contacts.index')); ?>" class="<?php echo e(request()->routeIs('admin.contacts.*') ? 'active' : ''); ?>">
                <span class="icon">&#9993;</span> Contacts
            </a>
            <a href="<?php echo e(route('admin.subscribers.index')); ?>" class="<?php echo e(request()->routeIs('admin.subscribers.*') ? 'active' : ''); ?>">
                <span class="icon">&#9991;</span> Subscribers
            </a>
            <a href="<?php echo e(route('admin.seo-pages.index')); ?>" class="<?php echo e(request()->routeIs('admin.seo-pages.*') ? 'active' : ''); ?>">
                <span class="icon">&#9772;</span> SEO Pages
            </a>
            <a href="<?php echo e(route('admin.settings')); ?>" class="<?php echo e(request()->routeIs('admin.settings') ? 'active' : ''); ?>">
                <span class="icon">&#9881;</span> Settings
            </a>
            <a href="<?php echo e(route('admin.services.index')); ?>" class="<?php echo e(request()->routeIs('admin.services.*') ? 'active' : ''); ?>">
                <span class="icon">&#9881;</span> Services
            </a>
            <a href="<?php echo e(route('admin.testimonials.index')); ?>" class="<?php echo e(request()->routeIs('admin.testimonials.*') ? 'active' : ''); ?>">
                <span class="icon">&#9734;</span> Testimonials
            </a>
            <div class="sidebar-section">Management</div>
            <a href="<?php echo e(route('admin.modules.index')); ?>" class="<?php echo e(request()->routeIs('admin.modules.*') ? 'active' : ''); ?>">
                <span class="icon">&#9881;</span> Modules
            </a>
            <a href="<?php echo e(route('admin.users.index')); ?>" class="<?php echo e(request()->routeIs('admin.users.*') ? 'active' : ''); ?>">
                <span class="icon">&#9787;</span> Users
            </a>
            <a href="<?php echo e(route('admin.contacts.index')); ?>" class="<?php echo e(request()->routeIs('admin.contacts.*') ? 'active' : ''); ?>">
                <span class="icon">&#9993;</span> Contacts
            </a>
            <a href="<?php echo e(route('admin.seo-pages.index')); ?>" class="<?php echo e(request()->routeIs('admin.seo-pages.*') ? 'active' : ''); ?>">
                <span class="icon">&#9772;</span> SEO Pages
            </a>
            <a href="<?php echo e(route('admin.settings')); ?>" class="<?php echo e(request()->routeIs('admin.settings') ? 'active' : ''); ?>">
                <span class="icon">&#9881;</span> Settings
            </a>
        </nav>
    </aside>

    <main class="main-content">
        <div class="top-bar">
            <h1><?php echo $__env->yieldContent('title', 'Dashboard'); ?></h1>
            <div class="user-info">
                <span><?php echo e(auth()->user()->name); ?></span>
                <a href="<?php echo e(route('home')); ?>">View Site</a>
                <form method="POST" action="<?php echo e(route('logout')); ?>" style="display:inline">
                    <?php echo csrf_field(); ?>
                    <button type="submit" style="background:none;border:none;color:#e74c3c;cursor:pointer;font-size:0.9rem">Logout</button>
                </form>
            </div>
        </div>

        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(session('success')): ?>
            <div class="alert alert-success"><?php echo e(session('success')); ?></div>
        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(session('error')): ?>
            <div class="alert alert-error"><?php echo e(session('error')); ?></div>
        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

        <?php echo $__env->yieldContent('content'); ?>
    </main>
</body>
</html>
<?php /**PATH C:\diag\autodiag\resources\views/admin/layouts/app.blade.php ENDPATH**/ ?>