@extends('layouts.app')
@push('css')
    <link href="{{ asset('dist/frontend/module/tour/css/tour.css?_ver='.config('app.asset_version')) }}" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="{{ asset("libs/ion_rangeslider/css/ion.rangeSlider.min.css") }}"/>
    @endpush
@section('content')

<div class=" container  mt-2 ">
    <h4 class="card-title heder p-2">
        <h4> <i class="fa fa-filter" aria-hidden="true"></i>
            احصل على فرصة لاكتشاف تجارب مذهلة في عالم السيارات
    </h4>
    <h5 class="card-title p-2 ">
        ادخل البيانات التاليه لظهور النتائج
    </h5>
    @include('Tour::frontend.layouts.search.form-search')
{{-- 
    <div class="row">
        
      <div class="col-lg-4 col-sm-6 card_search p-2">
          <div class="card">
            <div class="card-body pb-0">
            
               <div class="form-row">
                <h6 style="text-align: right;" class="card-title p-2"> <i class="fa-solid fa-location-dot"></i>
                  الموقع</h6>
                    <div class="form-group col ">
                      <select class="form-control mb-2" name="car-model">
                        <option value="sedan">من</option>
                        <option value="sedan">Sedan</option>
                        <option value="suv">SUV</option>
                        <option value="hatchback">Hatchback</option>
                      </select>
                   </div>
                    <div class="form-group col">
                      <select class="form-control mb-2" name="car-model">
                        <option value="sedan">الي</option>
                        <option value="sedan">Sedan</option>
                        <option value="suv">SUV</option>
                        <option value="hatchback">Hatchback</option>
                      </select>
                    </div>
                 </div>
            
            </div>
          </div>
        </div>
        <div class="col-lg-5 col-sm-6 card_search p-2">
          <div class="card">
            <div class="card-body pb-0">
            
               <div class="form-row">
                <h6 style="text-align: right;" class="card-title p-2"> 
                  <i class="fa-regular fa-calendar"></i>
                تاريخ الرحلة
                </h6>
                    <div class="form-group col ">
                     <input class="form-control mb-2" type="date" name="" id="">
                   </div>
                    <div class="form-group col">
                      <input class="form-control mb-2" type="date" name="" id="">

                    </div>
                 </div>
            
            </div>
          </div>
        </div>
       
    <div class="col-lg-3 col-sm-6 card_search p-2">
        <!-- Actual search box -->

          <div class="form-group has-search p-2">
            <span class="fa fa-search form-control-feedback"></span>
            <button  type="submit" class="form-control btn btn-primary"  > بحث عن السيارة  </button>
          </div>
    </div>

  </div> --}}

</div>
    <div class="bravo_search_tour">

        {{-- <div class="bravo_banner" @if($bg = setting_item("tour_page_search_banner")) style="background-image: url({{get_file_url($bg,'full')}})" @endif >
            <div class="container">
                <h1>
                    {{setting_item_with_lang("tour_page_search_title")}}
                </h1>
            </div>
        </div> --}}
        {{-- <div class="bravo_form_search">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        @include('Tour::frontend.layouts.search.form-search')
                    </div>
                </div>
            </div>
        </div> --}}
        <div class="container">
            @include('Tour::frontend.layouts.search.list-item')
        </div>
    </div>
@endsection

@push('js')
<script>
    document.addEventListener("DOMContentLoaded", function () {
        const searchForm = document.getElementById('searchForm');
        const selects = searchForm.querySelectorAll('select');

        selects.forEach(select => {
            select.addEventListener('change', function () {
              

                searchForm.submit();
            });
        });
    });
</script>
    <script type="text/javascript" src="{{ asset("libs/ion_rangeslider/js/ion.rangeSlider.min.js") }}"></script>
    <script type="text/javascript" src="{{ asset('module/tour/js/tour.js?_ver='.config('app.asset_version')) }}"></script>
@endpush