<div class="ml-[280px] min-h-screen p-6">

    <!-- HEADER -->
    <div class="flex justify-between items-center mb-6">
        <h2 class="text-2xl font-semibold">Job Openings</h2>

        <div class="flex items-center gap-3">
            <!-- SEARCH -->
            <input type="text" wire:model.debounce.500ms="search" placeholder="Search careers..."
                class="w-64 px-4 py-2 border rounded-lg text-sm
                       focus:ring-1 focus:ring-black focus:outline-none" />

            <!-- ADD -->
            <a href="/console/job-openings/create"
               class="px-5 py-2 rounded-lg bg-black text-white text-sm hover:bg-gray-800">
                + Add Career
            </a>
        </div>
    </div>

    <!-- SUCCESS MESSAGE -->
    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(session()->has('success')): ?>
        <div
            class="mb-4 px-4 py-3 rounded-lg
                    bg-green-50 border border-green-200
                    text-green-700 text-sm font-medium">
            <?php echo e(session('success')); ?>

        </div>
    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

    <!-- TABLE -->
    <div class="bg-white border rounded-xl overflow-hidden">
        <table class="w-full text-sm">
            <thead class="bg-gray-50 border-b text-gray-600">
                <tr class="text-left">
                    <th class="px-4 py-3">Role</th>
                    <th class="px-4 py-3">Experience</th>
                    <th class="px-4 py-3">Location</th>
                    <th class="px-4 py-3">Status</th>
                    <th class="px-4 py-3 text-right">Action</th>
                </tr>
            </thead>

            <tbody>
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__empty_1 = true; $__currentLoopData = $careers; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $career): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                    <tr class="border-b hover:bg-gray-50 align-top">

                        <!-- ROLE -->
                        <td class="px-4 py-3">
                            <div class="leading-tight">
                                <p class="font-semibold text-gray-900">
                                    <?php echo e($career->title); ?>

                                </p>
                                <p class="text-xs text-gray-400 mt-0.5">
                                    Slug: <?php echo e($career->slug); ?>

                                </p>
                            </div>
                        </td>

                        <!-- EXPERIENCE -->
                        <td class="px-4 py-3 text-gray-600">
                            <?php echo e($career->experience); ?>

                        </td>

                        <!-- LOCATION -->
                        <td class="px-4 py-3">
                            <?php echo e($career->location); ?>

                        </td>

                        <!-- STATUS -->
                        <td class="px-4 py-3">
                            <span
                                class="inline-flex items-center px-2 py-1 rounded-full text-xs font-semibold
                                <?php echo e($career->status ? 'bg-green-100 text-green-700' : 'bg-gray-100 text-gray-500'); ?>">
                                <?php echo e($career->status ? 'Active' : 'Inactive'); ?>

                            </span>
                        </td>

                        <!-- ACTION -->
                        <td class="px-4 py-3 text-right">
                            <div class="inline-flex items-center gap-4 text-sm">

                                <!-- VIEW -->
                                <a href="/careers/<?php echo e($career->slug); ?>" target="_blank"
                                   class="flex items-center gap-1.5 text-gray-600 hover:text-black transition font-medium">
                                    👁 View
                                </a>

                                <!-- EDIT -->
                                <a href="/console/job-openings/<?php echo e($career->id); ?>/edit"
                                   class="flex items-center gap-1.5 text-blue-600 hover:text-blue-800 transition font-medium">
                                    ✏️ Edit
                                </a>

                            </div>
                        </td>

                    </tr>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                    <tr>
                        <td colspan="5" class="px-4 py-8 text-center text-gray-400">
                            No careers found
                        </td>
                    </tr>
                <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
            </tbody>
        </table>
    </div>

</div>
<?php /**PATH /home/eggfirst/public_html/video.eggfirst.com/resources/views/livewire/admin/careers/career-list.blade.php ENDPATH**/ ?>