@extends('site.layouts.master')

@section('seoTags')
    @seoTags()
@endsection
@php

    $seo = SEO\Models\Page::where('path', URL::full())->first();

    $lastSegment = request()->query('address');
    if (
        strpos($lastSegment, 'ا') > 0 ||
        strpos($lastSegment, 'ب') > 0 ||
        strpos($lastSegment, 'س') > 0 ||
        strpos($lastSegment, 'ج') > 0 ||
        strpos($lastSegment, 'ي') > 0 ||
        strpos($lastSegment, 'alayjar') > 0 ||
        strpos($lastSegment, 'llbyaa') > 0
    ) {
        app()->setLocale('ar');
    }
    if (LaravelLocalization::getCurrentLocale() == 'ar') {
        $Ttype = 'طلبك';
        $Ttypea = 'طلبات';
    } else {
        $Ttype = 'your request';
        $Ttypea = 'requests';
    }

    LaravelLocalization::getCurrentLocale() == 'ar' ? ($Tsubtype = 'العقارات') : ($Tsubtype = 'requests');

    $Tcompound = null;
    $Tlocation = null;

    if (LaravelLocalization::getCurrentLocale() == 'ar') {
        $Tend = ", شاهد $Ttype الان";
    } else {
        $Tend = ", view $Ttype now";
    }

    if (LaravelLocalization::getCurrentLocale() == 'ar') {
        $Tmid = ", يمكنك عرض $Tsubtype و التواصل مع احد خبراء ريماكس المهاجر";
    } else {
        $Tsubtype != 'properties' ? ($newTsubtype = 'the ' . $Tsubtype) : ($newTsubtype = $Tsubtype);
        $Tmid = ", you can view $newTsubtype and contact with one of remax elmohager agents";
    }

    if (LaravelLocalization::getCurrentLocale() == 'ar') {
        $Tstart = "نقدم لك مجموعة من افضل $Tsubtype";
    } else {
        $Tsubtype != 'requests' ? ($nTsubtype = $Tsubtype . 's') : ($nTsubtype = $Tsubtype);
        $Tstart = "we present to you a collection of best $nTsubtype";
    }

    if ($Tcompound != null || $Tlocation != null) {
        $in = __('site.In');
    } else {
        $in = null;
    }

    $desArr = [$Tstart, $in, $Tcompound, $Tlocation, $Tmid, $Tend];
    $description = '';
    foreach ($desArr as $des) {
        if ($des != null) {
            if (end($desArr) == $des) {
                $description .= $des;
            } else {
                $description .= $des . ' ';
            }
        }
    }

    if (LaravelLocalization::getCurrentLocale() == 'en') {
        $compoundTitle = 'Compounds';
    }
    if (LaravelLocalization::getCurrentLocale() == 'ar') {
        $compoundTitle = 'كمبوندات';
    }
    $seoRow = App\SeoPages::where('path', url()->current())->first();
    if ($seoRow == null) {
        $seoRow = '';
    }
@endphp

@section('metatags')
    @if (!empty($seoRow))
        <meta name="title" content="{{ $seoRow->meta_title ?? $seoRow->title }}">
        <meta name="keywords" content="{{ $seoRow->meta_keywords }}">
        <meta name="description" content="{{ $seoRow->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

@if (empty($seoRow->title))
    @section('title')
        <title>
            @if (Route::is('site.requestExploreByType'))
                @lang('site.Explore Requests By Property Types')
            @endif
        </title>
    @endsection
@endif

@section('content')
    <div class="d-none">
        {{ Breadcrumbs::render('Request Types') }}
    </div>
    {!! $breadcrumbSchema !!}
    {!! $blogPostSchema !!}
    <div class="search-area search-style" id="search-area-1">
        <div class="container">
            <div class="search-area-inner">
                <div class="search-contents ">
                    <form action="{{route('site.customRequestSearch')}}" method="GET">
                        <div class="row align-items-center">
                            <div class="col-lg-3 col-12">
                                <div class="search_filter">
                                    <input type="text"
                                            class="form-control border-707070 getLocations mb-10"
                                            name="address"
                                            autocomplete="off"
                                            placeholder="{{__('site.Location_Search')}}">
                                    <div class="search_results"></div>
                                </div>
                                <input type="hidden" name="location" id="location" value="{{request()->location}}">
                            </div>
                            <div class="col-md-3 col-12">
                                <div class="form-group my-2">
                                    <select class="border-707070 py-2 rounded-2 w-100 propertyFor" name="request_for"
                                            data-url="{{route('site.changeForm')}}" data-page="home">
                                        <option disabled selected value="0">@lang('site.request_Status')</option>
                                        <option value="Buy">{{__('site.Search_For_Buyer')}}</option>
                                        <option value="Rent">{{__('site.Search_For_Tenant')}}</option>
                                        <option value="Buy & Rent">{{__('site.Search_For_Tenant_Or_Buyer')}}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3 col-12">
                                <div class="form-group my-2">
                                    <select class="border-707070 py-2 rounded-2 w-100 propertyType"
                                            name="property_type_id">
                                        <option disabled selected value="0">@lang('site.request_Type')</option>
                                        @foreach($types as $type)
                                            <option value="{{$type->id}}">{{$type->label}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-4 col-12">
                                <div class="form-group mt-3 mt-lg-0">
                                    <button type="submit" class="search_button SF16_19BoldImportant text-uppercase">
                                        @lang('site.quick_search')
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="row advanced_search-container">
                            <div class="col-12" id="insertFilterForm"></div>
                        </div>
                    </form>
                    <div class="d-flex justify-content-end">
                      <button class="m-0 bg-dark text-white border-0 d-none" id="showmore" style="padding: 5px 20px;">
                        <small class="d-inline p-0 m-0" id="angleText">@lang('site.Advanced_Search')</small>
                        <i class="fa fa-angle-down" id="angle"></i>
                      </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="bg-f9f9f9 py-4">
        <div class="customWidth">
            @if ($seo != null)
                @php
                    if (LaravelLocalization::getCurrentLocale() == 'ar') {
                        $contentTop = $seo->content_top_ar;
                    } else {
                        $contentTop = $seo->content_top;
                    }
                @endphp
                @if (isset($contentTop))
                    @if (!empty($contentTop))
                        <div id="seeDIV2" class="changeLink col-11 col-md-10 mx-auto text-justify">
                            {!! $contentTop !!}
                        </div>
                        {{-- <div class="text-center my-4">
                <a href="" id="see2"><small>{{__('site.see_more')}}</small></a>
              </div> --}}
                    @endif
                @endif
            @endif
            @if (empty($seoRow->title))
            <h1 class="text-blue SF24_29Black SF26_31Black-lg fw-bold text-center">
                    @if (Route::is('site.requestExploreByType'))
                        @lang('site.Explore Requests By Property Types')
                    @endif
                </h1>
            @else
                <h1 class="text-blue SF24_29Black text-center">
                    {{ $seoRow->title }}
                </h1>
            @endif
            <!-- Properties list rightside start -->
            <div class="d-flex flex-wrap align-items-center">

                @foreach ($types as $type)
                    @if (count($type->demands) > 0)
                    <div class="py-2 d-flex align-items-center col-11 col-sm-6 col-md-5 w-lg-24 my-2 px-0 rounded @if(app()->getLocale() == 'ar') ms-1 me-2 @else me-1 ms-2 @endif"
                        style="height: 180px;background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url({{ $type->properties->filter(function ($property) {
                                return $property->images->isNotEmpty();
                            })->random()->images()->first()?->full_url }});background-size: cover;background-position: center;">
                            <div class="col-12">
                                <h3 class="text-white SF24_29Black fw-bold text-center mb-4">{{ $type->label }}</h3>
                                <div class="d-flex justify-content-around">
                                    <a class="col-5 text-decoration-none"
                                        href="{{ route('site.requests-' . str_replace(' ', '-', $type->label)) }}">
                                        <p class="text-center SF14_16Medium SF18_21Medium-lg bg-blur col-12 py-1 mb-2 text-white rounded-3">
                                            {{ count($type->demands) . ' ' . __('site.Request') }}</p>
                                    </a>
                                </div>
                            </div>
                        </div>
                    @endif
                @endforeach
            </div>
            @if ($seo != null)
                @php
                    if (LaravelLocalization::getCurrentLocale() == 'ar') {
                        $content = $seo->content_ar;
                    } else {
                        $content = $seo->content;
                    }
                @endphp
                @if (isset($content))
                    <hr style="background-color:#2646a7;">
                    <div id="seeDIV" class="changeLink col-11 col-md-10 mx-auto seemore2 text-justify">
                        {!! $content !!}
                    </div>
                    {{-- <div class="text-center my-4">
                <a href="" id="see"><small>{{__('site.see_more')}}</small></a>
              </div> --}}
                @endif
            @endif
        </div>
    </div>
@endsection
@section('script')
    <script>
        $('.changeLink ul').each(function(index, element) {
            $(element).css('list-style', 'initial');
        });
        $("#see").on("click", function(e) {
            e.preventDefault();
            $("#seeDIV").toggleClass('seemore2');
        });
        $('#price_div').click(function() {
            // $('.owl-stage').toggleClass('h-150');
            $('#customDropDown').toggleClass('customDropDownShow');
        });
        $(".owl-carousel").owlCarousel({
            autoWidth: true,
        });
        $(document).ready(function() {
            $(".select2").select2();
        });
        $(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);
                }
            });
        });
        $('.propertyFor,.propertyType').on('change', function() {
          var f = $('.propertyFor').val();
          var t = $('.propertyType').val();
          if(f&&t){
            $('#showmore').removeClass('d-none');
            $('#insertFilterForm').slideToggle(0);
          }
        });
        $('.propertyFor').on('change', function() {
          if($('#insertFilterForm').height() > 1) $('#insertFilterForm').slideToggle(0);
        });
        $('.propertyType').on('change', function() {
          if($('#insertFilterForm').height() > 1) $('#insertFilterForm').slideToggle(0);
        });
        $('#showmore').on('click',function(){
          //$('#insertFilterForm').toggleClass('d-none').fadeIn(500);
          $('#insertFilterForm').slideToggle(500,function(){
            $('#angle').toggleClass('fa-angle-down');
            $('#angle').toggleClass('fa-angle-up');
            if($('#angleText').text() != 'خيارات أكثر' && $('#angleText').text() != 'خيارات أقل'){
                $('#angleText').text($('#angleText').text() == 'More Options' ? 'Less Options' : 'More Options');
            }
            if($('#angleText').text() != 'More Options' && $('#angleText').text() != 'Less Options'){
                $('#angleText').text($('#angleText').text() == 'خيارات أكثر' ? 'خيارات أقل' : 'خيارات أكثر');
            }
          });
        });
    </script>
@endsection