<div>
     <div class="dashboard-style" style="position: relative;">
        <input type="text" wire:model.live="search" class="form-control border-1" placeholder="What service are you looking for?">
        <!--[if BLOCK]><![endif]--><?php if(!empty($results)): ?>
        <ul class="autocomplete-suggestions" style="position: absolute; top: 100%; left: 0; width: 100%; background: white; border: 1px solid #ddd; z-index: 10;">
            <!--[if BLOCK]><![endif]--><?php $__currentLoopData = $results; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $result): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <li wire:click="$set('search', '<?php echo e($result->title); ?>')">
              <a href="<?php echo e(route('show.service.page', $result->slug)); ?>">  <?php echo e($result->title); ?></a>
            </li>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><!--[if ENDBLOCK]><![endif]-->
        </ul>
        <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
    </div>
    
    <style>
        .autocomplete-suggestions li {
            padding: 8px;
            cursor: pointer;
        }
    
        .autocomplete-suggestions li:hover {
            background-color: #f0f0f0;
        }
    </style>
</div><?php /**PATH /var/www/html/resources/views/livewire/pages/mobile-search.blade.php ENDPATH**/ ?>