@extends('site.layouts.master')

@section('seoTags')
    @seoTags()
@endsection
@section('title')
<title>@lang('site.Train With Us')</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('Train With Us') }}
    </div>
    {!! $breadcrumbSchema !!}
    <div class="customWidth">
        <div class="text-white text-center trainHeaderBackground rounded-3 py-3 px-4 p-lg-5">
            <h1 class="property_page_title SF60_71Bold-lg">@lang('site.Train With Us')</h1>
            <p class="mb-0 SFBold12_14Light SF18_21Light-lg">@lang('site.get_most_out_our_expertise')</p>
        </div>
        <div class="mt-4 mb-5 d-lg-flex justify-content-lg-between">
            <div class="col-lg-6">
                <p class="text-uppercase SF22_26Bold text-3b3b3b mb-3 SFBlack40_48-lg">@lang('site.about_the_trainer')</p>
                <p class="text-justify SF18_21Medium text-707070 col-md-10 px-0 SF20_24Regular-lg">
                    @lang('hr.Over $500 Million sold in 2021 alone and over $1 Billion in career sales, Mohammed Degheady is recognized as one of the most successful and powerful real estate agents in Egypt. Constantly on top breaking records across the nation and accomplishing what few others have in the history of residential real estate sales, he has positioned himself as one of the most well respected and sought-after agents in the industry. Due to his success.')
                </p>
                <p class="text-justify SF18_21Medium text-707070 col-md-10 px-0 mb-4 SF20_24Regular-lg">
                    @lang('hr.In addition to shattering records as a realtor backed powerhouse RE/MAX ELMOHAGER, Mohammed is also a big investor in real estate and flips houses on the side. Mohammed can teach you how to take your business to the next level and beyond with his unmatched wealth of knowledge, expertise in negotiation and innovative marketing skills that have proven to produce amazing results.')
                </p>
            </div>
            <div class="col-lg-6">
                <img loading="lazy" class="w-100 rounded-3 objectFit" src="{{ asset('uploads/profile_photo/1603200966.webp') }}"
                    alt="Mohammed Degheady">
            </div>
        </div>
        <div class="mt-4 mb-5">
            <p class="text-uppercase property_page_title text-center text-3b3b3b mb-2">@lang('hr.COACHING AGENDA')</p>
            <p class="SFBold12_14Light text-center text-3b3b3b mb-2 SF18_21Regular-lg">@lang('hr.2-HOUR COACHING WITH MOHAMMED DEGHEADY')</p>
            <div class="d-flex flex-wrap justify-content-between justify-content-lg-start">
                <div class="col-6 col-lg-3 px-2">
                    <div class="rounded-3 border border-d1d1d1 p-3 my-2 h-300">
                        <p class="tab_font mb-4 mb-lg-3 text-3b3b3b text-capitalize h-50">@lang('hr.Prospecting for leads')</p>
                        <div class="d-flex justify-content-end"><img loading="lazy" src="{{ asset('new_theme/search person.svg') }}"
                                alt="Search Person"></div>
                    </div>
                </div>
                <div class="col-6 col-lg-3 px-2">
                    <div class="rounded-3 border border-d1d1d1 p-3 my-2 h-300">
                        <p class="tab_font mb-4 mb-lg-3 text-3b3b3b text-capitalize h-50">@lang('hr.How to break into the Luxury market')</p>
                        <div class="d-flex justify-content-end"><img loading="lazy" src="{{ asset('new_theme/Diamond.svg') }}"
                                alt="Diamond">
                        </div>
                    </div>
                </div>
                <div class="col-6 col-lg-3 px-2">
                    <div class="rounded-3 border border-d1d1d1 p-3 my-2 h-300">
                        <p class="tab_font mb-4 mb-lg-3 text-3b3b3b text-capitalize h-50">@lang('hr.Learn Mohammed’s secret marketing techniques')</p>
                        <div class="d-flex justify-content-end"><img loading="lazy" src="{{ asset('new_theme/Target.svg') }}"
                                alt="Target">
                        </div>
                    </div>
                </div>
                <div class="col-6 col-lg-3 px-2">
                    <div class="rounded-3 border border-d1d1d1 p-3 my-2 h-300">
                        <p class="tab_font mb-4 mb-lg-3 text-3b3b3b text-capitalize h-50">@lang('hr.How to pick up buyers')</p>
                        <div class="d-flex justify-content-end"><img loading="lazy" src="{{ asset('new_theme/search money.svg') }}"
                                alt="search money"></div>
                    </div>
                </div>
                <div class="col-6 col-lg-3 px-2">
                    <div class="rounded-3 border border-d1d1d1 py-3 px-2 my-2 h-300">
                        <p class="tab_font mb-4 mb-lg-3 text-3b3b3b text-capitalize h-50">@lang('hr.How to become the Star of your market')</p>
                        <div class="d-flex justify-content-end"><img loading="lazy" src="{{ asset('new_theme/star.svg') }}"
                                alt="star">
                        </div>
                    </div>
                </div>
                <div class="col-6 col-lg-3 px-2">
                    <div class="rounded-3 border border-d1d1d1 p-3 my-2 h-300">
                        <p class="tab_font mb-4 mb-lg-3 text-3b3b3b text-capitalize h-50">@lang('hr.How to be a top Realtor')</p>
                        <div class="d-flex justify-content-end"><img loading="lazy" src="{{ asset('new_theme/medal.svg') }}"
                                alt="medal">
                        </div>
                    </div>
                </div>
                <div class="col-6 col-lg-3 px-2">
                    <div class="rounded-3 border border-d1d1d1 py-3 px-2 my-2 h-300">
                        <p class="tab_font mb-4 mb-lg-3 text-3b3b3b text-capitalize h-50">@lang('hr.How to build and properly structure your business')</p>
                        <div class="d-flex justify-content-end"><img loading="lazy" src="{{ asset('new_theme/stack.svg') }}"
                                alt="stack">
                        </div>
                    </div>
                </div>
            </div>
            <div class="text-center">
                <a data-bs-toggle="modal" data-bs-target="#exampleModal"
                    class="my-3 btn bg-red text-white col-12 px-0 col-lg-5 mx-auto border py-3 SF19_23Medium">@lang('hr.INQUIRE NOW')
                    <i class="mx-3">
                        @if (app()->getLocale() == 'ar')
                            &#x2196;
                        @else
                            &#x2197;
                        @endif
                    </i></a>
            </div>

            <!-- still not customized-->
            <div class="modal fade rounded-3" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header border-0">
                            <button type="button" class="btn-close text-body" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                            <p class="SF40_48Black text-3b3b3b mb-2">
                                @lang('hr.INQUIRE NOW')!
                            </p>
                            <p class="SF20_24Regular text-9b9b9b mb-2">
                                @lang("hr.BE SUCCESSFUL IN TODAY'S REAL ESTATE MARKET")
                            </p>
                            <form action="{{ route('admin.train.store') }}" method="POST">
                                @csrf
                                <div class="form-group">
                                    <input
                                    class="my-2 mx-auto form-control py-2 shadow-none bg-transparent trainplaceholder text-3b3b3b"
                                    placeholder="@lang('hr.Full Name')" type="text" name="name" id="name"
                                    value="{{ $traineeData->name??old('name') }}">
                                    @error('name') <div class="text-danger">{{$message}}</div> @enderror
                                </div>
                                <div class="form-group">
                                    <input
                                    class="my-2 mx-auto form-control py-2 shadow-none bg-transparent trainplaceholder text-3b3b3b"
                                    placeholder="@lang('site.Email_Address')" type="text" name="email" id="email"
                                    value="{{ $traineeData->phone??old('email') }}">
                                    @error('email') <div class="text-danger">{{$message}}</div> @enderror
                                </div>
                                <div class="form-group">
                                    <input
                                    class="my-2 mx-auto form-control py-2 shadow-none bg-transparent trainplaceholder text-3b3b3b"
                                    placeholder="@lang('hr.Mobile_Number')" type="text" name="phone" id="phone"
                                    value="{{ $traineeData->phone??old('phone') }}">
                                </div>
                                <div class="form-group">
                                    <textarea name="message" id="message" class="my-2 mx-auto form-control py-2 shadow-none bg-transparent custborder trainplaceholder text-3b3b3b" placeholder="@lang('hr.Message')">@if(!empty($traineeData->message) || !empty(old('message'))){{ $traineeData->message??old('message') }}@endif</textarea>
                                </div>
                                <div class="form-group text-center">
                                    <button class="bg-red my-4 px-3 px-lg-5 py-3 border-0 rounded-3 tab_font text-white" type="submit">@lang('hr.INQIRE NOW TO RESERVE YOUR SEAT')</button>
                                  </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mt-4 mb-5">
                <p class="text-capitalize property_page_title text-center text-3b3b3b mb-5">@lang('site.Benefits')</p>
                <div class="d-lg-flex justify-content-lg-between">
                    <div class="w-48 p-3 p-lg-4 rounded-3 trainbox1background my-4">
                        <div class="h-70">
                            <p class="SF22_26SemiBold text-white my-4">@lang('site.explore_quote')</p>
                            <div class="line"></div>
                            <ul class="text-white" style="list-style: disc;">
                                <li class="my-3">
                                    @lang('hr.Take an exclusive bus tour with Mohammed Degheady as he showcases some of New Cairo most prestigious properties.')
                                </li>
                                <li class="my-3">
                                    @lang('hr.Take notes as Mohammed narrates his experience on locking down some of the most expensive properties in cairo!')
                                </li>
                            </ul>
                        </div>
                        <div class="text-center">
                            <a data-bs-toggle="modal" data-bs-target="#exampleModal"
                                class="my-3 btn bg-white text-3b3b3b col-8 px-3 text-center col-lg-5 mx-auto border py-3 SF16_19Medium">@lang('hr.INQUIRE NOW')
                                <i class="mx-3">
                                    @if (app()->getLocale() == 'ar')
                                        &#x2196;
                                    @else
                                        &#x2197;
                                    @endif
                                </i></a>
                        </div>
                    </div>
                    <div class="w-48 p-3 p-lg-4 rounded-3 trainbox1background my-4">
                        <div class="h-70">
                            <p class="SF22_26SemiBold text-white my-4 text-capitalize">@lang('hr.PRIVATE Q&A DINNER WITH MOAHMMED DEGHEADY')</p>
                            <div class="line"></div>
                            <ul class="text-white" style="list-style: disc;">
                                <li class="my-3">
                                    @lang("hr.Enjoy an intimate Q&A dining experience with Mohammed Degheady in one of New Cairo's most exclusive restaurants.")
                                </li>
                            </ul>
                        </div>
                        <div class="text-center">
                            <a data-bs-toggle="modal" data-bs-target="#exampleModal"
                                class="my-3 btn bg-white text-3b3b3b col-8 px-3 text-center col-lg-5 mx-auto border py-3 SF16_19Medium">@lang('hr.INQUIRE NOW')
                                <i class="mx-3">
                                    @if (app()->getLocale() == 'ar')
                                        &#x2196;
                                    @else
                                        &#x2197;
                                    @endif
                                </i></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mt-4 mb-5">
                <p class="text-capitalize property_page_title text-center text-3b3b3b mb-4">@lang('hr.TESTIMONIALS')</p>
                <div class="owl-carousel testimonial">
                    @foreach ($testimonials as $i => $testimonial)
                        <div class="px-3 py-2 rounded-3 border border-d1d1d1 cardMeasures mb-1">
                            <div class="d-flex justify-content-between align-items-center">
                                <div class="col-3 col-lg-2">
                                    <img loading="lazy" class="rounded-circle testImage objectCustom border"
                                        src="{{ asset($testimonial->agent_id->profile->profile_photo) }}"
                                        alt="testimonial{{ $i }}">
                                </div>
                                <div class="col-4 col-lg-2 d-flex justify-content-start align-items-end">
                                    <div class="col-2 col-lg-2 mx-2">
                                        <img loading="lazy" class="svg_707070" src="{{ asset('new_theme/marker.svg') }}"
                                            alt="location">
                                    </div>
                                    <div class="col-9 SFBold12_14Light text-707070">
                                        {{ $testimonial->coverage_area }}</div>
                                </div>
                            </div>
                            <p class="text-3b3b3b SF16_19Bold text-capitalize my-2 my-lg-3">
                                "{{ $testimonial->testimonial }}
                                {{-- @if ($i == 1)
                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo, neque tempore
                                    accusantium, harum odio
                                    @endif " --}}
                            </p>
                            <p class="text-red SF10_20Regular mb-0">- {{ $testimonial->agent_id->username }}</p>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
    <div class="line"></div>
@endsection
@section('script')
    <script>
        $(document).ready(function() {
            var mydir = $("html").attr("dir");

            if (mydir == 'rtl') {
                $(".testimonial").owlCarousel({
                    rtl: true,
                    autoWidth: true,
                    nav: true,
                    margin: 10,
                    navText: ['<i class="fa fa-angle-right"></i>', '<i class="fa fa-angle-left"></i>']
                });
            } else {
                $(".testimonial").owlCarousel({
                    rtl: false,
                    autoWidth: true,
                    nav: true,
                    margin: 10,
                    navText: ['<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-right"></i>']
                });
            }
        });
    </script>
@endsection