@extends('site.layouts.master')

@section('title')
    <title>@lang('site.evalution')</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
@section('content')
    @if (session('success'))
        <div class="alert bg-dark text-white text-center">
            <p>{{session('success')}}</p>
        </div>
    @endif
    <div class="bg-f9f9f9">
        <div class="evaluateBackground d-flex flex-column justify-content-center align-items-center">
            <h1 class="SF30_36Bold SF60_71Bold-lg text-white text-uppercase text-center col-lg-6 mx-auto">@lang('site.evaluate_quote')</h1>
            <a target="_blank" href="{{ asset('evaluation/Valuation Fees List.pdf') }}" class="SFBold14_16 SF18_21Regular-lg px-3 py-2 btn bg-blue text-white col-8 col-lg-4 mx-auto">@lang('site.Download Valuation Fees List')</a>
        </div>
        <div class="px-3 px-lg-4 col-lg-11 mx-auto">
            <p class="text-blue SF23_30Bold my-3 SF40_48Bold-lg col-lg-9">@lang('site.evaluate_quote2')</p>
            <form action="{{ route('site.send_evaluate') }}" method="POST">
                @csrf
                <input type="hidden" id="gtokenevaluate" name="gToken">
                <div class="d-lg-flex justify-content-center">
                    <div class="col-lg-6 px-lg-2">
                        <div class="form-group">
                            <label for="owner_name" class="SF20_30Bold text-3b3b3b my-2">@lang('site.Name'):<span class="text-danger">*</span></label>
                            <input id="owner_name" type="text" class="form-control evaluatePlaceholder" name="owner_name"
                                placeholder="@lang('site.Enter owner name here')">
                            @if ($errors->evaluate->has('owner_name'))
                                <span class="text-danger p-0 m-0"> {{ $errors->evaluate->first('owner_name') }} </span>
                            @endif
                        </div>
                        <div class="form-group">
                            <label for="phone" class="SF20_30Bold text-3b3b3b my-2">@lang('site.Phone')<span class="text-danger">*</span></label>
                            <input id="phone" type="text" class="form-control evaluatePlaceholder" name="phone"
                                placeholder="@lang('site.Enter phone number here')">
                            @if ($errors->evaluate->has('phone'))
                                <span class="text-danger p-0 m-0"> {{ $errors->evaluate->first('phone') }} </span>
                            @endif
                        </div>
                        <div class="form-group">
                            <label for="email" class="SF20_30Bold text-3b3b3b my-2">@lang('site.Email')<span class="text-danger">*</span></label>
                            <input id="email" type="email" class="form-control evaluatePlaceholder" name="email"
                                placeholder="@lang('site.Enter email address here')">
                            @if ($errors->evaluate->has('email'))
                                <span class="text-danger p-0 m-0"> {{ $errors->evaluate->first('email') }} </span>
                            @endif
                        </div>
                        <div class="form-group">
                            <label for="property_name" class="SF20_30Bold text-3b3b3b my-2">@lang('site.Property_Types')<span
                                    class="text-danger">*</span></label>
                                <select id="property_name" class="py-2 rounded-3 w-100 border-d1d1d1 px-2 evaluatePlaceholder SF18_21Regular text-3b3b3b" style="outline: none" name="property_name">
                                    <option value="">@lang('site.select_one')</option>
                                    @foreach($property_types as $property_type)
                                        <option value="{{ $property_type->label }}">{{ $property_type->label }}</option>
                                    @endforeach
                                </select>
                            @if ($errors->evaluate->has('property_name'))
                                <span class="text-danger p-0 m-0"> {{ $errors->evaluate->first('property_name') }} </span>
                            @endif
                        </div>
                        <div class="form-group">
                            <label for="property_location" class="SF20_30Bold text-3b3b3b my-2">@lang('site.property_location')<span
                                    class="text-danger">*</span></label>
                            <input id="property_location" type="text" class="form-control evaluatePlaceholder" name="property_location"
                                placeholder="@lang('site.property_location')">
                            @if ($errors->evaluate->has('property_location'))
                                <span class="text-danger p-0 m-0"> {{ $errors->evaluate->first('property_location') }} </span>
                            @endif
                        </div>
                    </div>
                    <div class="col-lg-6 px-lg-2">
                        <div class="form-group">
                            <label for="your_inquiry" class="SF20_30Bold text-3b3b3b my-2">@lang('site.your_inquiry')<span class="text-danger">*</span></label>
                            <textarea id="your_inquiry" class="form-control evaluatePlaceholder" rows="10" name="your_inquiry" placeholder="@lang('site.Enter your message')"></textarea>
                            @if ($errors->evaluate->has('your_inquiry'))
                                <span class="text-danger p-0 m-0"> {{ $errors->evaluate->first('your_inquiry') }} </span>
                            @endif
                        </div>
                        <div class="form-group my-3 mb-4">
                            <input id="terms" type="checkbox" name="terms" placeholder="@lang('site.evalution_terms')">
                            <label for="terms" class="SF18_21Regular text-9b9b9b non-check"><a href="{{ route('site.evaluation_terms') }}"
                                    class="text-9b9b9b">@lang('site.agree_evalution_terms')</a><span
                                    class="text-danger">*</span></label>
                        </div>
                        <div class="form-group">
                            <a onclick="Captcha('gtokenevaluate')" class="btn bg-red py-3 w-100 text-white SF20_24Bold-Important">@lang('site.Send')</a>
                            <button hidden type="submit" id="doSubmitWithCaptchagtokenevaluate"></button>
                        </div>
                        @if ($errors->evaluate->has('terms'))
                            <span class="text-danger p-0 m-0"> {{ $errors->evaluate->first('terms') }} </span>
                        @endif
                    </div>
                </div>
            </form>
            <div class="py-4">
                <p class="SF23_30Bold SF40_30Bold-lg text-3b3b3b text-lg-center my-3">
                    @lang('site.useful_blogs')
                </p>
                <div class="d-lg-flex justify-content-lg-between">
                    @foreach ($blogs as $blog)
                        <div class="py-3 px-lg-2 col-lg-3">
                            <a href="{{ route('blogs.show', $blog->slug) }}">
                                <img loading="lazy" class="rounded-3 w-100 evaluationBlogImage" src="{{ $blog->image->full_url }}" alt="{{ $blog->image->full_url }}">
                            </a>
                            <span class="commentPosition text-white SF15_18Regular"><i class="fa-regular fa-comment-dots"></i> {{ $blog->comments()->count() }} @lang('site.Comments')</span>
                            <div class="">
                                <div class="time_font text-707070 mb-2">
                                    @if (app()->getLocale() == 'ar')
                                        {{ \Carbon\Carbon::createFromDate($blog->updated_at)->translatedFormat('M d ' . __('site.at') . ' h:i A') }}
                                    @else
                                        {{ \Carbon\Carbon::createFromDate($blog->updated_at)->translatedFormat('M d \a\t h:i A') }}
                                    @endif
                                </div>
                                <div class="my-2" style="height: 80px;">
                                    <a class="SF22_26Bold text-3b3b3b text-decoration-none" href="{{ route('blogs.show', $blog->slug) }}">{{ $blog->title }}</a>
                                </div>
                                    @php
                                        $agent = App\User::find($blog->user_id);
                                    @endphp
                                <div class="d-flex justify-content-start align-items-center">
                                    <p class="time_font col-7 my-0">
                                        @lang('site.Posted By'):
                                        {{-- <a class="time_font text-red mx-1" href="{{route('site.agent-details',$agent->id)}}">
                                            {{$agent->username}}
                                        </a> --}}
                                        <span class="time_font SF14_16Regular-lg text-red mx-1 mb-0">
                                            RE/MAX ALMOHAGER
                                        </span>
                                    </p>
                                    <a href="{{ route('blogs.show', $blog->slug) }}" class="btn bg-red text-white SF13_15Bold py-2 px-3"> @lang('site.Read more')</a>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
        {{-- <div class="col-lg-11 mx-lg-auto">
            <div class="d-flex flex-wrap justify-content-center justify-content-lg-between">
                @if(!empty($gov_IDS[0]))
                <div class="col-11 w-lg-24 bg-white rounded-3 p-3 my-2 shadow-sm">
                    <div id="seeDIV22" class="seemore2">
                        <p class="text-3b3b3b SF21_30Bold my-2">@lang('site.Search For') @lang('site.Property') @lang('site.By Governorates')</p>
                        <div class="line"></div>
                        @foreach ($gov_IDS as $link)
                            <div class="my-2">
                                <a class="text-decoration-underline text-blue small SF22_40Regular" target="_blank" href="{{ url('/'.app()->getLocale().'/govs/'.urlencode(str_replace(' ','-',$link->governorate->name)))}}">@lang('site.Property') @lang('site.In') {{ $link->governorate->name }}</a>
                            </div>
                        @endforeach
                    </div>
                    <div class="text-center my-4">
                        <a class="SF18_40Regular text-3b3b3b d-flex justify-content-between align-items-center text-decoration-none" href="" id="see22"><small>{{__('site.see_more')}}</small> <i class="fa fa-angle-down"></i></a>
                    </div>
                </div>
                @endif
                @if(!empty($city_IDS[0]))
                <div class="col-11 w-lg-24 bg-white rounded-3 p-3 my-2 shadow-sm">
                    <div id="seeDIV3" class="seemore2">
                        <p class="text-3b3b3b SF21_30Bold my-2">@lang('site.Search For') @lang('site.Property') @lang('site.By Cities')</p>
                        <div class="line"></div>
                        @foreach ($city_IDS as $link)
                            <div class="my-2">
                                <a class="text-decoration-underline text-blue small SF22_40Regular" target="_blank" href="{{ url('/'.app()->getLocale().'/'.urlencode(str_replace(' ','-',$link->city->governorate->name)).'/'.urlencode(str_replace(' ','-',$link->city->name)))}}">@lang('site.Property') @lang('site.In') {{ $link->city->name }}</a>
                            </div>
                        @endforeach
                    </div>
                    <div class="text-center my-4">
                        <a class="SF18_40Regular text-3b3b3b d-flex justify-content-between align-items-center text-decoration-none" href="" id="see3"><small>{{__('site.see_more')}}</small> <i class="fa fa-angle-down"></i></a>
                    </div>
                </div>
                @endif
                @if(!empty($district_IDS[0]))
                <div class="col-11 w-lg-24 bg-white rounded-3 p-3 my-2 shadow-sm">
                    <div id="seeDIV4" class="seemore2">
                        <p class="text-3b3b3b SF21_30Bold my-2">@lang('site.Search For') @lang('site.Property') @lang('site.By Districts')</p>
                        <div class="line"></div>
                        @foreach ($district_IDS as $link)
                            <div class="my-2">
                                <a class="text-decoration-underline text-blue small SF22_40Regular" target="_blank" href="{{ url('/'.app()->getLocale().'/'.urlencode(str_replace(' ','-',$link->district->city->name)).'/'.urlencode(str_replace(' ','-',$link->district->name)))}}">@lang('site.Property') @lang('site.In') {{ $link->district->name }}</a>
                            </div>
                        @endforeach
                    </div>
                    <div class="text-center my-4">
                        <a class="SF18_40Regular text-3b3b3b d-flex justify-content-between align-items-center text-decoration-none" href="" id="see4"><small>{{__('site.see_more')}}</small> <i class="fa fa-angle-down"></i></a>
                    </div>
                </div>
                @endif
                @if(!empty($compound_IDS[0]))
                <div class="col-11 w-lg-24 bg-white rounded-3 p-3 my-2 shadow-sm">
                    <div id="seeDIV5" class="seemore2">
                        <p class="text-3b3b3b SF21_30Bold my-2">@lang('site.Search For') @lang('site.Property') @lang('site.By Compounds')</p>
                        <div class="line"></div>
                        @foreach ($compound_IDS as $link)
                            <div class="my-2">
                                <a class="text-decoration-underline text-blue small SF22_40Regular" target="_blank" href="{{ url('/'.app()->getLocale().'/'.urlencode(str_replace(' ','-',$link->compound->city->name)).'/'.urlencode(str_replace(' ','-',$link->compound->name)))}}">@lang('site.Property') @lang('site.In') {{ $link->compound->name }}</a>
                            </div>
                        @endforeach
                    </div>
                    <div class="text-center my-4">
                        <a class="SF18_40Regular text-3b3b3b d-flex justify-content-between align-items-center text-decoration-none" href="" id="see5"><small>{{__('site.see_more')}}</small> <i class="fa fa-angle-down"></i></a>
                    </div>
                </div>
                @endif
            </div>
        </div> --}}
    </div>
@endsection
@section('script')
    <script>
        $("#see22").on("click", function(e) {
            e.preventDefault();
            $("#seeDIV22").toggleClass('seemore2');
            if($("#seeDIV22").hasClass('seemore2')){
                $(this).children('small').html('{{ __("site.see_more") }}');
                $(this).children('i').removeClass('fa-angle-up');
                $(this).children('i').addClass('fa-angle-down');
            }else{
                $(this).children('small').html('{{ __("site.see_less") }}');
                $(this).children('i').removeClass('fa-angle-down');
                $(this).children('i').addClass('fa-angle-up');
            }
        });
        $("#see3").on("click", function(e) {
            e.preventDefault();
            $("#seeDIV3").toggleClass('seemore2');
            if($("#seeDIV3").hasClass('seemore2')){
                $(this).children('small').html('{{ __("site.see_more") }}');
                $(this).children('i').removeClass('fa-angle-up');
                $(this).children('i').addClass('fa-angle-down');
            }else{
                $(this).children('small').html('{{ __("site.see_less") }}');
                $(this).children('i').removeClass('fa-angle-down');
                $(this).children('i').addClass('fa-angle-up');
            }
        });
        $("#see4").on("click", function(e) {
            e.preventDefault();
            $("#seeDIV4").toggleClass('seemore2');
            if($("#seeDIV4").hasClass('seemore2')){
                $(this).children('small').html('{{ __("site.see_more") }}');
                $(this).children('i').removeClass('fa-angle-up');
                $(this).children('i').addClass('fa-angle-down');
            }else{
                $(this).children('small').html('{{ __("site.see_less") }}');
                $(this).children('i').removeClass('fa-angle-down');
                $(this).children('i').addClass('fa-angle-up');
            }
        });
        $("#see5").on("click", function(e) {
            e.preventDefault();
            $("#seeDIV5").toggleClass('seemore2');
            if($("#seeDIV5").hasClass('seemore2')){
                $(this).children('small').html('{{ __("site.see_more") }}');
                $(this).children('i').removeClass('fa-angle-up');
                $(this).children('i').addClass('fa-angle-down');
            }else{
                $(this).children('small').html('{{ __("site.see_less") }}');
                $(this).children('i').removeClass('fa-angle-down');
                $(this).children('i').addClass('fa-angle-up');
            }
        });
    </script>
@endsection