<select wire:ignore <?php echo e($attributes->merge(['class' => 'select2 form-control select2-multiple'])); ?> multiple="multiple"
    data-placeholder="Choose categories ...">
    <?php echo e($slot); ?>

</select>

<?php $__env->startPush('styles'); ?>
    <link href="<?php echo e(asset('backend/libs/select2/css/select2.min.css')); ?>" rel="stylesheet" type="text/css" />
    <style>
        .select2 {
            width: 100% !important;
        }

    </style>
<?php $__env->stopPush(); ?>

<?php $__env->startPush('scripts'); ?>
    <script src="<?php echo e(asset('backend/libs/select2/js/select2.min.js')); ?>"></script>
    <script>
        $('#category_ids').select2();
        $('#category_ids').on('change', function(e) {
            var data = $('#category_ids').select2("val");
            window.livewire.find('<?php echo e($_instance->id); ?>').set('category_ids', data);
        });
        window.addEventListener('categoryEvent', event => {
            var data = $('#category_ids').select2("val");
            if(data.length){
                $('#category_ids').val(event.detail.category_ids).trigger('change');
            }
        })
    </script>
<?php $__env->stopPush(); ?>
<?php /**PATH /var/www/html/phkaynews-v2/resources/views/components/select2-2.blade.php ENDPATH**/ ?>