<?php foreach ((['component']) as $__key => $__value) {
    $__consumeVariable = is_string($__key) ? $__key : $__value;
    $$__consumeVariable = is_string($__key) ? $__env->getConsumableComponentData($__key, $__value) : $__env->getConsumableComponentData($__value);
} ?>

<?php
    $theme = $component->getTheme();
?>

<?php if($theme === 'tailwind'): ?>
    <div>
        <?php if($component->sortingPillsAreEnabled() && $component->hasSorts()): ?>
            <div class="mb-4 px-4 md:p-0">
                <small class="text-gray-700 dark:text-white"><?php echo app('translator')->get('Applied Sorting'); ?>:</small>

                <?php $__currentLoopData = $component->getSorts(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $columnSelectName => $direction): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <?php
                        $column = $component->getColumnBySelectName($columnSelectName);
                    ?>

                    <?php if(is_null($column)) continue; ?>
                    <?php if($column->isHidden()) continue; ?>
                    <?php if($this->columnSelectIsEnabled() && ! $this->columnSelectIsEnabledForColumn($column)) continue; ?>

                    <span
                        wire:key="sorting-pill-<?php echo e($columnSelectName); ?>"
                        class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium leading-4 bg-indigo-100 text-indigo-800 capitalize dark:bg-indigo-200 dark:text-indigo-900"
                    >
                        <?php echo e($column->getSortingPillTitle()); ?>: <?php echo e($column->getSortingPillDirection($component, $direction)); ?>


                        <button
                            wire:click="clearSort('<?php echo e($columnSelectName); ?>')"
                            type="button"
                            class="flex-shrink-0 ml-0.5 h-4 w-4 rounded-full inline-flex items-center justify-center text-indigo-400 hover:bg-indigo-200 hover:text-indigo-500 focus:outline-none focus:bg-indigo-500 focus:text-white"
                        >
                            <span class="sr-only"><?php echo app('translator')->get('Remove sort option'); ?></span>
                            <svg class="h-2 w-2" stroke="currentColor" fill="none" viewBox="0 0 8 8">
                                <path stroke-linecap="round" stroke-width="1.5" d="M1 1l6 6m0-6L1 7" />
                            </svg>
                        </button>
                    </span>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                <button
                    wire:click.prevent="clearSorts"
                    class="focus:outline-none active:outline-none"
                >
                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-100 text-gray-800 dark:bg-gray-200 dark:text-gray-900">
                        <?php echo app('translator')->get('Clear'); ?>
                    </span>
                </button>
            </div>
        <?php endif; ?>
    </div>
<?php elseif($theme === 'bootstrap-4'): ?>
    <div>
        <?php if($component->sortingPillsAreEnabled() && $component->hasSorts()): ?>
            <div class="mb-3">
                <small><?php echo app('translator')->get('Applied Sorting'); ?>:</small>

                <?php $__currentLoopData = $component->getSorts(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $columnSelectName => $direction): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <?php
                        $column = $component->getColumnBySelectName($columnSelectName);
                    ?>

                    <?php if(is_null($column)) continue; ?>
                    <?php if($column->isHidden()) continue; ?>
                    <?php if($this->columnSelectIsEnabled() && ! $this->columnSelectIsEnabledForColumn($column)) continue; ?>

                    <span
                        wire:key="sorting-pill-<?php echo e($columnSelectName); ?>"
                        class="badge badge-pill badge-info d-inline-flex align-items-center"
                    >
                        <?php echo e($column->getSortingPillTitle()); ?>: <?php echo e($column->getSortingPillDirection($component, $direction)); ?>


                        <a
                            href="#"
                            wire:click="clearSort('<?php echo e($columnSelectName); ?>')"
                            class="text-white ml-2"
                        >
                            <span class="sr-only"><?php echo app('translator')->get('Remove sort option'); ?></span>
                            <svg style="width:.5em;height:.5em" stroke="currentColor" fill="none" viewBox="0 0 8 8">
                                <path stroke-linecap="round" stroke-width="1.5" d="M1 1l6 6m0-6L1 7" />
                            </svg>
                        </a>
                    </span>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                <a
                    href="#"
                    wire:click.prevent="clearSorts"
                    class="badge badge-pill badge-light"
                >
                    <?php echo app('translator')->get('Clear'); ?>
                </a>
            </div>
        <?php endif; ?>
    </div>
<?php elseif($theme === 'bootstrap-5'): ?>
    <div>
        <?php if($component->sortingPillsAreEnabled() && $component->hasSorts()): ?>
            <div class="mb-3">
                <small><?php echo app('translator')->get('Applied Sorting'); ?>:</small>

                <?php $__currentLoopData = $component->getSorts(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $columnSelectName => $direction): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <?php
                        $column = $component->getColumnBySelectName($columnSelectName);
                    ?>

                    <?php if(is_null($column)) continue; ?>
                    <?php if($column->isHidden()) continue; ?>
                    <?php if($this->columnSelectIsEnabled() && ! $this->columnSelectIsEnabledForColumn($column)) continue; ?>

                    <span
                        wire:key="sorting-pill-<?php echo e($columnSelectName); ?>"
                        class="badge rounded-pill bg-info d-inline-flex align-items-center"
                    >
                        <?php echo e($column->getSortingPillTitle()); ?>: <?php echo e($column->getSortingPillDirection($component, $direction)); ?>


                        <a
                            href="#"
                            wire:click="clearSort('<?php echo e($columnSelectName); ?>')"
                            class="text-white ms-2"
                        >
                            <span class="visually-hidden"><?php echo app('translator')->get('Remove sort option'); ?></span>
                            <svg style="width:.5em;height:.5em" stroke="currentColor" fill="none" viewBox="0 0 8 8">
                                <path stroke-linecap="round" stroke-width="1.5" d="M1 1l6 6m0-6L1 7" />
                            </svg>
                        </a>
                    </span>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                <a
                    href="#"
                    wire:click.prevent="clearSorts"
                    class="badge rounded-pill bg-light text-dark text-decoration-none"
                >
                    <?php echo app('translator')->get('Clear'); ?>
                </a>
            </div>
        <?php endif; ?>
    </div>
<?php endif; ?>
<?php /**PATH /Users/ahsan/Documents/Personal/Projects/Betternet_App_V4.1/betternet4.1/vendor/rappasoft/laravel-livewire-tables/src/../resources/views/components/tools/sorting-pills.blade.php ENDPATH**/ ?>