<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo e($title ?? 'Admin Dashboard'); ?> | Dr. Padhi Foundation</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
    <style>
        :root {
            --sidebar-width: 248px;
            --bg-page: #f9fafb;
            --bg-sidebar: #ffffff;
            --bg-surface: #ffffff;
            --primary: #99BC85;
            --primary-hover: #86a972;
            --border: #e5e7eb;
            --text-main: #111827;
            --text-muted: #6b7280;
            --nav-hover: #f3f4f6;
        }

        * {
            box-sizing: border-box;
        }

        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
            background-color: var(--bg-page);
            color: var(--text-main);
            margin: 0;
            min-height: 100vh;
        }

        /* Sidebar Styling */
        aside {
            width: var(--sidebar-width);
            height: 100vh;
            background: var(--bg-sidebar);
            border-right: 1px solid var(--border);
            position: fixed;
            left: 0;
            top: 0;
            display: flex;
            flex-direction: column;
            z-index: 50;
        }

        main {
            margin-left: var(--sidebar-width);
            min-height: 100vh;
            padding: 40px;
        }

        .max-content {
            max-width: 1100px;
            margin: 0 auto;
        }

        /* Scrollable nav area */
        aside nav {
            scrollbar-width: thin;
            scrollbar-color: #e5e7eb transparent;
        }

        aside nav::-webkit-scrollbar {
            width: 4px;
        }

        aside nav::-webkit-scrollbar-track {
            background: transparent;
        }

        aside nav::-webkit-scrollbar-thumb {
            background-color: #e5e7eb;
            border-radius: 4px;
        }

        .nav-icon {
            width: 15px;
            height: 15px;
            flex-shrink: 0;
            margin-right: 8px;
            opacity: 0.7;
        }

        .nav-chevron {
            width: 13px;
            height: 13px;
            flex-shrink: 0;
            transition: transform 0.2s;
        }

        .nav-link {
            display: flex;
            align-items: center;
            padding: 7px 12px;
            margin: 1px 8px;
            font-size: 13px;
            font-weight: 500;
            color: var(--text-muted);
            border-radius: 6px;
            transition: background-color 0.15s, color 0.15s;
            text-decoration: none;
        }

        .nav-link:hover {
            background-color: var(--nav-hover);
            color: var(--text-main);
        }

        .nav-link.active {
            background-color: #f0f7ec;
            color: var(--primary);
            font-weight: 600;
        }

        .nav-link.active .nav-icon {
            opacity: 1;
        }

        /* Sub-items (inside dropdowns) */
        .nav-sub {
            padding-left: 36px;
            font-size: 12.5px;
        }

        /* Group button (dropdown trigger) */
        .nav-group-btn {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: calc(100% - 16px);
            padding: 7px 12px;
            margin: 3px 8px 1px;
            font-size: 12px;
            font-weight: 600;
            color: var(--text-muted);
            background: none;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            text-align: left;
            transition: background-color 0.15s, color 0.15s;
            letter-spacing: 0.01em;
        }

        .nav-group-btn:hover {
            background-color: var(--nav-hover);
            color: var(--text-main);
        }

        /* UI Components */
        .card {
            background: white;
            border: 1px solid var(--border);
            border-radius: 8px;
            overflow: hidden;
            /* padding is added per-card via Tailwind (e.g. p-6) when needed */
        }

        .input-field {
            border: 1px solid var(--border);
            border-radius: 6px;
            padding: 8px 12px;
            font-size: 14px;
            background-color: #ffffff;
        }

        .input-field:focus {
            outline: none;
            border-color: var(--primary);
            box-shadow: 0 0 0 3px rgba(153, 188, 133, 0.1);
        }

        .btn-primary {
            background-color: var(--primary);
            color: white;
            border-radius: 6px;
            font-weight: 500;
            font-size: 13px;
            padding: 8px 16px;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: background-color 0.2s;
        }

        .btn-primary:hover {
            background-color: var(--primary-hover);
        }

        .btn-secondary {
            background-color: white;
            color: var(--text-main);
            border: 1px solid var(--border);
            border-radius: 6px;
            font-weight: 500;
            font-size: 13px;
            padding: 8px 16px;
            transition: background-color 0.2s;
        }

        .btn-secondary:hover {
            background-color: var(--nav-hover);
        }

        .label {
            display: block;
            font-size: 11px;
            font-weight: 700;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin-bottom: 8px;
        }

        /* Tables */
        table {
            width: 100%;
            border-collapse: collapse;
            font-size: 13px;
        }

        th {
            text-align: left;
            padding: 12px 24px;
            border-bottom: 1px solid var(--border);
            color: var(--text-muted);
            font-weight: 600;
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            background-color: #fafafa;
        }

        td {
            padding: 14px 24px;
            border-bottom: 1px solid var(--border);
        }

        tr:last-child td {
            border-bottom: none;
        }

        tr:hover td {
            background-color: #fafafa;
        }

        /* Status Badges */
        .status-badge {
            display: inline-flex;
            align-items: center;
            padding: 2px 8px;
            border-radius: 4px;
            font-size: 11px;
            font-weight: 600;
            border: 1px solid transparent;
        }
        .status-badge.success { background: #ecfdf5; color: #065f46; border-color: #10b98133; }
        .status-badge.pending { background: #f3f4f6; color: #374151; border-color: #e5e7eb; }

        /* Quill Adjustments */
        .ql-toolbar.ql-snow {
            border-color: var(--border) !important;
            border-radius: 6px 6px 0 0;
            background: #f9fafb;
        }
        .ql-container.ql-snow {
            border-color: var(--border) !important;
            border-radius: 0 0 6px 6px;
            min-height: 300px;
            font-family: 'Inter', sans-serif !important;
            font-size: 14px !important;
        }
    </style>
    <?php echo \Livewire\Mechanisms\FrontendAssets\FrontendAssets::styles(); ?>

</head>
<body>
    <?php if (isset($component)) { $__componentOriginalbebe114f3ccde4b38d7462a3136be045 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginalbebe114f3ccde4b38d7462a3136be045 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.admin.sidebar','data' => []] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('admin.sidebar'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(Illuminate\View\AnonymousComponent::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::processComponentKey($component); ?>

<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginalbebe114f3ccde4b38d7462a3136be045)): ?>
<?php $attributes = $__attributesOriginalbebe114f3ccde4b38d7462a3136be045; ?>
<?php unset($__attributesOriginalbebe114f3ccde4b38d7462a3136be045); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalbebe114f3ccde4b38d7462a3136be045)): ?>
<?php $component = $__componentOriginalbebe114f3ccde4b38d7462a3136be045; ?>
<?php unset($__componentOriginalbebe114f3ccde4b38d7462a3136be045); ?>
<?php endif; ?>

    <main class="overflow-x-hidden">
        <?php echo e($slot); ?>

    </main>

    <?php echo \Livewire\Mechanisms\FrontendAssets\FrontendAssets::scripts(); ?>

    <script>
        function toggleImageType(type) {
            const urlInput = document.getElementById('image-url-input');
            const fileInput = document.getElementById('image-file-input');
            const btnUrl = document.getElementById('btn-type-url');
            const btnFile = document.getElementById('btn-type-file');

            if (!urlInput || !fileInput) return;

            if (type === 'url') {
                urlInput.classList.remove('hidden');
                fileInput.classList.add('hidden');
                btnUrl.classList.add('bg-white', 'shadow-sm');
                btnUrl.classList.remove('text-gray-500');
                btnFile.classList.remove('bg-white', 'shadow-sm');
                btnFile.classList.add('text-gray-500');
            } else {
                urlInput.classList.add('hidden');
                fileInput.classList.remove('hidden');
                btnFile.classList.add('bg-white', 'shadow-sm');
                btnFile.classList.remove('text-gray-500');
                btnUrl.classList.remove('bg-white', 'shadow-sm');
                btnUrl.classList.add('text-gray-500');
            }
        }
    </script>
</body>
</html>
<?php /**PATH D:\02-my freelance\00-DR_Padhi\DR_PADHI\resources\views/layouts/auth.blade.php ENDPATH**/ ?>