@extends('site.layouts.master')

@section('title')
    <title>{{ __('site.Remax_Elmohager_Commercial') }}</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')
    <div class="d-none">
        {{ Breadcrumbs::render('About Commercial') }}
    </div>
    {!! $breadcrumbSchema !!}
    <div class="commercialAboutUS d-flex justify-content-lg-center align-items-center">
        <div class="customWidth">
            <h1 class="text-white SF18_21Bold SF30_50Bold-lg col-lg-10 text-decoration-underline">@lang('site.National_Reach_Local_Expertise')</h1>
            <p class="text-white SF22_30Bold SF40_50Bold-lg col-lg-10">@lang('site.commerical_needs')</p>
        </div>
    </div>
    <div class="py-3 py-lg-5 bg-f9f9f9">
        <div class="customWidth">
            <p class="text-center SF18_30Regular SF22_35Regular-lg text-9b9b9b">@lang('site.business_assets')</p>
            <p class="text-center SF18_30Regular SF22_35Regular-lg text-9b9b9b">@lang('site.commercial_organization')</p>
            <p class="text-center SF18_30Regular SF22_35Regular-lg text-9b9b9b">@lang('site.commercial_network')</p>
            <p class="text-center SF18_30Regular SF22_35Regular-lg text-9b9b9b">@lang('site.commercial_network_question')</p>
            <div class="text-center my-5">
                <a href="{{ route('site.whyRemax') }}" target="_blank"
                    class="btn bg-red p-2 p-lg-3 w-48 SF16_19Regular SF22_26Regular-lg text-white mb-5">@lang('site.why_remax_almohager_commercial')</a>
            </div>
            <div class="my-5 text-center">
                <p class="SF22_26Bold SF40_50Bold-lg text-3b3b3b mb-2">@lang('site.commerical_legacy')</p>
                <p class="SF18_35Bold SF22_35Bold-lg text-707070 mb-2">@lang('site.commerical_service')<sup>&#174;</sup>.</p>
                <p class="SF18_35Regular SF22_35Regular-lg text-707070 mb-2">@lang('site.commercial_participation')</p>
            </div>
            <div class="text-center my-5">
                <a href="{{ route('site.agents') }}" target="_blank"
                    class="btn bg-red px-3 py-2 SF22_26Regular text-white mb-lg-5">@lang('site.find_agent')</a>
            </div>
            <div class="d-lg-flex flex-lg-wrap justify-content-lg-between">
                @foreach ($agents as $agent)
                    <div class="bg-white my-3 rounded-3 p-3 w-lg-30">
                        <a href="{{ route('site.premier-agent', $agent->id) }}"><img loading="lazy"
                                class="rounded-3 agentImageMAxHeight w-100 mx-auto objectFit"
                                src="{{ $agent->profile->full_profile_photo ?? asset('new_theme/image_notfound.webp') }}"
                                alt="{{ $agent->username }}"></a>
                        <div>
                            <p class="SF19_23Bold SF22_26Bold-lg text-3b3b3b mt-2 mb-3">{{ $agent->username }}</p>
                            <p class="text-9b9b9b SF10_12Regular SF16_19Regular-lg">@lang('site.lastyear'):</p>
                            <div class="d-flex px-1 justify-content-between align-items-center">
                                <div class="bg-efefef rounded p-2 col-3">
                                    <p class="SF20_24Bold-Important mb-1">{{ $agent->profile->total_deals ?? rand(10, 30) }}
                                    </p>
                                    <small class="SF14_24Regular">@lang('site.deals')</small>
                                </div>
                                <div class="bg-efefef rounded py-2 px-1 col-4">
                                    <p class="SF20_24Bold-Important mb-1">
                                        &#163;{{ $agent->profile->deals_volume ?? rand(100, 120) }}M</p>
                                    <small class="SF14_24Regular">@lang('site.salesvolume')</small>
                                </div>
                                <div class="bg-efefef rounded p-2 col-4">
                                    <p class="SF20_24Bold-Important mb-1">
                                        &#163;{{ $agent->profile->hightest_deal ?? rand(10, 20) }}M</p>
                                    <small class="SF14_24Regular">@lang('site.Avg-price')</small>
                                </div>
                            </div>
                            <p class="text-9b9b9b SF10_12Regular SF16_19Regular-lg my-3">@lang('site.textorcall'):</p>
                            <div class="d-flex justify-content-between align-items-center">
                                <div class="col-6 px-1">
                                    <a href="tel:{{ $agent->profile->phone }}"
                                        class="w-100 py-3 btn bg-blue SFBold14_16 text-white"><i
                                            class="fa-solid fa-phone-volume"></i> {{ $agent->profile->phone }}</a>
                                </div>
                                <div class="col-6 px-1">
                                    <a href="{{ route('site.premier-agent', $agent->id) }}"
                                        class="w-100 py-3 SF12_14BoldImportant text-white btn bg-707070">
                                        @lang('site.viewprofile')
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
            {{-- <div class="d-flex flex-wrap justify-content-center justify-content-lg-between">
                @if (!empty($gov_IDS[0]))
                    <div class="col-12 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_30Regular" 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-12 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_30Regular" 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-12 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_30Regular" 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-12 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_30Regular" 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