Elep

<?php $__env->startSection('content'); ?>
<div class="row">
</div>
<div class="row">
  
  <div class="col-md-12">
    <div class="card">

<div class="card-body">
            <h3>Add Categories for <?php echo e($place['name']); ?></h3>
            <div class="old-category">
                <?php if(isset($place['category'])): ?>
                    <?php $__currentLoopData = $place['category']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <span class="badge badge-warning" data-cat=<?php echo e($category); ?>>
                            <?php echo e($category); ?> <span class="fa fa-times remove-cat" data-index=""></span>
                        </span>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                <?php endif; ?>
            </div>
            <form action="<?php echo e(route('add_category', ['slug' => $place['slug']])); ?>" class="place-form" method="POST">
                <div class="form-group">
                    <input type="text" name="category" class="form-control category-input">
                </div>
                <button class="btn btn-primary">Add</button>
                <a href="<?php echo e(route('place_food_category', ['slug' => $place['slug']])); ?>" class="btn btn-success">Food Categories</a>
            </form>
        </div>
    </div>
    </div>
</div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>
    <script>
        const categoryTemplate = (category, index) => `
			<span class="badge badge-warning" data-cat=${category}>
				${category} <span class="fa fa-times remove-cat" data-index="${index}"></span>
			</span>
		`;

// remove category
        document.querySelectorAll('.category-container').forEach(cate => {
            cate.addEventListener('click', function(e){
                if(e.target.matches('.remove-cat')){
                    console.log('remove category' + e.target.closest('span').dataset.cat)
                }
            })
        })