Viewing file:  8d11151154c67ff102f1ee917fa2057d.php (8.76 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<div class="bg-white rounded-lg p-3">
<div class="relative">
<div x-data="{ isTyped: false }" @click.outside="isTyped = false">
<form action="<?php echo e(route('frontend.ads')); ?>" method="GET" class=bg-white rounded-lg p-3">
<div class="flex sm:flex-row flex-col gap-3 items-center">
<label for="text" class="w-full relative">
<i class="absolute left-3 top-1/2 -translate-y-1/2">
<?php if (isset($component)) { $__componentOriginalaff82f5e25571a3aa5db317d7fd41a9a = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginalaff82f5e25571a3aa5db317d7fd41a9a = $attributes; } ?>
<?php $component = App\View\Components\Svg\SearchIcon::resolve(['stroke' => 'var(--primary-500)'] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('svg.search-icon'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(App\View\Components\Svg\SearchIcon::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginalaff82f5e25571a3aa5db317d7fd41a9a)): ?>
<?php $attributes = $__attributesOriginalaff82f5e25571a3aa5db317d7fd41a9a; ?>
<?php unset($__attributesOriginalaff82f5e25571a3aa5db317d7fd41a9a); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalaff82f5e25571a3aa5db317d7fd41a9a)): ?>
<?php $component = $__componentOriginalaff82f5e25571a3aa5db317d7fd41a9a; ?>
<?php unset($__componentOriginalaff82f5e25571a3aa5db317d7fd41a9a); ?>
<?php endif; ?>
</i>
<input id="text" type="text" placeholder="Search" class="tc-input !w-full ps-12"
x-on:input.debounce.500ms="isTyped = ($event.target.value != '')" autocomplete="off"
wire:model.debounce.500ms="search_ad_val" class="group-hover:bg-gray-50" autocomplete="off">
<div x-show="isTyped" x-cloak>
<?php if(count($filter_ads) > 0): ?>
<div class="search-box" style="display: block">
<ul>
<?php $__currentLoopData = $filter_ads; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $ads): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<?php
$url = url('/') . '/ad/details/' . $ads->slug;
?>
<a href="<?php echo e($url); ?>">
<li>
<?php echo e(Illuminate\Support\Str::limit($ads->title, 70)); ?>
</li>
</a>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</ul>
</div>
<?php else: ?>
<div class="search-box" style="display: none">
</div>
<?php endif; ?>
</div>
</label>
<label for="location" class="w-full relative">
<i class="absolute left-3 top-1/2 -translate-y-1/2">
<?php if (isset($component)) { $__componentOriginalc1137719d2fe3010ee5eb91e9aa0863a = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginalc1137719d2fe3010ee5eb91e9aa0863a = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.svg.search-location-icon','data' => ['stroke' => 'var(--primary-500)']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('svg.search-location-icon'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(Illuminate\View\AnonymousComponent::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes(['stroke' => 'var(--primary-500)']); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginalc1137719d2fe3010ee5eb91e9aa0863a)): ?>
<?php $attributes = $__attributesOriginalc1137719d2fe3010ee5eb91e9aa0863a; ?>
<?php unset($__attributesOriginalc1137719d2fe3010ee5eb91e9aa0863a); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalc1137719d2fe3010ee5eb91e9aa0863a)): ?>
<?php $component = $__componentOriginalc1137719d2fe3010ee5eb91e9aa0863a; ?>
<?php unset($__componentOriginalc1137719d2fe3010ee5eb91e9aa0863a); ?>
<?php endif; ?>
</i>
<input wire:model="location_mobile" wire:click="OpenModalMobile" type="text" placeholder="Location" class="tc-input !w-full ps-12" readonly>
<?php if(@$location_search_active_country): ?>
<input id="country" type="text" value="<?php echo e(@$location_search_active_country); ?>"
name="country" placeholder="country" class="hidden">
<?php endif; ?>
<?php if(@$location_search_active_state): ?>
<input id="state" type="text" value="<?php echo e(@$location_search_active_state); ?>"
name="state" placeholder="state" class="hidden">
<?php endif; ?>
<?php if(@$location_search_active_city): ?>
<input id="city" type="text" value="<?php echo e(@$location_search_active_city); ?>"
name="city" placeholder="city" class="hidden">
<?php endif; ?>
</label>
</div>
<button type="submit"
class="mt-3 text-white bg-primary-800 heading-07 rounded-lg px-4 py-2 hover:bg-primary-700"><?php echo e(__('search')); ?></button>
</form>
</div>
</div>
</div>
<style type="text/css">
.search-box {
position: absolute;
top: calc(100% + 10px);
width: 100% !important;
height: 250px;
z-index: 9999;
overflow: hidden;
overflow-y: scroll;
background: white;
padding: 12px 0px;
border-radius: 8px;
box-shadow: 0px 2px 6px 0px rgba(112, 122, 125, 0.12);
-ms-overflow-style: none;
scrollbar-width: none;
}
.search-box::-webkit-scrollbar {
display: none;
}
.search-box .clear {
clear: both;
margin-top: 20px;
}
.search-box ul {
list-style: none;
width: 100%;
position: relative;
margin: 0;
}
.search-box ul a {
padding: 12px 12px 12px 34px;
margin-bottom: 1px;
font-size: 16px;
line-height: 150%;
cursor: pointer;
width: 100%;
display: flex;
align-items: center;
position: relative;
transition: all 0.4s ease-in-out;
}
.search-box ul a::after {
content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 21L16.65 16.65M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
position: absolute;
inset-inline-start: 8px;
top: 50%;
transform: translateY(-50%);
}
.search-box ul a:hover {
background: var(--primary-50);
color: var(--primary-500);
}
.search-box input[type=text] {
padding: 5px;
width: 250px;
letter-spacing: 1px;
}
</style>
<?php /**PATH E:\add listing 8-9-25\addListing\resources\views/livewire/mobile-nav-search-component.blade.php ENDPATH**/ ?>
|