@php
$meta_keywords = 'Aurobees | Registration';
$meta_description = 'Aurobees | Registration';
$meta_keywords = 'Aurobees | Registration';
@endphp
@extends('frontend.new_user.includes.master')
@section('body')
<style>
    .form_wrap {
        padding: 20px 0px;
        max-width: 1500px;
    }
    .login_bg {
        height: auto;
    }
    @media only screen and (max-width: 1600px) {
        .sign_up {
    /*            max-width: 500px;*/
            margin: 0 !important;
            padding: 20px 25px;
        }
        .form_title {
            margin-bottom: 10px;
        }
        .form_title h1 {
            font-size: 16px;
        }
        .form_group > label {
            font-size: 13px;
        }
        
        .form_feild {
            margin-bottom: 10px;
        }
        .form_feild > input {
            height: 35px;
            font-size: 13px;
            padding: 5px 20px;
        }

        .form_feild .password-toggle {
            max-height: 35px;
        }
        #state_div .form_feild .form-control {
            height: 35px;
            background-size: 13px;
            font-size: 13px;
            padding: 5px 20px;
        }
        .form_group .form_feild .select2 > .selection {
            height: 35px;
        }
        .form_group .form_feild .select2 > .selection > span > span {
            background-size: 14px;
            font-size: 13px;
            padding: 5px 20px;
        }
        .form_feild label.error {
            font-size: 12px !important;
        }
        .form_group .form_feild > .iti > input {
            height: 35px;
            /* padding-left: 90px !important; */
            font-size: 13px;
            padding-right: 15px;
            padding-top: 2px;
            padding-bottom: 2px;
        }
        .form_group .form_feild > .iti .iti__selected-flag {
            padding-left: 20px;
            height: 35px;
        }
        .btn_grid {
            gap: 25px;
            margin: 10px auto 10px;
        }
        .btn_grid .form_feild .clear {
            font-size: 13px;
            height: 35px;
        }
        .form_feild input[type="submit"] {
            font-size: 13px;
            letter-spacing: 1px;
        }
        .sign_up .form_footer {
            padding-top: 10px;
        }
        .sign_up .form_footer p {
            font-size: 13px;
        }
        .login_bg {
            max-width: 600px;
            float: right;
        }
    }
    @media only screen and (max-width: 1399px) {

    }
    @media only screen and (max-width: 600px) {
        .form_wrap .row.g-0 {
            flex-direction: column-reverse;
            width: 100%;
        }
        .sign_up {
            max-width: 95%;
            margin: 0 auto !important;
            padding: 20px 25px;
            width: 90%;
        }
        .login_bg {
            max-width: 500px;
            float: none;
            margin: 0 auto;
        }
    }
</style>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
    <section class="form_wrap">
        <div class="row g-0 customer_register_sec">
            <div class="col-md-6">
                <div class="login_bg">
                    <img src="{{url('frontend/images/sign_up_bg.png')}}" alt="login_bg">
                </div>
            </div>
            <div class="col-md-6">
                <div class="login_grid sign_up">
                    <div class="form_title">
                        <h1>{{ HelperServiceProvider::GetLanguageText('user_signup')}}</h1>
                    </div>
                    <form name="customer_registration" id="customer_registration" method="POST" autocomplete="off" action="{{route('customer.store')}}" >
                        @csrf
                        <div class="form_group">
                            <label>{{ HelperServiceProvider::GetLanguageText('first_name')}}<span style="color: red;">*</span></label>
                            <div class="form_feild">
                                <input type="text" placeholder="" name="f_name" value="{{old('f_name')}}" id="f_name">
                                @error('f_name')
                                    <span class="text-danger error-f-name">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="form_group">
                            <label>{{ HelperServiceProvider::GetLanguageText('last_name')}}<span style="color: red;">*</span></label>
                            <div class="form_feild">
                                <input type="text" placeholder="" name="l_name" value="{{old('l_name')}}" id="l_name" >
                                @error('l_name')
                                    <span class="text-danger error-l-name">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="form_group">
                            <label>{{ HelperServiceProvider::GetLanguageText('company_name')}}<span style="color: red;">*</span></label>
                            <div class="form_feild">
                                <input type="text" placeholder="" value="{{old('company')}}" name="company" id="company" >
                                @error('company')
                                    <span class="text-danger error-company">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="form_group">
                            <label>{{ HelperServiceProvider::GetLanguageText('country')}}<span style="color: red;">*</span></label>
                            <div class="form_feild">
                                <select class="country-select AllCounteryList" name="country" id="country" ></select>
                                <label id="country-error-div" style="display: none;" class="error" for="country">Please select country name</label>
                                @error('country')
                                    <span class="text-danger error-country">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="form_group" id="state_div">
                            <label>{{ HelperServiceProvider::GetLanguageText('state')}}<span style="color: red;">*</span></label>
                            <div class="form_feild">
                                <select name="statelist" class="form-control" id="statelist" >
                                    <option value="">Please Select State</option>
                                    @foreach ($state_list as $state)
                                         <option value="{{$state->code}}">{{$state->name}}</option>
                                    @endforeach
                                </select>
                                @error('statelist')
                                    <span class="text-danger error-statelist">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="form_group">
                            <label>{{ HelperServiceProvider::GetLanguageText('city')}}</label>
                            <div class="form_feild">
                                <input type="text" placeholder="" value="{{old('city')}}" name="city" id="city">
                                @error('city')
                                    <span class="text-danger error-city">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="form_group">
                            <label>{{ HelperServiceProvider::GetLanguageText('address')}}</label>
                            <div class="form_feild">
                                <input type="text" placeholder="" value="{{old('address')}}" name="address" id="address" >
                                @error('address')
                                    <span class="text-danger error-address">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="form_group pincode-div">
                            <label>{{ HelperServiceProvider::GetLanguageText('pincode_zipcode')}}<span style="color: red;">*</span></label>
                            <div class="form_feild">
                                <input type="text" placeholder="" value="{{old('pincode')}}" name="pincode" id="pincode" >
                                @error('pincode')
                                    <span class="text-danger error-pincode">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="form_group large-validation  @error('email') large-validation @enderror">
                            <label>{{ HelperServiceProvider::GetLanguageText('email_address')}}<span style="color: red;">*</span></label>
                            <div class="form_feild">
                                <input type="email" placeholder="" value="{{old('email')}}" name="email" id="email">
                                @error('email')
                                    <span class="text-danger error-email"></span>
                                @enderror
                                @if (Session::has('message'))
                                    <span class="text-danger error-email">{{ Session::get('message') }}</span>
                                @endif
                                 <span class="text-danger error-email"></span>
                            </div>
                        </div>
                        <div class="form_group">
                            <label>{{ HelperServiceProvider::GetLanguageText('password')}}<span style="color: red;">*</span></label>
                            <div class="form_feild">
                                <input type="password" placeholder="" value="{{old('password')}}" name="password" id="password">
                                <span class="password-toggle" onclick="togglePasswordVisibility()">
                                    <i id="eyeIcon" class="fa fa-eye"></i>
                                </span>
                                <div id="password-strength-status"></div>
                                @error('password')
                                    <span class="text-danger error-password">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="form_group">
                            <label>{{ HelperServiceProvider::GetLanguageText('confirm_password')}}<span style="color: red;">*</span></label>
                            <div class="form_feild">
                                <input type="password" placeholder="" value="{{old('password_confirmation')}}" value="{{old('password_confirmation')}}" name="password_confirmation" id="password_confirmation" onpaste="return false;">
                                <span class="password-toggle" onclick="togglePasswordVisibility1()">
                                    <i id="eyeIcon1" class="fa fa-eye"></i>
                                </span>
                                <div id="password_confirmation-strength-status"></div>
                                @error('password_confirmation')
                                    <span class="text-danger error-password-confirmation">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="form_group">
                            <label>{{ HelperServiceProvider::GetLanguageText('contact_number')}}<span style="color: red;">*</span></label>
                            <div class="form_feild">
                                <input type="hidden" name="calling_code" class="calling_code" id="calling_code">
                                <input type="text" value="{{old('phone')}}" class="form-control" placeholder="{{ HelperServiceProvider::GetLanguageText('phone_number')}}" name="phone" id="phone">
                                <span class="text-danger error-calling_code">Please enter International Calling code.</span>
                                @error('phone')
                                    <span class="text-danger error-phone">{{ $message }}</span>
                                @enderror
                                 @error('calling_code')
                                    <span class="text-danger error-calling-code">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="form_group">
                            <label>{{ HelperServiceProvider::GetLanguageText('partner_code')}}</label>
                            <div class="form_feild">
                                <input type="text" placeholder="" name="partner_code" value="{{old('partner_code')}}" id="partner_code" >
                                @error('partner_code')
                                    <span class="text-danger error-l-name">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="form_group capta_img">
                             <div class="form_feild">
                                <div class="g-recaptcha" data-sitekey="