<?php
    $current = $current ?? 1;
    $steps = ['Service', 'Staff', 'Time', 'Details', 'Confirm'];
?>

<nav class="max-w-full overflow-x-auto pb-1 booklio-scrollbar" aria-label="Booking steps">
    <div class="flex min-w-max gap-2">
        <?php $__currentLoopData = $steps; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $label): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <?php ($stepNumber = $index + 1); ?>
            <div class="flex items-center gap-2 rounded-full border px-3 py-2 text-xs font-bold <?php echo e($stepNumber <= $current ? 'border-blue-200 bg-blue-50 text-booklio-primary' : 'border-booklio-border bg-white text-booklio-muted'); ?>">
                <span class="flex h-5 w-5 items-center justify-center rounded-full <?php echo e($stepNumber <= $current ? 'bg-booklio-primary text-white' : 'bg-slate-100 text-booklio-muted'); ?>"><?php echo e($stepNumber); ?></span>
                <?php echo e($label); ?>

            </div>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
    </div>
</nav>
<?php /**PATH C:\Users\Dcodax\Documents\Booklio\resources\views/public/booking/partials/steps.blade.php ENDPATH**/ ?>