@php
    $footer_sign_up_for_free_trial = true;
    $add_class_header = 'show-nav';
@endphp
@extends('frontend.user.includes.master')
@section('body')
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
    <section class="step_screen_wrap">
        <div class="container">
            <div class="step__title">
                <h1></h1>
            </div>
            <div class="form_border">
                <div class="left_grid">
                    <div class="number_list">
                        <ul>
                            <li class="active">1</li>
                            <li><a href="{{route('become-a-partner.basic-information')}}">2</a></li>
                            <li><a href="{{route('become-a-partner.company-information')}}">3</a></li>
                            <li><a href="{{route('become-a-partner.company-financial-information')}}">4</a></li>
                            <li><a href="{{route('become-a-partner.company-financial-information2')}}">5</a></li>
                            <li><a href="{{route('become-a-partner.company-documents-upload')}}">6</a></li>
                            {{-- <li><a href="{{route('become-a-partner.thank-you')}}">7</a></li> --}}
                            <li><a href="{{route('become-a-partner.profile-verification-summary')}}">7</a></li>
                            
                            <li><a href="{{route('become-a-partner.partner-contract')}}">8</a></li>
                            <li><a href="{{route('become-a-partner.contract-verification')}}">9</a></li>
                        </ul>
                    </div>
                    <div class="form_grid_inner">
                        <div class="left_title">
                            <h2>{{ HelperServiceProvider::GetLanguageText('login_information')}}</h2>
                        </div>
                        <form name="patner_registration" action="{{route('become-a-partner.login-information.store')}}"  method="POST" autocomplete="off">
                            @csrf
                            <div class="form_group">
                                <div class="form_feild">
                                    <input type="text" name="f_name" value="{{PartnerRegistrationProvider::PartnerRegistration('f_name')}}" id="f_name" placeholder="{{ HelperServiceProvider::GetLanguageText('first_name')}}*" maxlength="40">
                                    @error('f_name')
                                        <span class="text-danger error-f-name">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="form_group">
                                <div class="form_feild">
                                    <input type="text" placeholder="{{ HelperServiceProvider::GetLanguageText('last_name')}}*" name="l_name" value="{{PartnerRegistrationProvider::PartnerRegistration('l_name')}}" id="l_name" maxlength="40">
                                    @error('l_name')
                                        <span class="text-danger error-l-name">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="form_group">
                                <div class="form_feild">
                                    <input type="text" placeholder="{{ HelperServiceProvider::GetLanguageText('designation')}}*" id="designation" name="designation" value="{{PartnerRegistrationProvider::PartnerRegistration('designation')}}" maxlength="40">
                                    @error('designation')
                                        <span class="text-danger error-phone">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="form_group">
                                <div class="form_feild">
                                    @php $calling_code =PartnerRegistrationProvider::PartnerRegistration('calling_code'); @endphp
                                    <input type="hidden" name="calling_code" class="calling_code" value="{{$calling_code}}" id="calling_code">
                                    <input type="text" placeholder="{{ HelperServiceProvider::GetLanguageText('contact_number')}}*" name="phone" id="phone" value="{{PartnerRegistrationProvider::PartnerRegistration('phone')}}" maxlength="15">
                                    @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 large-validation">
                                <div class="form_feild">
                                    <input type="text" placeholder="{{ HelperServiceProvider::GetLanguageText('business_email')}}*" name="email" value="{{PartnerRegistrationProvider::PartnerRegistration('email')}}" id="email" maxlength="50">
                                    @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">
                                <div class="form_feild">
                                    <input type="password" placeholder="{{ HelperServiceProvider::GetLanguageText('password')}}*" name="password" id="password" maxlength="12">
                                    <span class="password-toggle" onclick="togglePasswordVisibility()">
                                        <i id="eyeIcon" class="fa fa-eye"></i>
                                    </span>
                                    @error('password')
                                        <span class="text-danger error-password">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="form_group">
                                <div class="form_feild">
                                    <input type="password" placeholder="{{ HelperServiceProvider::GetLanguageText('confirm_password')}}*" name="password_confirmation" id="password_confirmation" onpaste="return false;" maxlength="12">
                                    <span class="password-toggle" onclick="togglePasswordVisibility1()">
                                        <i id="eyeIcon1" class="fa fa-eye"></i>
                                    </span>
                                    @error('password_confirmation')
                                        <span class="text-danger error-password-confirmation">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="form_group capta_img">
                                <div class="form_feild">
                                    <div class="g-recaptcha" data-sitekey="{{env('RECAPTCHA',"6Lf1fbsrAAAAANqfppHaHhJsu8rXjeEjEobNL3ge")}}"></div>
                                    <div class="text-danger recaptcha-show-error">please click on the recaptcha box.</div>
                                </div>
                            </div>
                            <div class="form_btn_grid">
                                <button type="submit" class="btn_cta">{{ HelperServiceProvider::GetLanguageText('signup')}}</button>
                                <button type="reset" class="btn_cta">{{ HelperServiceProvider::GetLanguageText('clear_all')}}</button>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="right_grid">
                    <div class="right_gray_bg">
                        <div class="pointer_content listing__content1">
                            <h3></h3>
                            <div class="">
                                                            </div>
                        </div>
                    </div>
                    <p>{{ HelperServiceProvider::GetLanguageText('already_a_partner?')}} <a href="{{route('login')}}">{{ HelperServiceProvider::GetLanguageText('sign_in')}} </a></p>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('script')
{{-- ------------------recaptcha---- --}}
<script>
    $('.recaptcha-show-error').hide();
    window.onload = function() {
        var recaptcha = document.querySelector('#g-recaptcha-response');
        if(recaptcha) {
            $('#g-recaptcha-response').attr("required", "required");
        }
    }
    $("document").ready(function () {
        // -----Country Code Selection
        $("#phone").intlTelInput({
            initialCountry: "auto",
            separateDialCode: true,
            placeholder: "Enter your phone number"
        });
    });
</script>
{{-- -------------validation------------------- --}}
<script>
    jQuery(function() {
        // Add custom email check validation method
        $.validator.addMethod("checkEmailExists", function(value, element) {
            var emailExists = false;
            // Make an AJAX request to check if the email exists in the database
            $.ajax({
            url: "{{route('check-customer-email')}}",
            type: "POST",
            data: { _token : "