@extends('site.layouts.master')

@section('title')
    <title>@lang('site.Where I Can Live')</title>
@endsection
@php
      $seo = SEO\Models\Page::where('path',URL::full())->first();
@endphp
@section('metatags')
 @if(!empty($seo))
    <meta name="title" content="{{ $seo->meta_title ?? $seo->title }}">
    <meta name="keywords" content="{{ $seo->meta_keywords }}">
 <meta name="description" content="{{ $seo->description }}">
 @endif
 <link rel="canonical" href="{{str_replace('public/','',url()->current())}}">
<link rel="alternate" hreflang="@if(app()->getLocale() == 'ar'){{'en'}}@else{{'ar'}}@endif"
 href="@if(app()->getLocale() == 'en' && str_contains(url()->current(),'/en/')){{str_replace('/en/','/ar/',str_replace('public/','',url()->current()))}}@else{{str_replace('/ar/','/en/',str_replace('public/','',url()->current()))}}@endif">
<link rel="alternate" hreflang="@if(app()->getLocale() == 'ar'){{'ar'}}@else{{'en'}}@endif" href="{{str_replace('public/','',url()->current())}}">
@endsection
@php
if (isset($_COOKIE['windowWidth'])) {
    $windowWidth = $_COOKIE['windowWidth'];
    $sm = $windowWidth < 992;
} else {
    $sm = false; // Default value if cookie is not set
}
@endphp
@section('content')
<div class="bg-f9f9f9">
    @if($sm == false)
    <div class="evaluateBackground d-none d-lg-flex flex-column justify-content-center align-items-center">
        <h1 class="SF30_36Bold SF60_71Bold-lg text-white text-uppercase text-center col-lg-8 mx-auto text-uppercase">@lang("site.We'll show you all the areas that meet your needs")</h1>
    </div>
    @endif
    <div class="py-4 px-2 col-lg-11 mx-lg-auto">
        @if($sm)
        <h1 class="text-3b3b3b SF22_26Bold d-lg-none text-uppercase mb-3">@lang("site.We'll show you all the areas that meet your needs")</h1>
        @endif
        <form class="d-lg-flex flex-lg-wrap justify-content-lg-between align-items-lg-end" action="{{ route('site.oldCustomSearch') }}" method="GET">
            <div class="form-group mb-3 w-48">
                <p class="text-3b3b3b SF20_30Bold mb-2 d-none d-lg-block">@lang('site.I want to be near....')</p>
                <select name="to_be_near" class="w-100 rounded-3 border-d1d1d1 p-2 bg-f9f9f9 p-lg-3">
                    <option value="" disabled selected>@lang('site.I want to be near....')</option>
                    <option value="work">@lang('site.work')</option>
                    <option value="school">@lang('site.school')</option>
                    <option value="family-friends">@lang('site.family / friends')</option>
                    <option value="other">@lang('site.other')</option>
                </select>
            </div>
            <div class="form-group mb-3 w-48">
                <p class="text-3b3b3b SF20_30Bold mb-2 d-none d-lg-block">@lang('site.property_type')<sup class="text-red">*</sup></p>
                <select class="propertyType w-100 rounded-3 border-d1d1d1 p-2 bg-f9f9f9 p-lg-3" name="property_type_id">
                    <option disabled selected value="0">{{ __('site.Property_Types') }}</option>
                    @foreach (App\PropertyType::get() as $type)
                        <option value="{{ $type->id }}">{{ $type->label }}</option>
                    @endforeach
                </select>
                @if ($errors->wheretolive->has('property_type_id'))
                    <span class="text-danger p-0 m-0"> {{ $errors->wheretolive->first('property_type_id') }} </span>
                @endif
            </div>
            <div class="form-group mb-3 w-48">
                <p class="text-3b3b3b SF20_30Bold mb-2 d-none d-lg-block">@lang('site.area')<sup class="text-red">*</sup></p>
                <div class="search_filter">
                    <input type="text" class="form-control getLocations mb-10 whereLivePlaceholder rounded-3 bg-f9f9f9-Important p-lg-3" name="address" autocomplete="off"
                        placeholder="{{ __('site.Location_Search') }}">
                    <div class="search_results"></div>
                </div>
                <input type="hidden" name="location" id="location" value="{{ request()->location }}">
                @if ($errors->wheretolive->has('location'))
                    <span class="text-danger p-0 m-0"> {{ $errors->wheretolive->first('location') }} </span>
                @endif
            </div>
            <div class="form-group mb-3 w-48">
                <p class="text-3b3b3b SF20_30Bold mb-2 d-none d-lg-block">@lang('site.min_number_of_bedrooms')</p>
                <input type="number" name="no_of_bedroom_from" class="form-control whereLivePlaceholder rounded-3 bg-f9f9f9-Important p-lg-3"
                placeholder="@lang('site.min_number_of_bedrooms')">
            </div>
            <div class="form-group mb-3 w-48">
                <p class="text-3b3b3b SF20_30Bold mb-2 d-none d-lg-block">@lang('site.want to be there with in....')</p>
                <select name="within" class="w-100 rounded-3 border-d1d1d1 p-2 p-lg-3 bg-f9f9f9">
                    <option value="" disabled selected>@lang('site.want to be there with in....')</option>
                    <option value="15 minutes">15 @lang('site.minutes')</option>
                    <option value="30 minutes">30 @lang('site.minutes')</option>
                    <option value="45 minutes">45 @lang('site.minutes')</option>
                    <option value="1 hour">1 @lang('site.hour')</option>
                    <option value="1 hour 15 minutes">1 @lang('site.hour') 15 @lang('site.minutes')</option>
                    <option value="1 hour 30 minutes">1 @lang('site.hour') 30 @lang('site.minutes')</option>
                    <option value="1 hour 45 minutes">1 @lang('site.hour') 45 @lang('site.minutes')</option>
                    <option value="2 hour">2 @lang('site.hour')</option>
                </select>
            </div>
            <div class="form-group mb-3 w-48">
                <p class="text-3b3b3b SF20_30Bold mb-2 d-none d-lg-block">@lang('site.Property_For')</p>
                <select class="propertyFor w-100 rounded-3 border-d1d1d1 p-2 p-lg-3 bg-f9f9f9" name="property_for">
                    <option disabled selected value="">{{ __('site.Property_For') }}</option>
                    <option value="Sale">{{ __('site.For_Buy') }}</option>
                    <option value="Rent">{{ __('site.For_Rent') }}</option>
                    <option value="rentAndBuy">{{ __('site.For_Rent_and_Buy') }}</option>
                </select>
                @if ($errors->wheretolive->has('property_for'))
                    <span class="text-danger p-0 m-0"> {{ $errors->wheretolive->first('property_for') }} </span>
                @endif
            </div>
            <div class="form-group mb-3 w-48">
                <p class="text-3b3b3b SF20_30Bold mb-2 d-none d-lg-block">@lang('site.max price')</p>
                <input type="number" name="sale_price_to" class="form-control whereLivePlaceholder rounded-3 bg-f9f9f9-Important p-lg-3" placeholder="@lang('site.max price')">
            </div>
            <div class="form-group my-3 w-48">
                <button class="btn bg-red SF18_21Bold text-white col-12 py-3"
                    type="submit">@lang('site.add_request')</button>
            </div>
        </form>
    </div>
</div>
@endsection
@section('script')
    <script>
        $(document).on('keyup', '.getLocations', function() {
            var value = $(this).val();
            $.ajax({
                url: '{{ route('site.getLocations') }}',
                data: {
                    value: value
                },
                success: function(result) {
                    $('.search_results').html('');
                    result.forEach(function(el) {
                        $('.search_results').append(el);
                    });
                },
                error: function(errors) {
                    console.log(errors);
                }
            });
        });
    </script>
@endsection