@extends('site.layouts.master')

@section('seoTags')
  @seoTags()
@endsection
@section('title')
<title>@lang('site.investor')</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('Investor Relation') }}
    </div>
    {!! $breadcrumbSchema !!}
    <div class="px-3 mt-4">
        <div class="d-flex justify-content-between justify-content-lg-center align-items-center">
            <div class="col-3 col-lg-2 mx-lg-2">
                <img loading="lazy" src="{{ asset('new_theme/logo-balloon.svg') }}" alt="logo-balloon">
            </div>
            <div class="col-8 col-lg-5 mx-lg-2">
                <p class="SF14_26Medium SF22_30Medium-lg text-white mb-0">@lang('site.weare')</p>
                <p class="SF30_34Black SF70_90Black-lg text-white mb-0">@lang('site.REMAX') <sup>&reg;</sup></p>
                <p class="SF14_26Medium SF22_30Medium-lg text-white">@lang('site.A Business That Builds Businesses')</p>
            </div>
        </div>
    </div>
@endsection
@section('investor_content')
    <div class="bg-f9f9f9 py-4">
        <div class="customWidth">
            <p class="SF22_50Medium SF40_50Medium-lg text-red">@lang('site.investor')</p>
            {!!App\Statics::getWithCurrentLang('investor_relation')!!}
            {{-- خلى بالك ساعة النشر تنقل المحتوى من الداتا بيز اللوكل للسيرفر --}}
            {{-- <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