<style>
    .nav > .nav-link {
        background-color: #0584AA;
        text-transform: uppercase;

        padding-top: 8px;
        padding-right: 25px;
        padding-bottom: 8px;
        padding-left: 25px;
        /*font: sans-serif;*/
    }

    .nav > a {
        border: 2px;

    }
    .nav > a:hover {
        cursor: pointer;

    }

    .nav.nav-pills .show > .nav-link, .nav.nav-pills .nav-link.active {
        background-color: #ad042c !important;
        color: #2F5AA2;
    }
</style>
<nav class="nav nav-pills nav-justified">
    <?php $__currentLoopData = DELIVERY_STATUS_TAB; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
        <a class="nav-link rounded <?php echo e($key == 1 ? 'active' : ''); ?>"
           onclick="getSelectedTabText(<?php echo e($key); ?>)"
           data-toggle="tab" role="tab" data-tab_value="<?php echo e($key); ?>"
           style=" margin: 0.5rem ; color: white;"><?php echo e($value); ?>

            <span class="btn btn-light-instagram btn-hover-danger btn-lg rounded-pill ml-1"
                 style="font-size: 20px; font-weight: bold ; background: #e1dcdc;" type="button" id="tab_<?php echo e(\Str::slug($value,'_')); ?>">0</span>
        </a>
    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</nav>

<script>
    function getSelectedTabText(tabIndex) {
        $('#form-filter #delivery_status_tab').val(tabIndex);
        table.ajax.reload();
    }
</script>
<?php /**PATH /home/iconshoppercom/iconshopper/Modules/Sale/Resources/views/ecommerce_order/include/tab-action.blade.php ENDPATH**/ ?>