@extends('site.layouts.master')

@section('seoTags')
    @seoTags()
@endsection
@section('title')
    <title>
        @lang('site.Property_Management_Program')
    </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('Property Management') }}
</div>
{!! $breadcrumbSchema !!}
@endsection
@section('management_content')
    <div class="bg-f9f9f9 py-4">
        <div class="customWidth">
            <div class="mb-3">
                <h1 class="SF22_50Bold SF40_50Bold-lg text-3b3b3b fw-bold">@lang('site.Your Properties is our priority')</h1>
                <p class="SF14_20Regular SF22_30Regular-lg text-9b9b9b">@lang('site.decades_of_experience')</p>
                <p class="SF14_20Regular SF22_30Regular-lg text-9b9b9b">@lang('site.income_generating')</p>
                <p class="SF14_20Regular SF22_30Regular-lg text-9b9b9b">@lang('site.successful_factors')</p>
                <p class="SF14_20Regular SF22_30Regular-lg text-9b9b9b">@lang('site.checking_tenants')</p>
            </div>
            <div class="mb-3">
                <p class="SF22_50Bold SF40_50Bold-lg text-3b3b3b">@lang('site.What is real estate management?')</p>
                <p class="SF14_20Regular SF22_30Regular-lg text-9b9b9b">@lang('site.property_supervision')</p>
            </div>
            <div class="mb-3">
                <p class="SF22_50Bold SF40_50Bold-lg text-3b3b3b">@lang('site.How can the Department of RE/MAX ALMOHAGER Property Management help you?')</p>
                <p class="SF14_20Regular SF22_30Regular-lg text-9b9b9b">@lang('site.property_manager')</p>
                <p class="SF14_24Bold SF22_30Bold-lg text-blue">- @lang('site.Rent_Management')</p>
                <p class="SF14_24Regular SF22_30Regular-lg text-9b9b9b">@lang('site.Rent_Management_content')</p>
                <p class="SF14_24Bold SF22_30Bold-lg text-blue">- @lang('site.Rent_pricing')</p>
                <p class="SF14_24Regular SF22_30Regular-lg text-9b9b9b">@lang('site.Rent_pricing_content')</p>
                <p class="SF14_24Bold SF22_30Bold-lg text-blue">- @lang('site.Property_inspection')</p>
                <p class="SF14_24Regular SF22_30Regular-lg text-9b9b9b">@lang('site.Property_inspection_content')</p>
                <p class="SF14_24Regular SF22_30Regular-lg text-9b9b9b">@lang('site.Property_inspection_content2')</p>
                <p class="SF14_24Regular SF22_30Regular-lg text-red">@lang('site.Property_inspection_content3')</p>
                <p class="SF14_24Bold SF22_30Bold-lg text-blue">- @lang('site.Provision_services')</p>
                <p class="SF14_24Regular SF22_30Regular-lg text-9b9b9b">@lang('site.Provision_services_content')</p>
                <p class="SF14_24Bold SF22_30Bold-lg text-blue">- @lang('site.Financial_records')</p>
                <p class="SF14_24Regular SF22_30Regular-lg text-9b9b9b">@lang('site.Financial_records_content')</p>
                <p class="SF14_24Regular SF22_30Regular-lg text-9b9b9b">@lang('site.Financial_records_content2')</p>
                <p class="SF14_24Regular SF22_30Regular-lg text-9b9b9b">@lang('site.Financial_records_content3')</p>
                <p class="SF14_24Bold SF22_30Bold-lg text-blue">- @lang('site.planned_long_term')</p>
                <p class="SF14_24Regular SF22_30Regular-lg text-9b9b9b">@lang('site.planned_long_term_content')</p>
                <p class="SF14_24Bold SF22_30Bold-lg text-blue">- @lang('site.Management_Marketing')</p>
                <p class="SF14_24Regular SF22_30Regular-lg text-9b9b9b">@lang('site.Management_Marketing_content')</p>
                <p class="SF14_30Regular SF22_30Regular-lg text-9b9b9b">@lang('site.Management_Contact_Us') <a href="{{ route('PropertyManagementForm') }}"
                        class="text-blue text-decoration-underline">@lang('site.here')</a></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_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