@extends('site.layouts.master')

@section('title')
    <title>{{ __('site.Remax_Elmohager_outreferal') }}</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="{{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', url()->current())}}@else{{str_replace('/ar', '/en', url()->current())}}@endif">
    <link rel="alternate" hreflang="@if (app()->getLocale() == 'ar'){{'ar'}}@else{{'en'}}@endif"
        href="{{url()->current()}}">
@endsection
@section('content')
    <div class="d-none">
        {{ Breadcrumbs::render('Referral Program') }}
    </div>
    {!! $breadcrumbSchema !!}
    <div class="col-lg-10 mx-lg-auto my-3 mb-lg-0 mt-lg-5 customWidth text-center">
        <h1 class="SF30_36Black SF55_65Black-lg text-white mb-3">@lang('site.Send the referral and earn commission')</h1>
        <p class="SF14_16Medium SF16_19Medium-lg text-white">@lang('site.send_referal_content')</p>
    </div>
@endsection
@section('referral_content')
    <div class="py-4 py-lg-5 bg-f9f9f9">
        <div class="customWidth">
            <div class="mb-4">
                <p class="SF18_30Regular SF22_30Regular-lg text-9b9b9b">@lang('site.lucrative_opportunities')</p>
                <p class="SF18_30Regular SF22_30Regular-lg text-9b9b9b">@lang('site.referrals_facilitates')</p>
                <p class="SF18_30Regular SF22_30Regular-lg text-9b9b9b">@lang('site.referral_department_registers')</p>
                <p class="SF18_30Regular SF22_30Regular-lg text-9b9b9b">@lang('site.customer_satisfaction')</p>
            </div>
            <div class="mb-3">
                <p class="SF22_30Bold SF40_50Bold-lg text-3b3b3b">@lang('site.agent_registered_through_Referral_Department'):</p>
                <p class="SF14_24Regular SF22_40Regular-lg text-9b9b9b mb-0">- @lang('site.agent_recevies')</p>
                <p class="SF14_24Regular SF22_40Regular-lg text-9b9b9b">- @lang('site.Eliminate_risks')</p>
                <p class="SF18_30Regular SF22_30Regular-lg text-9b9b9b">@lang('site.Referral_section_offers')</p>
                <p class="SF18_30Regular SF22_30Regular-lg text-9b9b9b">@lang('site.deliberate_expertise')</p>
            </div>
            <div class="mb-4">
                <a href="{{ route('site.referalBenefits') }}" target="_blank"
                    class="btn bg-red text-white SF16_19BoldImportant px-3 py-2">@lang('site.Referral_Benefits')</a>
            </div>
            <form action="{{ route('site.referralRegister') }}" method="POST" class="" enctype="multipart/form-data">
                @csrf
                @if (session()->get('success') != null)
                    <div class="alert alert-light col-auto mx-auto text-center" role="alert">
                        <p class="text-danger p-1 m-1">
                            @if (str_contains(session()->get('success'), 'Updated'))
                                {{ session()->get('success') }}
                            @else
                                @lang('hr.' . session()->get('success'))
                            @endif
                        </p>
                    </div>
                @elseif(session()->get('message') != null)
                    <div class="alert alert-danger col-auto mx-auto text-center" role="alert">
                        <p class="text-danger p-1 m-1">{{ session()->get('message') }}</p>
                    </div>
                @endif
                <input type="hidden" name="id" value="{{ $referal->id }}">
                <input type="hidden" id="gtokenreferal" name="gToken">
                <div class="d-lg-flex flex-lg-wrap justify-content-lg-between">
                    <div class="form-group w-48">
                        <label for="name" class="SF18_30Bold text-3b3b3b my-3">@lang('site.Name'): <sup
                                class="text-red">*</sup></label>
                        <input type="text" name="name" id="name" value="{{ $referal->name ?? old('name') }}"
                            class="form-control evaluatePlaceholder py-3" placeholder="@lang('site.Enter your name here')">
                        @error('name')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-group w-48">
                        <label for="nickname" class="SF18_30Bold text-3b3b3b my-3">@lang('site.nickname'):</label>
                        <input type="text" name="nickname" id="nickname" value="{{ $referal->nickname ?? old('nickname') }}"
                            class="form-control evaluatePlaceholder py-3" placeholder="@lang('site.Enter your nickname here')">
                        @error('nickname')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-group w-48">
                        <label for="phone" class="SF18_30Bold text-3b3b3b my-3">@lang('site.Phone_Number'): <sup
                                class="text-red">*</sup></label>
                        <input type="text" name="phone" id="phone" value="{{ $referal->phone ?? old('phone') }}"
                            class="form-control evaluatePlaceholder py-3" placeholder="@lang('site.Enter phone number here')">
                        @error('phone')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-group w-48">
                        <label for="email" class="SF18_30Bold text-3b3b3b my-3">@lang('site.Email_Address'): <sup
                                class="text-red">*</sup></label>
                        <input type="text" name="email" id="email" value="{{ $referal->email ?? old('email') }}"
                            class="form-control evaluatePlaceholder py-3" placeholder="@lang('site.Enter your email here')">
                        @error('email')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="d-lg-flex justify-content-lg-between col-lg-12">
                        <div class="w-48">
                            <div class="form-group">
                                <label for="current_job" class="SF18_30Bold text-3b3b3b my-3">@lang('site.current_job'): <sup
                                        class="text-red">*</sup></label>
                                <input type="text" name="current_job" id="current_job"
                                    value="{{ $referal->current_job ?? old('current_job') }}" class="form-control evaluatePlaceholder py-3"
                                    placeholder="@lang('site.Enter your current job here')">
                                @error('current_job')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="city" class="SF18_30Bold text-3b3b3b my-3">@lang('site.City'): <sup
                                        class="text-red">*</sup></label>
                                <input type="text" name="city" id="city" value="{{ $referal->city ?? old('city') }}"
                                    class="form-control evaluatePlaceholder py-3" placeholder="@lang('site.Enter your city here')">
                                @error('city')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="form-group w-48">
                            <label for="additional_information" class="SF18_30Bold text-3b3b3b my-3">@lang('site.additional_information'): <sup
                                    class="text-red">*</sup></label>
                            <input type="text" name="additional_information" id="additional_information"
                                value="{{ $referal->additional_information ?? old('additional_information') }}"
                                class="form-control evaluatePlaceholder py-3 h-lg-75" placeholder="@lang('site.Enter additional information here')">
                            @error('additional_information')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group w-48">
                        <label for="personal_picture" class="SF18_30Bold text-3b3b3b my-3 w-100">@lang('site.personal_picture'): <sup class="text-red">*</sup>
                            <div id="file_personal_picture" class="dashedBorder border-d1d1d1 text-blue py-2 rounded-3 text-center SF18_21Medium my-2">@lang('site.choose_file')</div>
                        </label>
                        <input type="file" name="personal_picture" id="personal_picture"
                            class="d-none form-control evaluatePlaceholder">
                        @error('personal_picture')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-group w-48">
                        <label for="facebook" class="SF18_30Bold text-3b3b3b my-3">@lang('hr.Facebook'):</label>
                        <input type="text" name="facebook" id="facebook"
                            value="{{ $referal->facebook ?? old('facebook') }}" class="form-control evaluatePlaceholder py-3"
                            placeholder="@lang('site.Enter your facebook url here')">
                        @error('facebook')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-group w-48">
                        <label for="linkedin" class="SF18_30Bold text-3b3b3b my-3">@lang('site.linkedin'):</label>
                        <input type="text" name="linkedin" id="linkedin"
                            value="{{ $referal->linkedin ?? old('linkedin') }}" class="form-control evaluatePlaceholder py-3"
                            placeholder="@lang('site.Enter your linkedin url here')">
                        @error('linkedin')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-group w-48">
                        <label for="instagram" class="SF18_30Bold text-3b3b3b my-3">@lang('site.instagram'):</label>
                        <input type="text" name="instagram" id="instagram"
                            value="{{ $referal->instagram ?? old('instagram') }}" class="form-control evaluatePlaceholder py-3"
                            placeholder="@lang('site.Enter your instagram url here')">
                        @error('instagram')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-group w-48">
                        <label for="youtube" class="SF18_30Bold text-3b3b3b my-3">@lang('site.youtube'):</label>
                        <input type="text" name="youtube" id="youtube" value="{{ $referal->youtube ?? old('youtube') }}"
                            class="form-control evaluatePlaceholder py-3" placeholder="@lang('site.Enter your youtube url here')">
                        @error('youtube')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="my-3 w-48 mt-lg-5 text-center">
                        <a onclick="Captcha('gtokenreferal')" class="btn bg-red SF20_24Bold-Important w-50 text-white py-2 mt-lg-3 py-lg-3">@lang('site.Register')</a>
                        <button hidden type="submit" id="doSubmitWithCaptchagtokenreferal"></button>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection
@section('script')
<script>
    $('#personal_picture').change(function(){
        $('#file_personal_picture').html($(this).prop('files')[0].name);
    })
</script>
@endsection