@extends('site.layouts.master')

@section('title')
    <title>{{ __('site.Remax_Elmohager_outreferal') }}</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="{{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', url()->current())}}@else{{str_replace('/ar', '/en', url()->current())}}@endif">
    <link rel="alternate" hreflang="@if (app()->getLocale() == 'ar'){{'ar'}}@else{{'en'}}@endif"
        href="{{url()->current()}}">
@endsection
@section('content')
    <div class="d-none">
        {{ Breadcrumbs::render('Referral Program Benefits') }}
    </div>
    {!! $breadcrumbSchema !!}
    <div class="px-3 col-lg-10 mb-lg-0 mx-auto text-center">
        <h1 class="SF25_30Black SF70_90Black-lg text-white mb-3">@lang('site.Referral program benefits')</h1>
    </div>
@endsection
@section('referral_benefits_content')
    <div class="bg-f9f9f9 px-3 py-4 px-lg-0 py-lg-5">
        <div class="customWidth">
            <div class="mb-4">
                <p class="SF18_25Regular SF22_30Regular-lg text-9b9b9b">@lang('site.referal_undergoing')</p>
            </div>
            <div class="mb-4">
                <p class="SF22_50Bold SF40_50Bold-lg text-3b3b3b fw-bold">1- @lang('site.Referral_Department'):</p>
                <p class="SF14_24Medium SF22_35Medium-lg text-9b9b9b">@lang('site.Referral_Department_content')</p>
                <p class="SF22_50Bold SF40_50Bold-lg text-3b3b3b fw-bold">2- @lang('site.Accessibility_all_agents'):</p>
                <p class="SF14_24Medium SF22_35Medium-lg text-9b9b9b">@lang('site.Accessibility_all_agents_content')</p>
                <p class="SF22_50Bold SF40_50Bold-lg text-3b3b3b fw-bold">3- @lang('site.Commissions_structure'):</p>
                <p class="SF14_24Medium SF22_35Medium-lg text-9b9b9b">@lang('site.Commissions_structure_content')</p>
                <p class="SF22_50Bold SF40_50Bold-lg text-3b3b3b fw-bold">4- @lang('site.Enhancing_security_service'):</p>
                <p class="SF14_24Medium SF22_35Medium-lg text-9b9b9b">@lang('site.Enhancing_security_service_content')</p>
                <p class="SF22_50Bold SF40_50Bold-lg text-3b3b3b fw-bold">5- @lang('site.Transparent_contacts_updates'):</p>
                <p class="SF14_24Medium SF22_35Medium-lg text-9b9b9b">@lang('site.Transparent_contacts_updates_content')</p>
                <p class="SF14_24Medium SF22_35Medium-lg text-9b9b9b">@lang('site.Transparent_contacts_updates_content2')</p>
            </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_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-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_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-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_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-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_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