@extends('agent.layouts.user_auth')

@php
$lang = selectedLang();
$auth_slug = Illuminate\Support\Str::slug(App\Constants\SiteSectionConst::AUTH_SECTION);
$auth_text = App\Models\Admin\SiteSections::getData($auth_slug)->first();
$type = Illuminate\Support\Str::slug(App\Constants\GlobalConst::USEFUL_LINKS);
$policies = App\Models\Admin\SetupPage::orderBy('id')->where('type', $type)->where(
'slug',
"terms-and-conditions"
)->where('status', 1)->first();
@endphp

@section('content')
<section class="account">
    <div class="account-area">
        <div class="account-wrapper">
            <div class="account-logo text-center">
                <a class="site-logo" href="{{ setRoute('index') }}">
                    <img src="{{ get_logo_agent($basic_settings) }}"
                        data-white_img="{{ get_logo_agent($basic_settings, 'white') }}"
                        data-dark_img="{{ get_logo_agent($basic_settings, 'dark') }}" alt="site-logo">
                </a>
            </div>
            <h5 class="title">{{ __("Register for an Account Today") }}</h5>
            <p>{{ __(@$auth_text->value->language->$lang->register_text) }}</p>
            <form class="account-form" action="{{ route('agent.send.code') }}" method="POST">
                @csrf
                <div class="row ml-b-20">

                    <!-- <div class="col-xl-4 col-lg-4 col-md-4 form-group">
                                <select name="country" class="form--control country-select select2-basic"> </select>
                            </div>
                            <div class="col-xl-8 col-lg-8 form-group">
                                <div class="input-group">
                                    <div class="input-group-text phone-code">+</div>
                                    <input class="phone-code" type="hidden" name="phone_code" value="" />
                                    <input type="number" class="form--control" placeholder="{{ __("enter Phone Number") }}"
                                        name="phone" value="" required>
                                </div>
                                <small class="text-danger exits"></small>
                            </div> -->
                    <div class="col-xl-12 col-lg-12 form-group">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text copytext"><span>{{ __("Email") }}</span></span>
                            </div>
                            <input type="email" name="email" class="form--control  " placeholder="Enter Email Address"
                                required value="{{ old('email') }}">

                        </div>
                        <small class="text-danger exits"></small>
                    </div>

                    @if($basic_settings->agent_agree_policy)
                    <div class="col-lg-12 form-group">
                        <div class="custom-check-group">
                            <input type="checkbox" id="agree" name="agree" required>
                            <label for="agree">{{ __("I have agreed with") }} <a
                                    href=" {{  $policies != null ? setRoute('useful.link', $policies->slug) : "javascript:void(0)" }}">{{__("Terms Of Use & Privacy Policy")}}</a></label>
                        </div>
                    </div>
                    @endif
                    <div class="col-lg-12 form-group text-center">
                        <x-security.google-recaptcha-field />
                        <button type="submit" class="btn--base w-100  btn-loading   ">{{ __("Continue") }} </button>
                    </div>
                    <div class="col-lg-12 text-center">
                        <div class="account-item">
                            <label>{{ __("already Have An Account") }} <a href="{{ setRoute('agent.login') }}"
                                    class="account-control-btn">{{ __("Login Now") }}</a></label>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</section>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                                        End acount
                                    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->

<ul class="bg-bubbles">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>
@endsection

@push('script')
@endpush