<?php if($seo): ?>
<?php $__env->startSection('title', $seo->meta_title); ?>
<?php $__env->startSection('meta_keywords', $seo->meta_keywords); ?>
<?php $__env->startSection('meta_description', $seo->meta_description); ?>
<?php $__env->startSection('canonical_tag', $seo->canonical_tag); ?>
<?php $__env->startSection('og_title', $seo->og_title ?? $seo->meta_title); ?>
<?php $__env->startSection('og_description', $seo->og_description ?? $seo->meta_description); ?>
<?php $__env->startSection('og_image', $seo->og_image); ?>
<?php $__env->startSection('og_url', $seo->og_url ?? url()->current()); ?>
<?php $__env->startSection('twitter_card', $seo->twitter_card); ?>
<?php $__env->startSection('twitter_title', $seo->twitter_title ?? $seo->meta_title); ?>
<?php $__env->startSection('twitter_description', $seo->twitter_description ?? $seo->meta_description); ?>
<?php $__env->startSection('twitter_image', $seo->twitter_image); ?>
<?php endif; ?>
<?php $__env->startSection('content'); ?>
<section class="search-heading">
<div class="container">
<div class="row">
<div class="col-12">
<div class="search-heading">
<div>
<h6><a href="<?php echo e(route('website')); ?>">Home Page</a></h6>
</div>
<div class="search-heading-gap"></div>
<div>
<h6>Search</h6>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col-md-2 d-none">
</div>
<div class="col-md-12">
<section class="car-cards">
<div class="row">
<div class="col-lg-3 col-md-12 col-sm-12 col-12 d-none">
<aside class="collapse show collapse-horizontal d-none d-lg-block"
id="collapseWidthExample">
<div class="products_filters">
<h5 class="heading">Filters</h5>
<div class="filter_content">
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingCity">
<button class="accordion-button collapsed" type="button"
data-bs-toggle="collapse" data-bs-target="#collapseCity"
aria-expanded="false" aria-controls="collapseCity">
City
<span class="icon-toggle icon-togglePlus">+</span>
<span class="icon-toggle icon-toggleMinus">-</span>
</button>
</h2>
<div id="collapseCity" class="accordion-collapse collapse"
aria-labelledby="headingCity">
<div class="accordion-body">
<div class="search_check">
<div class="search_box">
<input class="icon-input__text-field" type="text"
placeholder="Search City">
<i class="icon-input__icon fas fa-search"></i>
</div>
<div class="brand_checkbox">
<form>
<div class="form-group">
<input type="checkbox" id="city1">
<label for="city1">Chandigarh</label>
</div>
<div class="form-group">
<input type="checkbox" id="city2">
<label for="city2">Mohali</label>
</div>
<div class="form-group">
<input type="checkbox" id="city3">
<label for="city3">Panchkula</label>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button collapsed" type="button"
data-bs-toggle="collapse" data-bs-target="#collapseOne"
aria-expanded="false" aria-controls="collapseOne">
Brand
<span class="icon-toggle icon-togglePlus">+</span>
<span class="icon-toggle icon-toggleMinus">-</span>
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse"
aria-labelledby="headingOne">
<div class="accordion-body">
<div class="search_check">
<div class="search_box">
<input class="icon-input__text-field" type="text"
placeholder="e.g. Mahindra, Honda">
<i class="icon-input__icon fas fa-search"></i>
</div>
<div class="brand_checkbox">
<form>
<div class="form-group">
<input type="checkbox" id="mahindra">
<label for="mahindra">Mahindra</label>
</div>
<div class="form-group">
<input type="checkbox" id="marutisuzuki">
<label for="marutisuzuki">Maruti
Suzuki</label>
</div>
<div class="form-group">
<input type="checkbox" id="hyundai">
<label for="hyundai">Hyundai</label>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingModal">
<button class="accordion-button collapsed" type="button"
data-bs-toggle="collapse" data-bs-target="#collapseModal"
aria-expanded="false" aria-controls="collapseModal">
Modal
<span class="icon-toggle icon-togglePlus">+</span>
<span class="icon-toggle icon-toggleMinus">-</span>
</button>
</h2>
<div id="collapseModal" class="accordion-collapse collapse"
aria-labelledby="headingModal">
<div class="accordion-body">
<div class="search_check">
<div class="search_box">
<input class="icon-input__text-field" type="text"
placeholder="e.g. Mahindra, Honda">
<i class="icon-input__icon fas fa-search"></i>
</div>
<div class="brand_checkbox">
<form>
<div class="form-group">
<input type="checkbox" id="mahindrasuv">
<label for="mahindrasuv">Mahindra
Suv</label>
</div>
<div class="form-group">
<input type="checkbox" id="mahindrasuv1">
<label for="mahindrasuv1">Mahindra
Suv</label>
</div>
<div class="form-group">
<input type="checkbox" id="mahindrasuv2">
<label for="mahindrasuv2">Mahindra
Suv</label>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button"
data-bs-toggle="collapse" data-bs-target="#collapseTwo"
aria-expanded="false" aria-controls="collapseTwo">
Body Type
<span class="icon-toggle icon-togglePlus">+</span>
<span class="icon-toggle icon-toggleMinus">-</span>
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse"
aria-labelledby="headingTwo">
<div class="accordion-body">
<div class="body_grid">
<button class="btn active">Hatchback</button>
<button class="btn">Sedan</button>
<button class="btn">SUV</button>
<button class="btn">MUV</button>
<button class="btn">Crossover</button>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button"
data-bs-toggle="collapse" data-bs-target="#collapseThree"
aria-expanded="false" aria-controls="collapseThree">
Manufacturer Year
<span class="icon-toggle icon-togglePlus">+</span>
<span class="icon-toggle icon-toggleMinus">-</span>
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse"
aria-labelledby="headingThree">
<div class="accordion-body">
<div class="body_grid">
<button class="btn active">2015 And Newer</button>
<button class="btn">2016 And Newer</button>
<button class="btn">2017 And Newer</button>
<button class="btn">2018 And Newer</button>
<button class="btn">2019 And Newer</button>
<button class="btn">2020 And Newer</button>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFour">
<button class="accordion-button collapsed" type="button"
data-bs-toggle="collapse" data-bs-target="#collapseFour"
aria-expanded="false" aria-controls="collapseFour">
Fuel Type
<span class="icon-toggle icon-togglePlus">+</span>
<span class="icon-toggle icon-toggleMinus">-</span>
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse"
aria-labelledby="headingFour">
<div class="accordion-body">
<div class="body_grid">
<button class="btn active">Petrol</button>
<button class="btn">Petrol+CNG</button>
<button class="btn">Diesel</button>
<button class="btn">Electric</button>
<button class="btn">Hybrid</button>
<button class="btn">Petrol+LPG</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</aside>
<button class="btn btn-outline-secondary" type="button" data-bs-toggle="offcanvas"
data-bs-target="#offcanvasExample" aria-controls="offcanvasExample" id="sidebarshow">
<i class="fas fa-filter"></i> Filter
</button>
<div class="offcanvas offcanvas-start" data-bs-scroll="true" tabindex="-1"
id="offcanvasExample" aria-labelledby="offcanvasExampleLabel">
<div class="offcanvas-body">
<div class="products_filters">
<h5 class="heading d-flex align-items-center justify-content-between">
Filters
<button type="button" class="btn-close" data-bs-dismiss="offcanvas"
aria-label="Close"><i class="fas fa-times"></i></button>
</h5>
<div class="filter_content">
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button collapsed" type="button"
data-bs-toggle="collapse" data-bs-target="#collapseOne"
aria-expanded="false" aria-controls="collapseOne">
Brand+Modal
<span class="icon-toggle icon-togglePlus">+</span>
<span class="icon-toggle icon-toggleMinus">-</span>
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse"
aria-labelledby="headingOne">
<div class="accordion-body">
<div class="search_check">
<div class="search_box">
<input class="icon-input__text-field"
type="text"
placeholder="e.g. Mahindra, Honda">
<i class="icon-input__icon fas fa-search"></i>
</div>
<div class="brand_checkbox">
<form>
<div class="form-group">
<input type="checkbox" id="mahindra1">
<label for="mahindra1">Mahindra</label>
</div>
<div class="form-group">
<input type="checkbox" id="marutisuzuki1">
<label for="marutisuzuki1">Maruti
Suzuki</label>
</div>
<div class="form-group">
<input type="checkbox" id="hyundai1">
<label for="hyundai1">Hyundai</label>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button"
data-bs-toggle="collapse" data-bs-target="#collapseTwo"
aria-expanded="false" aria-controls="collapseTwo">
Body Type
<span class="icon-toggle icon-togglePlus">+</span>
<span class="icon-toggle icon-toggleMinus">-</span>
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse"
aria-labelledby="headingTwo">
<div class="accordion-body">
<div class="body_grid">
<button class="btn active">Hatchback</button>
<button class="btn">Sedan</button>
<button class="btn">SUV</button>
<button class="btn">MUV</button>
<button class="btn">Crossover</button>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button"
data-bs-toggle="collapse" data-bs-target="#collapseThree"
aria-expanded="false" aria-controls="collapseThree">
Manufacturer Year
<span class="icon-toggle icon-togglePlus">+</span>
<span class="icon-toggle icon-toggleMinus">-</span>
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse"
aria-labelledby="headingThree">
<div class="accordion-body">
<div class="body_grid">
<button class="btn active">2015 And Newer</button>
<button class="btn">2016 And Newer</button>
<button class="btn">2017 And Newer</button>
<button class="btn">2018 And Newer</button>
<button class="btn">2019 And Newer</button>
<button class="btn">2020 And Newer</button>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFour">
<button class="accordion-button collapsed" type="button"
data-bs-toggle="collapse" data-bs-target="#collapseFour"
aria-expanded="false" aria-controls="collapseFour">
Fuel Type
<span class="icon-toggle icon-togglePlus">+</span>
<span class="icon-toggle icon-toggleMinus">-</span>
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse"
aria-labelledby="headingFour">
<div class="accordion-body">
<div class="body_grid">
<button class="btn active">Petrol</button>
<button class="btn">Petrol+CNG</button>
<button class="btn">Diesel</button>
<button class="btn">Electric</button>
<button class="btn">Hybrid</button>
<button class="btn">Petrol+LPG</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="row d-none">
<div class="col-12">
<div class="sort_row">
<div class="search">
<div class="search_box">
<input class="icon-input__text-field" type="text"
placeholder="e.g. Mahindra, Honda">
<i class="icon-input__icon fas fa-search"></i>
</div>
</div>
<div class="sort_vehicle">
<div class="dropdown">
<button class="dropdown-button"><i class="fas fa-sort"></i>
Sort</button>
<div class="dropdown-content">
<a href="#"><i class="fas fa-sort"></i> Price: High to
Low</a>
<a href="#"><i class="fas fa-sort"></i> Price: Low to
High</a>
<a href="#"><i class="fas fa-sort"></i> Latest</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div
class="vehicle_switchTabs style-skew-1 text-start d-flex justify-content-center align-items-center">
<button class="btn activeTab_btn" data-target="passenger">
<span>Passenger Transport</span>
</button>
<button class="btn" data-target="cargo">
<span>Cargo Transport</span>
</button>
</div>
</div>
</div>
<div class="row">
<div class="vehicle_filter passenger_vehicle_filter" style="display: none">
<label>Seating Capacity:</label>
<select class="form-control" name="seating_capacity" id="seating_capacity">
<option value="" selected disabled>Select option</option>
<?php $__currentLoopData = \App\Models\Vehicles::passengerSeatingCapacityOptions(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $value => $label): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<option value="<?php echo e($value); ?>"><?php echo e($label); ?></option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</select>
</div>
</div>
<div class="row">
<div class="vehicle_filter cargo_vehicle_filter" style="display: none">
<label>Weight Capacity:</label>
<select name="weight_capacity" class="form-control" id="weight_capacity">
<option value="" selected disabled>Select option</option>
<?php $__currentLoopData = \App\Models\CargoVehicle::goodsTransportCapacityOptions(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $value => $label): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<option value="<?php echo e($value); ?>"><?php echo e($label); ?></option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</select>
</div>
</div>
<div class="row passenger_vehicles" id="vehicle-list" style="display: flex">
</div>
<div class="row cargo_vehicles" id="cargo_vehicle_list" style="display: none">
</div>
</div>
</div>
<div class="col-12 mb-3">
<nav>
</nav>
</div>
</section>
</div>
</div>
</div>
</section>
<div class="modal fade orbicontactdetails" id="orbi-contactdetails" tabindex="-1"
aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Contact Details</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="container">
<div class="row">
<form action="<?php echo e(route('leadslisting.store')); ?>" method="Post" class="data-form"
id="taxiBookingForm">
<small class="mb-3 d-block">We request your contact details to maintain authenticity and
offer you reliable business information.</small>
<?php echo csrf_field(); ?>
<?php echo csrf_field(); ?>
<div class="row g-3">
<div class="col-md-6">
<input type="hidden" id="transporter_id" name="transporter_id" value="">
<input type="hidden" id="vehicle_id" name="vehicle_id" value="">
<input type="text" class="form-control form-0" id="your_name"
name="your_name" placeholder="Your Name">
</div>
<div class="col-md-6">
<input type="text" class="form-control form-0 contact-info" id="your_number"
name="your_number" placeholder="Phone Number">
</div>
<div class="col-md-6">
<input type="text" class="form-control form-0 contact-info" id="your_email"
name="your_email" placeholder="Email Address">
</div>
<div class="col-12">
<div class="row">
<div class="submit-grp d-flex flex-row-reverse">
<button type="submit" class="btn fw-bold w-30 style-skew vehicle_info"
id="vehicle_info_button" data-id="">
<span>View Contact</span>
</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade orbimodal orbi-viewcontactdetails" id="orbi-viewcontactdetails" tabindex="-1"
aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">View Contact Details</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
</div>
</div>
</div>
</div>
<?php $__env->stopSection(); ?>
<script>
const accordions = document.querySelectorAll('.accordion-collapse');
accordions.forEach(collapseEl => {
collapseEl.addEventListener('show.bs.collapse', function() {
const button = document.querySelector(`[data-bs-target="#${this.id}"]`);
const icon = button.querySelector('.icon-toggle');
icon.textContent = '−';
});
collapseEl.addEventListener('hide.bs.collapse', function() {
const button = document.querySelector(`[data-bs-target="#${this.id}"]`);
const icon = button.querySelector('.icon-toggle');
icon.textContent = '+';
});
});
</script>
<?php echo $__env->make('layouts.front.main_layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/html/orbidirectory.com/resources/views/front/search.blade.php ENDPATH**/ ?>