@extends('site.layouts.master')

@section('title')
    <title>{{ __('site.Register_Page') }}</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-lg-none SF16_18Bold py-3 px-4">
        <h1 class="p text-2b2b2b">{{ __('site.Create_account') }}</h1>
        {{-- <p class="text-2b2b2b">@lang('site.What can you do with a free account on NILEESTATE.COM?')</p> --}}
        <p class="time_text text-707070 mb-0">- @lang('site.organized')</p>
        <p class="SF14_16Thin text-707070">@lang('site.organized_quote')</p>
        <p class="time_text text-707070 mb-0">- @lang('site.save_time')</p>
        <p class="SF14_16Thin text-707070">@lang('site.save_quote')</p>
        <p class="time_text text-707070 mb-0">- @lang('site.perspective')</p>
        <p class="SF14_16Thin text-707070">@lang('site.perspective_quote')</p>
        <p class="time_text text-707070 mb-0">@lang('site.finish_quote')</p>
    </div>
    <div class="px-4">
        @if ($errors->any())
            <div class="alert alert-danger text-center">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        @if (session()->has('msg'))
            <div class="alert alert-danger text-center">
                <ul>
                    <li>{{ session()->get('msg') }}</li>
                </ul>
            </div>
        @endif
        <form method="post" class="d-flex flex-wrap justify-content-around align-itms-center">
            @csrf
            <input type="hidden" id="gtokenregist" name="gToken">
            <div class="form-group col-6 px-2">
                <input type="text" class="form-control text-3b3b3b SF18_21RegularImportant py-3 rounded-3 my-3"
                    name="name" value="{{ old('name') }}" placeholder="{{ __('site.Name') }}">
            </div>
            <div class="form-group col-6 px-2">
                <input type="email" class="form-control text-3b3b3b SF18_21RegularImportant py-3 rounded-3 my-3"
                    name="email" value="{{ old('email') }}" placeholder="{{ __('site.Email_Address') }}">
            </div>
            <div class="form-group col-6 px-2">
                <input type="text" class="form-control text-3b3b3b SF18_21RegularImportant py-3 rounded-3 my-3"
                    name="phone" value="{{ old('phone') }}" placeholder="{{ __('site.Phone') }}">
            </div>
            <div class="form-group col-6 px-2">
                <input type="Password" class="form-control text-3b3b3b SF18_21RegularImportant py-3 rounded-3 my-3"
                    name="password" placeholder="{{ __('site.Password') }}">
            </div>
            <div class="form-group col-6 px-2">
                <input type="Password" class="form-control text-3b3b3b SF18_21RegularImportant py-3 rounded-3 my-3"
                    name="password_confirmation" placeholder="{{ __('site.ReType_Password') }}">
            </div>
            <div class="form-group col-6 px-2 my-3">
                <a onclick="Captcha('gtokenregist')" href="#"
                   class="text-center text-decoration-none w-100 border-0 p-3 rounded-3 bg-3b3b3b SF22_24Bold text-white"
                   style="font-size: 14px; display: block;">
                   {{ __('site.Create_Account') }}
                </a>
                <button hidden type="submit" id="doSubmitWithCaptchagtokenregist"></button>
            </div>
        </form>
        <div class="d-flex justify-content-center align-items-center">
            <div class="line col-5"></div>
            <div class="col-2 text-center">@lang('site.OR')</div>
            <div class="line col-5"></div>
        </div>
        <div class="my-3">
            <a href="{{ route('social.facebook.login') }}"
                class="text-white text-decoration-none rounded-3 bg-darkBlue w-100 py-3 d-flex justify-content-center align-items-center">
                <div class="d-flex justify-content-center align-items-center">
                    <i class="fa-brands fa-xl fa-facebook mx-2"></i>
                    <p class="SF22_26Bold mb-0">{{ __('site.Log_Facebook') }}</p>
                </div>
            </a>
            <a href="{{ route('social.google.login') }}"
                class="my-3 text-white text-decoration-none rounded-3 bg-darkRed w-100 py-3 d-flex justify-content-center align-items-center">
                <div class="d-flex justify-content-center align-items-center">
                    <i class="fa-brands fa-xl fa-google mx-2"></i>
                    <p class="SF22_26Bold mb-0">{{ __('site.Log_Google') }}</p>
                </div>
            </a>
            <a href="{{ route('social.linkedin.login') }}"
                class="text-white text-decoration-none rounded-3 bg-linkedinButton w-100 py-3 d-flex justify-content-center align-items-center">
                <div class="d-flex justify-content-center align-items-center">
                    <i class="fa-brands fa-xl fa-linkedin mx-2"></i>
                    <p class="SF22_26Bold mb-0">{{ __('site.Log_Linkedin') }}</p>
                </div>
            </a>
        </div>
        <div class="text-center mt-4">
            <p class="text-3b3b3b SF16_19Regular">{{ __('site.Already_account') }}<a href="{{ route('login') }}"
                    class="sign-in text-red">
                    {{ __('site.Sign_In') }}</a></p>
        </div>
    </div>
@endsection