<?php if (isset($component)) { $__componentOriginal9ac128a9029c0e4701924bd2d73d7f54 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54 = $attributes; } ?>
<?php $component = App\View\Components\AppLayout::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('app-layout'); ?>
<?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\AppLayout::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
     <?php $__env->slot('header', null, []); ?> 
        <style>
            /* No custom fonts - using system fonts */
            .dash-header-title {
                font-weight: 700;
                font-size: 1.5rem;
                letter-spacing: -0.01em;
                color: #000000;
            }
        </style>
        <h2 class="dash-header-title">Kategori</h2>
     <?php $__env->endSlot(); ?>

    <style>
        /* Reset and base styles - no custom fonts */
        .cat-wrap { 
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; 
        }

        .cat-inner {
            max-width: 860px;
            margin: 0 auto;
            padding: 40px 24px;
        }

        /* ── TOP BAR ── */
        .cat-topbar {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            margin-bottom: 32px;
        }

        .cat-topbar-left {}

        .cat-eyebrow {
            font-size: 0.65rem;
            font-weight: 700;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: #999;
            margin-bottom: 4px;
        }

        .cat-title {
            font-size: 1.5rem;
            font-weight: 700;
            color: #000000;
            letter-spacing: -0.01em;
        }

        .cat-add-btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: #000000;
            color: #fff;
            font-family: inherit;
            font-size: 0.7rem;
            font-weight: 700;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            text-decoration: none;
            padding: 10px 22px;
            border-radius: 30px;
            transition: background 0.2s;
            white-space: nowrap;
        }

        .cat-add-btn:hover { background: #333; }

        .cat-add-btn-plus {
            font-size: 1.1rem;
            font-weight: 400;
            line-height: 1;
        }

        /* ── TABLE WRAP ── */
        .cat-table-wrap {
            background: #fff;
            border: 1px solid #ebebeb;
            border-radius: 12px;
            overflow: hidden;
        }

        .cat-table {
            width: 100%;
            border-collapse: collapse;
        }

        .cat-table thead th {
            padding: 14px 28px;
            font-size: 0.65rem;
            font-weight: 700;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            color: #000000;
            background: #fafafa;
            border-bottom: 1px solid #f0f0f0;
            text-align: left;
        }

        .cat-table thead th.right { text-align: right; }

        .cat-table tbody tr {
            border-bottom: 1px solid #f5f5f5;
            transition: background 0.15s;
        }

        .cat-table tbody tr:last-child { border-bottom: none; }
        .cat-table tbody tr:hover { background: #fafafa; }

        .cat-table td {
            padding: 18px 28px;
        }

        /* ── NO URUT (NOMOR) ── */
        .cat-no {
            font-size: 0.95rem;
            font-weight: 700;
            color: #000000;
        }

        /* ── CATEGORY NAME ── */
        .cat-name {
            font-size: 0.95rem;
            font-weight: 700;
            color: #000000;
        }

        .cat-index {
            font-size: 0.75rem;
            color: #ccc;
            font-weight: 500;
            margin-right: 14px;
            font-variant-numeric: tabular-nums;
        }

        /* ── ACTIONS ── */
        .cat-actions {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 12px;
        }

        .cat-edit-link {
            display: inline-block;
            font-size: 0.7rem;
            font-weight: 700;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            color: #ffffff;
            text-decoration: none;
            padding: 8px 20px;
            border-radius: 30px;
            background: #000000;
            transition: all 0.2s;
            text-align: center;
        }

        .cat-edit-link:hover { 
            background: #000000;
            color: #ffffff;
        }

        .cat-delete-btn {
            font-size: 0.7rem;
            font-weight: 700;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            color: #ffffff;
            background: #dc2626;
            border: none;
            cursor: pointer;
            padding: 8px 20px;
            border-radius: 30px;
            font-family: inherit;
            transition: all 0.2s;
            text-align: center;
        }

        .cat-delete-btn:hover { 
            background: #b91c1c;
        }

        /* ── EMPTY STATE ── */
        .cat-empty {
            padding: 72px 28px;
            text-align: center;
        }

        .cat-empty-title {
            font-size: 1.1rem;
            font-weight: 700;
            color: #000000;
            margin-bottom: 8px;
        }

        .cat-empty-desc {
            font-size: 0.8rem;
            font-weight: 500;
            color: #666;
            letter-spacing: 0.02em;
            margin-bottom: 24px;
        }

        .cat-empty-btn {
            display: inline-block;
            background: #000000;
            color: #fff;
            font-family: inherit;
            font-size: 0.7rem;
            font-weight: 700;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            text-decoration: none;
            padding: 10px 24px;
            border-radius: 30px;
            transition: background 0.2s;
        }

        .cat-empty-btn:hover { background: #333; }

        /* ── PAGINATION ── */
        .cat-pagination {
            margin-top: 20px;
        }
    </style>

    <div class="cat-wrap">
        <div class="cat-inner">

            
            <div class="cat-topbar">
                <div class="cat-topbar-left">
                    <div class="cat-title">Daftar Kategori</div>
                </div>
                <a href="<?php echo e(route('admin.categories.create')); ?>" class="cat-add-btn">
                    <span class="cat-add-btn-plus">+</span> Tambah Kategori
                </a>
            </div>

            
            <div class="cat-table-wrap">
                <table class="cat-table">
                    <thead>
                        <tr>
                            <th style="width: 80px;">No</th>
                            <th>Nama Kategori</th>
                            <th class="right">Aksi</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php $__empty_1 = true; $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $i => $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                        <tr>
                            <td>
                                <span class="cat-no"><?php echo e($loop->iteration + ($categories->currentPage() - 1) * $categories->perPage()); ?></span>
                            </td>
                            <td>
                                <span class="cat-name"><?php echo e($category->name); ?></span>
                            </td>
                            <td>
                                <div class="cat-actions">
                                    <a href="<?php echo e(route('admin.categories.edit', $category->id)); ?>" class="cat-edit-link">Edit</a>

                                    <form action="<?php echo e(route('admin.categories.destroy', $category->id)); ?>"
                                          method="POST"
                                          class="inline"
                                          onsubmit="return confirm('Hapus kategori \'<?php echo e($category->name); ?>\'?')">
                                        <?php echo csrf_field(); ?>
                                        <?php echo method_field('DELETE'); ?>
                                        <button type="submit" class="cat-delete-btn">Hapus</button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                        <tr>
                            <td colspan="3">
                                <div class="cat-empty">
                                    <div class="cat-empty-title">Belum ada kategori</div>
                                    <div class="cat-empty-desc">Mulai dengan menambahkan kategori pertama Anda</div>
                                    <a href="<?php echo e(route('admin.categories.create')); ?>" class="cat-empty-btn">+ Tambah Kategori</a>
                                </div>
                            </td>
                        </tr>
                        <?php endif; ?>
                    </tbody>
                </table>
            </div>

            
            <?php if($categories->hasPages()): ?>
            <div class="cat-pagination">
                <?php echo e($categories->links()); ?>

            </div>
            <?php endif; ?>

        </div>
    </div>
 <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54)): ?>
<?php $attributes = $__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54; ?>
<?php unset($__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal9ac128a9029c0e4701924bd2d73d7f54)): ?>
<?php $component = $__componentOriginal9ac128a9029c0e4701924bd2d73d7f54; ?>
<?php unset($__componentOriginal9ac128a9029c0e4701924bd2d73d7f54); ?>
<?php endif; ?><?php /**PATH C:\laragon\www\ecommerce_app\resources\views/admin/categories/index.blade.php ENDPATH**/ ?>