<div class="col-lg-8">
    <div class="row">
        <div class="col-lg-12 fv-row fv-plugins-icon-container">
            <select class="form-control <?php echo e($isSelect2 ? 'select2' : ''); ?> h-50px"
                name="<?php echo e($multiple ? $name . '[]' : $name); ?>" <?php echo e($multiple ? 'multiple' : ''); ?> id="<?php echo e($id); ?>">
                <option value=NULL>??</option>
                <?php echo $slot; ?>

            </select>
        </div>
    </div>
</div>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/choices.js/public/assets/styles/choices.min.css" />

<!-- Choices.js JS -->
<script src="https://cdn.jsdelivr.net/npm/choices.js/public/assets/scripts/choices.min.js"></script>

<script>
    function initChoices() {
        document.querySelectorAll('.select2:not([data-choices-initialized])').forEach(function(el) {
            new Choices(el, {
                placeholder: true,
                removeItemButton: true,
                searchEnabled: true,
                shouldSort: false
            });
            el.setAttribute('data-choices-initialized', 'true');
        });
    }
    document.addEventListener('DOMContentLoaded', initChoices);
</script>
<?php /**PATH /home/oday/public_html/mazdashboard.alialzahabia.com/resources/views/components/select-two.blade.php ENDPATH**/ ?>