@extends('site.layouts.master')

@section('title')
    <title>{{__('site.Agent_Page')}} | {{$agent->username}}</title>
@endsection
@section('metatags')
<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('Agent',$agent) }}
</div>
{!! $breadcrumbSchema !!}
    <div class="bg-f9f9f9 py-3">
        <div class="col-11 mx-auto">
            <div class="d-lg-flex justify-content-lg-center">
                <div class="col-lg-4">
                    <img src="{{ $agent->profile->full_profile_photo ?? asset('new_theme/image_notfound.webp') }}"
                        alt="avatar-16" class="w-100 rounded-3 objectFit">
                    <div class="d-flex justify-content-between align-items-center text-center px-0 my-3">
                        <a rel="nofollow"
                            class="col-4 bg-red btn text-decoration-none text-white rounded-3 p-2 d-flex justify-content-center align-items-center"
                            href="tel:{{ $agent->profile->phone }}">
                            <i class="fa-solid fa-phone-volume"></i> <span
                                class="mx-1 SFBold11_13">{{ $agent->profile->phone }}</span>
                        </a>
                        <a rel="nofollow"
                            class="col-4 bg-green btn text-decoration-none text-white rounded-3 text-uppercase p-2 d-flex justify-content-center align-items-center"
                            href="https://api.whatsapp.com/send?phone=+2{{ $agent->profile->phone }}">
                            <i class="fa-brands fa-whatsapp"></i> <span class="mx-2 SFBold11_13">@lang('site.WhatsAppMe')</span>
                        </a>
                        <a rel="nofollow"
                            class="col-3 bg-707070 btn text-decoration-none text-white rounded-3 p-2 d-flex justify-content-center align-items-center"
                            href="mailto:{{ $agent->email }}">
                            <i class="fa-regular fa-envelope"></i> <span class="mx-2 SFBold11_13">@lang('site.Email')</span>
                        </a>
                    </div>
                </div>
                <div class="col-lg-8 px-3">
                    <div class="d-flex justify-content-between align-items-center">
                        <h1 class="SF25_30Bold SF48_48Bold-lg mb-0 col-10">
    {{ $agent->username }}
</h1>
                        <div class="d-flex justify-content-between col-2">
                            <a class="text-decoration-none col-3 text-center" href="{{ $agent->profile->linkedin_url }}"><i
                                    class="fa-brands fa-lg fa-lg-2x fa-linkedin text-blue"></i></a>
                            <a class="text-decoration-none col-3 text-center" href="{{ $agent->profile->facebook_url }}"><i
                                    class="fa-brands fa-lg fa-lg-2x fa-square-facebook text-blue"></i></a>
                            <a class="text-decoration-none col-3 text-center" href="{{ $agent->profile->twitter_url }}"><i
                                    class="fa-brands fa-lg fa-lg-2x fa-square-x-twitter text-blue"></i></a>
                        </div>
                    </div>
                    <div class="SF18_21Regular SF20_24Regular-lg my-2 text-3b3b3b">{{ $agent->profile->title }}</div>
                    <div class="line"></div>
                    <div class="d-flex flex-wrap justify-content-between my-3">
                        <p class="SF18_21Regular SF22_26Regular-lg text-red my-2 col-lg-5">@lang('site.age'): <span
                                class="SF18_21Medium SF22_26Medium-lg text-707070">{{ $agent->profile->age }}</span></p>
                        <p class="SF18_21Regular SF22_26Regular-lg text-red my-2 col-lg-5">@lang('site.martial_status'): <span
                                class="SF18_21Medium SF22_26Medium-lg text-707070">{{ $agent->profile->martial_status }}</span></p>
                        <p class="SF18_21Regular SF22_26Regular-lg text-red my-2 col-lg-5">@lang('site.hobbies'): <span
                                class="SF18_21Medium SF22_26Medium-lg text-707070">{{ $agent->profile->hobbies }}</span></p>
                        <p class="SF18_21Regular SF22_26Regular-lg text-red my-2 col-lg-5">@lang('site.education'): <span
                                class="SF18_21Medium SF22_26Medium-lg text-707070">{{ $agent->profile->certificate }}</span></p>
                    </div>
                    <div class="line"></div>
                    <p class="my-2 SF22_24Bold SF30_24Bold-lg text-3b3b3b">@lang('site.work_information')</p>
                    <div class="d-flex flex-wrap justify-content-between my-3">
                        <p class="SF18_21Regular SF22_26Regular-lg text-red my-2">@lang('site.previous_job'): <span
                                class="SF18_21Medium SF22_26Medium-lg text-707070">{{ $agent->profile->previous_job }}</span></p>
                        <p class="SF18_21Regular SF22_26Regular-lg text-red my-2">@lang('site.specialty'): <span
                                class="SF18_21Medium SF22_26Medium-lg text-707070">{{ $agent->profile->specialization }}</span></p>
                        <p class="SF18_21Regular SF22_26Regular-lg text-red my-2">@lang('site.experience_years'): <span
                                class="SF18_21Medium SF22_26Medium-lg text-707070">{{ $agent->profile->experience_years }}</span></p>
                    </div>
                    <div class="line"></div>
                    <div class="d-lg-flex flex-lg-wrap justify-content-lg-around my-2">
                        @if ($agent->profile->pre_list_path)
                            <a target="_blank" href="{{ request()->root() . $agent->profile->pre_list_path }}"
                                class="btn bg-blue SF18_21Bold text-white col-12 w-lg-30 py-3 my-2">@lang('site.Pre List') <i
                                    class="fa fa-download mx-2" aria-hidden="true"></i></a>
                        @endif
                        @if ($agent->profile->seller_kit_path)
                            <a target="_blank" href="{{ request()->root() . $agent->profile->seller_kit_path }}"
                                class="btn bg-green SF18_21Bold text-white col-12 w-lg-30 py-3 my-2">@lang('site.Seller kit') <i
                                    class="fa fa-download mx-2" aria-hidden="true"></i></a>
                        @endif
                        @if ($agent->profile->buyer_kit_path)
                            <a target="_blank" href="{{ request()->root() . $agent->profile->buyer_kit_path }}"
                                class="btn bg-707070 SF18_21Bold text-white col-12 w-lg-30 py-3 my-2">@lang('site.Buyer Kit') <i
                                    class="fa fa-download mx-2" aria-hidden="true"></i></a>
                        @endif
                    </div>
                </div>
            </div>
            <div class="line"></div>
            <p class="SF22_50Bold SF40_50Bold-lg text-3b3b3b">@lang('site.Agent_Properties')</p>
            @include('site.template.agents-details-properties-card')
            <div id="post-data"></div>
            <div class="ajax-load"></div>
            <div class="text-center">
                <a href="" id="load_more" class="btn button_see_more_transparent border px-5 py-3">@lang('site.load_more')
                    <i class="mx-3">
                        @if (app()->getLocale() == 'ar')
                            &#x2196;
                        @else
                            &#x2197;
                        @endif
                    </i>
                </a>
            </div>
            <div>
                <p class="SF22_50Bold SF40_50Bold-lg text-3b3b3b my-3">@lang('site.Send Message')</p>
                @if ($agent->id)
                    <form method="POST" action="{{ route('site.contactAgent.send', $agent->id) }}"
                        class="search-area question-form">
                        @foreach ($errors->all() as $error)
                            <p class="text-danger">{{ $error }}</p>
                        @endforeach
                        @csrf
                        <input type="hidden" name="title" value="Agent Contact">
                        <input type="hidden" id="gtokenagent" name="gToken">
                        <div class="d-lg-flex justify-content-lg-between">
                            <div class="w-48">
                                <div class="form-group">
                                    <div class="search_filter">
                                        <label for="name" class="SF20_30Bold text-3b3b3b">@lang('site.Name'):<sup
                                                class="text-red">*</sup></label>
                                        <input type="text"
                                            class="my-2 col-11 mx-auto form-control SF18_21Regular py-3 shadow-none bg-white evaluationPlaceholder text-9b9b9b"
                                            required name="name" value="{{ old('name') }}"
                                            placeholder="@lang('site.Enter your name here')">
                                        <div class="search_results"></div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="search_filter">
                                        <label for="phone" class="SF20_30Bold text-3b3b3b">@lang('site.Phone_Number'):<sup
                                                class="text-red">*</sup></label>
                                        <input type="tel"
                                            class="my-2 col-11 mx-auto form-control SF18_21Regular py-3 shadow-none bg-white evaluationPlaceholder text-9b9b9b"
                                            required name="phone" value="{{ old('phone') }}"
                                            placeholder="@lang('site.Enter phone number here')">
                                        <div class="search_results"></div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="search_filter">
                                        <label for="email" class="SF20_30Bold text-3b3b3b">@lang('site.Email_Address'):<sup
                                                class="text-red">*</sup></label>
                                        <input type="email"
                                            class="my-2 col-11 mx-auto form-control SF18_21Regular py-3 shadow-none bg-white evaluationPlaceholder text-9b9b9b"
                                            required name="email" value="{{ old('email') }}"
                                            placeholder="@lang('site.Enter email address here')">
                                        <div class="search_results"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="w-48">
                                <div class="form-group mt-lg-4">
                                    <div class="search_filter pt-lg-2">
                                        <select
                                            class="my-2 col-12 rounded mx-auto SF18_21Regular py-3 px-2 shadow-none bg-white evaluationPlaceholder text-9b9b9b"
                                            name="sender_type">
                                            <option disabled selected>{{ __('site.Select_your_request_type') }}</option>
                                            <option value="1" @if (old('sender_type') == 1) selected @endif>
                                                {{ __('site.Owner') }}</option>
                                            <option value="2" @if (old('sender_type') == 2) selected @endif>
                                                {{ __('site.BUYER') }}</option>
                                            <option value="3" @if (old('sender_type') == 3) selected @endif>
                                                {{ __('site.Broker') }}</option>
                                            <option value="4" @if (old('sender_type') == 4) selected @endif>
                                                {{ __('site.TENANT') }}</option>
                                            <option value="5" @if (old('sender_type') == 5) selected @endif>
                                                {{ __('site.AUTHORIZED') }}</option>
                                        </select>
                                        <div class="search_results"></div>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="search_filter">
                                        <label for="message"
                                            class="SF20_30Bold text-3b3b3b text-capitalize">@lang('site.message'):</label>
                                        <textarea required name="message"
                                            class="my-2 mb-lg-0 col-12 rounded mx-auto form-control SF18_21Regular py-2 px-2 shadow-none bg-white evaluationPlaceholder text-9b9b9b"
                                            placeholder="@lang('site.Write_message')" rows="3"></textarea>
                                        <div class="search_results"></div>
                                    </div>
                                </div>
                                <div class="mt-lg-3">
                                    <a onclick="Captcha('gtokenagent')"
                                        class="btn bg-red border-0 SF20_24Bold-Important w-100 py-2 py-lg-3 text-white mb-3 mb-lg-0">@lang('site.Send')</a>
                                    <button hidden type="submit" id="doSubmitWithCaptchagtokenagent"></button>
                                </div>
                            </div>
                        </div>
                    </form>
                @endif

            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        function loadMore(page) {
            var url = window.location.href;
            if (url.includes('?')) url = url + '&page=' + page;
            else url = url + '?page=' + page;
            $.ajax({
                    url: url,
                    type: 'get',
                    beforeSend: function() {
                        $('.ajax-load').show();
                    }
                })
                .done(function(data) {
                    if (data.html == "") {
                        $('.ajax-load').html('<p class="text-center text-red">@lang('site.no_more_records')</p>');
                        return
                    } else {
                        console.log(data.html);
                        $('.ajax-load').hide();
                        $('#post-data').append(data.html);
                    }
                })
                .fail(function(jqXHR, ajaxOptions, thrownError) {
                    alert('@lang('site.something_went_wrong')');
                })
        }
        var page = 1;
        $('#load_more').click(function(e) {
            e.preventDefault();
            page++;
            loadMore(page);
        })
    </script>
@endsection