@extends('site.layouts.master')

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

@section('title')
    <title>@lang('site.Capital Markets')</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('Capital Markets') }}
    </div>
    {!! $breadcrumbSchema !!}
    <div class="d-flex justify-content-center justify-content-lg-center align-items-center capitalMain">
        <div class="col-3 px-2 col-lg-2 mx-lg-2">
            <img loading="lazy" src="{{ asset('assets/site/img/brands/logo-balloon.svg') }}" width="100" alt="logo-balloon">
        </div>
        <div class="col-8 px-2 col-lg-5 mx-lg-2">
            <p class="SF14_26Medium SF22_30Medium-lg text-white mb-0">@lang('site.weare')</p>
            <h1 class="SF30_34Black SF70_90Black-lg text-white">@lang('site.REMAX') <sup>&reg;</sup></h1>
            <p class="SF14_26Medium SF22_30Medium-lg text-white">@lang('site.A Business That Builds Businesses')</p>
        </div>
    </div>
    <div class="py-3 bg-f9f9f9">
        <div class="customWidth">
            <div class="my-2 d-lg-flex justify-content-lg-between align-items-lg-center mb-lg-5">
                <div class="mb-2 px-lg-2">
                    <p class="text-3b3b3b SF18_21Regular">@lang('site.RACM')</p>
                    <p class="text-3b3b3b SF18_21Regular">@lang('site.RACM_agencies')</p>
                    <p class="text-3b3b3b SF18_21Regular">@lang('site.RACM_invest')</p>
                    <p class="text-3b3b3b SF18_21Regular">@lang('site.RACM_egypt')</p>
                </div>
                <div class="col-lg-4 px-lg-2">
                    <img loading="lazy" class="w-100 h-3000 rounded-3" src="{{ asset('new_theme/capital_image1.webp') }}"
                        alt="capital_image1">
                </div>
            </div>
            <div class="my-2">
                <div>
                    <img loading="lazy" class="w-100 h-200 h-400-lg rounded-3" src="{{ asset('new_theme/capital_image2.webp') }}"
                        alt="capital_image2">
                </div>
                <div class="rounded-3 px-2">
                    <div class="px-2 px-lg-5 pt-3 pb-5 bg-white move_up3 move_up3-lg rounded-3 border border-e2e2e2 d-lg-flex justify-content-lg-btween">
                        <div class="col-lg-6">
                            <p class="SF22_35Bold SF40_48Bold-lg text-3b3b3b">@lang('site.services_header')</p>
                            <ul style="list-style:disc;" class="mb-3">
                                <li class="SF14_31Regular SF22_35Regular-lg">@lang('site.Sales_Advice')</li>
                                <li class="SF14_31Regular SF22_35Regular-lg">@lang('site.Acquisition_Advice')</li>
                                <li class="SF14_31Regular SF22_35Regular-lg">@lang('site.Acquisition_Sales')</li>
                                <li class="SF14_31Regular SF22_35Regular-lg">@lang('site.Acquisition_portfolios')</li>
                                <li class="SF14_31Regular SF22_35Regular-lg">@lang('site.Sales_operation')</li>
                            </ul>
                        </div>
                        <div class="col-lg-6">
                            <p class="SF22_26Medium SF40_48Medium-lg text-3b3b3b">@lang('site.Find us')</p>
                            <p class="SF18_21SemiBold SF22_26SemiBold-lg text-3b3b3b">{{ $branch->name }}</p>
                            <div class="d-flex align-items-center mb-2">
                                <div class="iconSize">
                                    <img loading="lazy" class="bg-light-blue rounded-circle p-2" src="{{ asset('new_theme/marker.svg') }}"
                                        alt="address">
                                </div>
                                <p class="SF18_21Regular SF20_24Regular-lg text-707070 text-decoration-underline mx-2 mb-0">
                                    {{ $branch->address }}
                                </p>
                            </div>
                            <div class="d-flex align-items-center mb-2">
                                <div class="iconSize">
                                    <p class="bg-light-blue rounded-circle py-1 mb-0 text-center text-blue"><i
                                            class="fa-solid fa-phone-volume"></i></p>
                                </div>
                                <p class="SF18_21Regular SF20_24Regular-lg text-707070 text-decoration-underline mx-2 mb-0">
                                    {{ $branch->phone }}
                                </p>
                            </div>
                            <div class="d-flex align-items-center mb-2">
                                <div class="iconSize">
                                    <p class="bg-light-blue rounded-circle py-1 mb-0 text-center text-blue"><i
                                            class="fa-regular fa-envelope"></i></p>
                                </div>
                                <p class="SF18_21Regular SF20_24Regular-lg text-707070 text-decoration-underline mx-2 mb-0">
                                    {{ $branch->email }}
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="my-3">
                <p class="SF22_30Bold SF40_48Bold-lg text-3b3b3b fw-bold">@lang('site.ASSET CLASSES')</p>
                <div class="d-flex flex-wrap justify-content-between">
                    <div class="w-1000 w-48 my-2">
                        <div class="d-flex justify-content-center align-items-center rounded-3 officesBackground h-100px h-250">
                            <p class="SF24_29Bold text-white mb-0">@lang('site.offices')</p>
                        </div>
                    </div>
                    <div class="w-1000 w-48 my-2">
                        <div class="d-flex justify-content-center align-items-center rounded-3 mallsBackground h-100px h-250">
                            <p class="SF24_29Bold text-white mb-0">@lang('site.malls')</p>
                        </div>
                    </div>
                    <div class="w-1000 w-48 my-2">
                        <div class="d-flex justify-content-center align-items-center rounded-3 hotelsBackground h-100px h-250">
                            <p class="SF24_29Bold text-white mb-0">@lang('site.Hotels')</p>
                        </div>
                    </div>
                    <div class="w-1000 w-48 my-2">
                        <div class="d-flex justify-content-center align-items-center rounded-3 residentialBackground h-100px h-250">
                            <p class="SF24_29Bold text-white mb-0">@lang('site.Residential')</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="my-3">
                <p class="SF22_30Bold SF40_48Bold-lg text-3b3b3b fw-bold">@lang('site.A DEDICATED TEAM OF EXPERTS')</p>
                <div class="d-lg-flex flex-lg-wrap justify-content-lg-between">
                    @foreach ($agents as $agent)
                        <div class="my-3 rounded-3 py-3 p-lg-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 class="d-flex justify-content-between align-items-center my-2">
                                <p class="SF19_23Bold SF22_26Bold-lg text-3b3b3b mb-0 col-8">{{ $agent->username }}</p>
                                <div class="d-flex justify-content-between align-items-center col-4">
                                    <div class="col-4 px-1">
                                        <a class="bg-blue rounded-2 text-center" href="{{ $agent->profile->linkedin_url }}"><i
                                                class="fa-brands fa-linkedin-in w-100 text-white"></i></a>
                                    </div>
                                    <div class="col-4 px-1">
                                        <a class="bg-blue rounded-2 text-center" href="{{ $agent->profile->facebook_url }}"><i
                                                class="fa-brands fa-facebook-f w-100 text-white"></i></a>
                                    </div>
                                    <div class="col-4 px-1">
                                        <a class="bg-blue rounded-2 text-center" href="{{ $agent->profile->twitter_url }}"><i
                                                class="fa-brands fa-x-twitter w-100 text-white"></i></a>
                                    </div>
                                </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-7">
                                    <a href="tel:{{ $agent->profile->phone }}"
                                        class="w-100 py-3 btn bg-red SFBold14_16 text-white"><i
                                            class="fa-solid fa-phone-volume"></i> {{ $agent->profile->phone }}</a>
                                </div>
                                <div class="col-5 px-2">
                                    <a href="mailto:{{ $agent->email }}"
                                        class="w-100 py-3 btn bg-707070 SFBold14_16 text-white"><i
                                            class="fa-regular fa-envelope"></i> @lang('site.Email')</a>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
            <div class="my-3">
                <p class="SF22_30Bold SF40_48Bold-lg text-3b3b3b fw-bold">@lang('site.ONLINE ENQUIRY')</p>
                <form class="d-lg-flex justify-content-lg-between" method="post" enctype="multipart/form-data" action="{{ route('site.contactMessage') }}">
                    @csrf
                    <input type="hidden" id="gtoken" name="gToken">
                    <div class="col-lg-6 d-lg-flex flex-column align-items-lg-between self-align-lg-between @if(app()->getLocale() == 'ar') ps-lg-2 @else pe-lg-2 @endif">
                        <div class="form-group my-2 mb-lg-5">
                            <label for="name" class="SF20_30Bold">@lang('site.Name')</label>
                            <input type="text" name="name" class="form-control evaluatePlaceholder"
                                placeholder="@lang('site.Enter your name here')">
                        </div>
                        <div class="form-group my-2 mb-lg-5">
                            <label for="number" class="SF20_30Bold">@lang('site.Phone_Number')</label>
                            <input type="text" name="number" class="form-control evaluatePlaceholder"
                                placeholder="@lang('site.Enter phone number here')">
                        </div>
                        <div class="form-group my-2 mb-lg-5">
                            <label for="email" class="SF20_30Bold">@lang('site.Email_Address')</label>
                            <input type="email" name="email" class="form-control evaluatePlaceholder"
                                placeholder="@lang('site.Enter your email here')">
                        </div>
                    </div>
                    <div class="col-lg-6 @if(app()->getLocale() == 'ar') pe-lg-2 @else ps-lg-2 @endif">
                        <div class="form-group my-2">
                            <label for="subject" class="SF20_30Bold">@lang('site.Subject')</label>
                            <select name="subject_id" class="SF18_21Regular text-3b3b3b w-100 px-2 py-2 rounded border-d1d1d1"
                                style="outline: none">
                                @foreach ($subjects as $subject)
                                    <option value="{{ $subject->id }}"> {{ $subject->name }} </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group my-2">
                            <label for="message" class="SF20_30Bold text-capitalize">@lang('site.message')</label>
                            <textarea class="form-control evaluatePlaceholder" name="message" rows="7" placeholder="@lang('site.Write_message')"></textarea>
                        </div>
                        @foreach ($errors->all() as $error)
                            <p class="d-block text-danger">{{ $error }}</p>
                        @endforeach
                        <div>
                            <a onclick="Captcha('gtoken')"
                                class="btn bg-red text-white SF18_21Bold w-100 py-2 px-3 my-3">@lang('site.Send')</a>
                            <button hidden type="submit" id="doSubmitWithCaptchagtoken"></button>
                        </div>
                    </div>
                </form>
            </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