<!DOCTYPE html>
<html lang="id" class="h-full">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title><?php echo e($title ?? 'Dashboard'); ?> — <?php echo e(config('app.name')); ?></title>
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap" rel="stylesheet" />

    <?php echo app('Illuminate\Foundation\Vite')(['resources/css/app.css', 'resources/js/app.js']); ?>
    <?php echo \Livewire\Mechanisms\FrontendAssets\FrontendAssets::styles(); ?>

</head>
<body class="h-full bg-slate-50 antialiased" x-data="{ sidebarOpen: false }">


<div x-show="sidebarOpen" x-cloak @click="sidebarOpen = false"
    class="fixed inset-0 z-30 bg-black/40 lg:hidden"
    x-transition.opacity></div>

<div class="flex h-full">

<aside
    class="fixed inset-y-0 left-0 z-40 flex flex-col bg-white border-r border-slate-200 w-64 transition-transform duration-200 lg:relative lg:translate-x-0"
    :class="sidebarOpen ? 'translate-x-0' : '-translate-x-full'"
>

    
    <button @click="sidebarOpen = false" class="lg:hidden absolute top-4 right-4 text-slate-400 hover:text-slate-600">
        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
        </svg>
    </button>

    <div class="flex items-center gap-3 px-4 py-5 border-b border-slate-100">
        <div class="w-9 h-9 bg-orange-500 rounded-xl flex items-center justify-center shrink-0">
            <span class="text-white font-bold text-sm tracking-tight">TB</span>
        </div>
        <div class="min-w-0">
            <p class="text-sm font-bold text-slate-800 truncate">Titipin Ba Be</p>
            <p class="text-xs text-slate-400 truncate">Panel Admin</p>
        </div>
    </div>

    
    <nav class="flex-1 overflow-y-auto sidebar-scroll px-3 py-4 space-y-0.5">

        
        <?php if (isset($component)) { $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $attributes; } ?>
<?php $component = App\View\Components\Admin\NavItem::resolve(['route' => 'admin.dashboard','icon' => 'home','label' => 'Dashboard'] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('admin.nav-item'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\App\View\Components\Admin\NavItem::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $attributes = $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $component = $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>

        
        <p class="px-3 pt-5 pb-1 text-[10px] font-semibold text-slate-400 uppercase tracking-widest">Operasional</p>

        <?php if (app(\Illuminate\Contracts\Auth\Access\Gate::class)->any(['order.view'])): ?>
        <?php if (isset($component)) { $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $attributes; } ?>
<?php $component = App\View\Components\Admin\NavItem::resolve(['route' => 'admin.pesanan','icon' => 'shopping-bag','label' => 'Pesanan'] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('admin.nav-item'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\App\View\Components\Admin\NavItem::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $attributes = $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $component = $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>
        <?php endif; ?>

        <?php if (app(\Illuminate\Contracts\Auth\Access\Gate::class)->any(['payment.verify'])): ?>
        <?php if (isset($component)) { $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $attributes; } ?>
<?php $component = App\View\Components\Admin\NavItem::resolve(['route' => 'admin.pembayaran','icon' => 'banknotes','label' => 'Pembayaran'] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('admin.nav-item'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\App\View\Components\Admin\NavItem::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $attributes = $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $component = $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>
        <?php endif; ?>

        
        <p class="px-3 pt-5 pb-1 text-[10px] font-semibold text-slate-400 uppercase tracking-widest">Katalog</p>

        <?php if (app(\Illuminate\Contracts\Auth\Access\Gate::class)->any(['product.view'])): ?>
        <?php if (isset($component)) { $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $attributes; } ?>
<?php $component = App\View\Components\Admin\NavItem::resolve(['route' => 'admin.produk','icon' => 'cube','label' => 'Produk'] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('admin.nav-item'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\App\View\Components\Admin\NavItem::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $attributes = $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $component = $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>
        <?php endif; ?>

        <?php if (app(\Illuminate\Contracts\Auth\Access\Gate::class)->any(['category.view'])): ?>
        <?php if (isset($component)) { $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $attributes; } ?>
<?php $component = App\View\Components\Admin\NavItem::resolve(['route' => 'admin.kategori','icon' => 'tag','label' => 'Kategori'] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('admin.nav-item'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\App\View\Components\Admin\NavItem::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $attributes = $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $component = $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>
        <?php endif; ?>

        <?php if (app(\Illuminate\Contracts\Auth\Access\Gate::class)->any(['partner.view'])): ?>
        <?php if (isset($component)) { $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $attributes; } ?>
<?php $component = App\View\Components\Admin\NavItem::resolve(['route' => 'admin.mitra','icon' => 'building-storefront','label' => 'Mitra'] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('admin.nav-item'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\App\View\Components\Admin\NavItem::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $attributes = $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $component = $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>
        <?php endif; ?>

        <?php if (app(\Illuminate\Contracts\Auth\Access\Gate::class)->any(['banner.view'])): ?>
        <?php if (isset($component)) { $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $attributes; } ?>
<?php $component = App\View\Components\Admin\NavItem::resolve(['route' => 'admin.banner','icon' => 'photo','label' => 'Banner'] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('admin.nav-item'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\App\View\Components\Admin\NavItem::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $attributes = $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $component = $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>
        <?php endif; ?>

        
        <p class="px-3 pt-5 pb-1 text-[10px] font-semibold text-slate-400 uppercase tracking-widest">Toko</p>

        <?php if (app(\Illuminate\Contracts\Auth\Access\Gate::class)->any(['customer.view'])): ?>
        <?php if (isset($component)) { $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $attributes; } ?>
<?php $component = App\View\Components\Admin\NavItem::resolve(['route' => 'admin.customer','icon' => 'users','label' => 'Customer'] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('admin.nav-item'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\App\View\Components\Admin\NavItem::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $attributes = $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $component = $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>
        <?php endif; ?>

        <?php if (app(\Illuminate\Contracts\Auth\Access\Gate::class)->any(['voucher.view'])): ?>
        <?php if (isset($component)) { $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $attributes; } ?>
<?php $component = App\View\Components\Admin\NavItem::resolve(['route' => 'admin.voucher','icon' => 'ticket','label' => 'Voucher'] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('admin.nav-item'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\App\View\Components\Admin\NavItem::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $attributes = $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $component = $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>
        <?php endif; ?>

        <?php if (app(\Illuminate\Contracts\Auth\Access\Gate::class)->any(['delivery.view'])): ?>
        <?php if (isset($component)) { $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $attributes; } ?>
<?php $component = App\View\Components\Admin\NavItem::resolve(['route' => 'admin.ongkir','icon' => 'map-pin','label' => 'Area Ongkir'] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('admin.nav-item'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\App\View\Components\Admin\NavItem::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $attributes = $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $component = $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>
        <?php endif; ?>

        <?php if (app(\Illuminate\Contracts\Auth\Access\Gate::class)->any(['report.view'])): ?>
        <?php if (isset($component)) { $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $attributes; } ?>
<?php $component = App\View\Components\Admin\NavItem::resolve(['route' => 'admin.laporan','icon' => 'chart-bar','label' => 'Laporan'] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('admin.nav-item'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\App\View\Components\Admin\NavItem::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $attributes = $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $component = $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>
        <?php endif; ?>

        
        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if (\Illuminate\Support\Facades\Blade::check('role', 'super_admin')): ?>
        <p class="px-3 pt-5 pb-1 text-[10px] font-semibold text-slate-400 uppercase tracking-widest">Sistem</p>

        <?php if (isset($component)) { $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $attributes; } ?>
<?php $component = App\View\Components\Admin\NavItem::resolve(['route' => 'admin.roles','icon' => 'shield-check','label' => 'Role & Akses'] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('admin.nav-item'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\App\View\Components\Admin\NavItem::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $attributes = $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $component = $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>

        <?php if (isset($component)) { $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $attributes; } ?>
<?php $component = App\View\Components\Admin\NavItem::resolve(['route' => 'admin.manajemen-admin','icon' => 'user-cog','label' => 'Manajemen Admin'] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('admin.nav-item'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\App\View\Components\Admin\NavItem::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $attributes = $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $component = $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>

        <?php if (isset($component)) { $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $attributes; } ?>
<?php $component = App\View\Components\Admin\NavItem::resolve(['route' => 'admin.pengaturan','icon' => 'cog-6-tooth','label' => 'Pengaturan'] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('admin.nav-item'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\App\View\Components\Admin\NavItem::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $attributes = $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $component = $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>

        <?php if (isset($component)) { $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $attributes; } ?>
<?php $component = App\View\Components\Admin\NavItem::resolve(['route' => 'admin.aktivitas','icon' => 'clock','label' => 'Aktivitas'] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('admin.nav-item'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\App\View\Components\Admin\NavItem::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $attributes = $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $component = $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>

        <?php if (isset($component)) { $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138 = $attributes; } ?>
<?php $component = App\View\Components\Admin\NavItem::resolve(['route' => 'admin.maintenance','icon' => 'server','label' => 'Maintenance'] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('admin.nav-item'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\App\View\Components\Admin\NavItem::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $attributes = $__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__attributesOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138)): ?>
<?php $component = $__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138; ?>
<?php unset($__componentOriginal23dfad55f1b070d6f9a5bc53ca30a138); ?>
<?php endif; ?>
        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

    </nav>

    
    <div class="border-t border-slate-100 p-3" x-data="{ open: false }">
        <button @click="open = !open" class="w-full flex items-center gap-3 px-2 py-2 rounded-lg hover:bg-slate-50 transition-colors text-left group">
            
            <div class="w-8 h-8 rounded-full bg-orange-100 flex items-center justify-center shrink-0">
                <span class="text-orange-700 font-bold text-sm">
                    <?php echo e(strtoupper(substr(auth()->user()->name, 0, 1))); ?>

                </span>
            </div>
            <div class="flex-1 min-w-0">
                <p class="text-sm font-medium text-slate-700 truncate"><?php echo e(auth()->user()->name); ?></p>
                <p class="text-xs text-slate-400 truncate">
                    <?php echo e(auth()->user()->getRoleNames()->first() === 'super_admin' ? 'Super Admin' : 'Admin'); ?>

                </p>
            </div>
            <svg class="w-4 h-4 text-slate-400 shrink-0 transition-transform" :class="open ? 'rotate-180' : ''" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9"/>
            </svg>
        </button>

        <div x-show="open" x-cloak @click.outside="open = false" x-transition
            class="mt-1 bg-white rounded-lg border border-slate-200 shadow-lg overflow-hidden">
            <a href="<?php echo e(route('admin.profile')); ?>" class="flex items-center gap-2 px-3 py-2 text-sm text-slate-700 hover:bg-slate-50">
                <svg class="w-4 h-4 text-slate-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
                </svg>
                Profil Saya
            </a>
            <div class="border-t border-slate-100"></div>
            <button type="button"
                x-on:click="document.getElementById('logout-form').submit()"
                class="w-full flex items-center gap-2 px-3 py-2 text-sm text-red-600 hover:bg-red-50 text-left">
                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"/>
                </svg>
                Keluar
            </button>
        </div>
    </div>

</aside>


<div class="flex flex-col flex-1 min-h-screen min-w-0">

    
    <header class="sticky top-0 z-20 bg-white border-b border-slate-200">
        <div class="flex items-center justify-between h-14 px-4 lg:px-6">

            
            <div class="flex items-center gap-3">
                <button @click="sidebarOpen = true" class="lg:hidden text-slate-500 hover:text-slate-700">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"/>
                    </svg>
                </button>
                <div class="hidden sm:flex items-center gap-2 text-sm text-slate-500">
                    <span class="font-medium text-slate-800">
                        <?php echo e($title ?? 'Dashboard'); ?>

                    </span>
                </div>
            </div>

            
            <div class="flex items-center gap-2">

                
                <span class="hidden md:block text-xs text-slate-400">
                    <?php echo e(now()->translatedFormat('l, d F Y')); ?>

                </span>

                
                <div x-data="{ open: false }" class="relative">
                    <button @click="open = !open" class="flex items-center gap-2 pl-2 pr-3 py-1.5 rounded-full hover:bg-slate-100 transition-colors">
                        <div class="w-7 h-7 rounded-full bg-orange-100 flex items-center justify-center">
                            <span class="text-orange-700 font-bold text-xs">
                                <?php echo e(strtoupper(substr(auth()->user()->name, 0, 1))); ?>

                            </span>
                        </div>
                        <span class="hidden sm:block text-sm font-medium text-slate-700">
                            <?php echo e(auth()->user()->name); ?>

                        </span>
                        <svg class="w-3.5 h-3.5 text-slate-400 transition-transform" :class="open ? 'rotate-180' : ''" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
                        </svg>
                    </button>

                    <div x-show="open" x-cloak @click.outside="open = false" x-transition
                        class="absolute right-0 mt-2 w-52 bg-white rounded-lg border border-slate-200 shadow-lg overflow-hidden z-30">
                        <div class="px-3 py-2 border-b border-slate-100">
                            <p class="text-xs font-semibold text-slate-700"><?php echo e(auth()->user()->name); ?></p>
                            <p class="text-xs text-slate-400"><?php echo e(auth()->user()->email ?? auth()->user()->phone); ?></p>
                        </div>
                        <a href="<?php echo e(route('admin.profile')); ?>" class="flex items-center gap-2 px-3 py-2 text-sm text-slate-700 hover:bg-slate-50">
                            <svg class="w-4 h-4 text-slate-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
                            </svg>
                            Profil Saya
                        </a>
                        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if (\Illuminate\Support\Facades\Blade::check('role', 'super_admin')): ?>
                        <a href="<?php echo e(route('admin.roles')); ?>" class="flex items-center gap-2 px-3 py-2 text-sm text-slate-700 hover:bg-slate-50">
                            <svg class="w-4 h-4 text-slate-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z"/>
                            </svg>
                            Role & Akses
                        </a>
                        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                        <div class="border-t border-slate-100"></div>
                        <button type="button"
                            x-on:click="document.getElementById('logout-form').submit()"
                            class="w-full flex items-center gap-2 px-3 py-2 text-sm text-red-600 hover:bg-red-50 text-left">
                            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"/>
                            </svg>
                            Keluar
                        </button>
                    </div>
                </div>

            </div>
        </div>
    </header>

    
    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(session('success')): ?>
        <div
            x-data="{ show: true }"
            x-show="show"
            x-init="setTimeout(() => show = false, 4000)"
            x-transition:leave="transition ease-in duration-300"
            x-transition:leave-start="opacity-100"
            x-transition:leave-end="opacity-0"
            class="mx-4 lg:mx-6 mt-4"
        >
            <div class="flex items-center gap-2 px-4 py-3 bg-green-50 border border-green-200 text-green-700 rounded-lg text-sm">
                <svg class="w-4 h-4 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
                </svg>
                <span><?php echo e(session('success')); ?></span>
                <button x-on:click="show = false" class="ml-auto text-green-500 hover:text-green-700">
                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
                    </svg>
                </button>
            </div>
        </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
            x-data="{ show: true }"
            x-show="show"
            x-init="setTimeout(() => show = false, 5000)"
            class="mx-4 lg:mx-6 mt-4"
        >
            <div class="flex items-center gap-2 px-4 py-3 bg-red-50 border border-red-200 text-red-700 rounded-lg text-sm">
                <svg class="w-4 h-4 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"/>
                </svg>
                <span><?php echo e(session('error')); ?></span>
                <button x-on:click="show = false" class="ml-auto text-red-500 hover:text-red-700">
                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
                    </svg>
                </button>
            </div>
        </div>
    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

    
    <main class="flex-1 p-4 lg:p-6">
        <?php echo e($slot); ?>

    </main>

    
    <footer class="px-6 py-3 border-t border-slate-100 bg-white">
        <p class="text-xs text-slate-400 text-center">
            <?php echo e(config('app.name')); ?> · Desa Budiharja · <?php echo e(date('Y')); ?>

        </p>
    </footer>

</div>

</div>


<form id="logout-form" method="POST" action="<?php echo e(route('admin.logout')); ?>" class="hidden">
    <?php echo csrf_field(); ?>
</form>

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



</body>
</html>
<?php /**PATH C:\laragon\www\titipin-babe\resources\views/layouts/admin.blade.php ENDPATH**/ ?>