@extends('layouts.master')
@section('title', __('KYC/KYB Process'))

@push('styles')
<link href="{{ asset('frontend/styles/css/deposit-index.css') }}" rel="stylesheet">
<style>
    #progressbar li::before,strong{
        display: flex;
        justify-content: center;
    }
    .certificate_remove_icon{
        font-size: 56%;
        left : 90%;
        top: -20%;
    }
    .certificate_btn{
        min-width: 70px;
    }
</style>
@endpush

@section("breadcrumb-text")
    <div class="d-flex justify-content-between w-100">
        <h1>{{ __("KYC/KYB Process") }}</h1>
    </div>
@endsection

@section("content")
<div class="card p-0">
<div class="card-body identify-form">
    <!-- progressbar -->
    <ul id="progressbar" class="ps-0 w-100 d-flex justify-content-center text-center progressbar-identify-form">
        <li style="width:20%" id="choose_type" class="active"><strong>{{__('Account Type') }}</strong></li>
        <li style="width:20%" id="personal_info" class="personal"><strong>{{__('Personal Information') }}</strong></li>
        <li style="width:20%" id="payment" class="identification"><strong>{{__('Identification Document') }}</strong></li>
        <li style="width:20%" id="declarations" class="declarations_process"><strong>{{__('Declarations') }}</strong></li>
        <li style="width:20%" id="confirm" class="confirmation"><strong>{{__('Verification') }}</strong></li>
    </ul>
    <div class="row">
        <div class="col-12">
            <div class="row justify-content-center twoFaSection">
                <div class="col-12 text-center mb-2">
                    <div class=" px-0 pb-0">
                        <form action="{{ route('member.identity-verification.identityVerificationStore') }}"  method="POST" id="identityform" onkeydown="return event.key != 'Enter';" enctype="multipart/form-data">
                            <input type="hidden" value=1 id="step" name="step"/>
                            <input type="hidden" value="{{Auth::user()->id}}" id="user_id" name="user_id"/>
                            <fieldset id="step_1">
                                <div class="form-card px-md-0 mb-2">
                                    <div class="row">
                                        <div class="col-2"></div>
                                        <div class="col-sm-8  pt-24">
                                            <div class="row">
                                                <div class="col-12">
                                                    <p>{{__('In the KYC/KYB process you will be asked to upload a number of documents.')}}</p>
                                                    <p>{{__('To guide you better we need  to know the type of account you hold.')}}</p>
                                                    <label class="fw-bold">{{ __('Please Specify Your Account Type') }}</label>
                                                    <div class="custom-control custom-radio mb-1">
                                                        <input type="radio" class="custom-control-input account-type-radio" id="individual" name="account_type" value="individual" @if(($identityData->account_type ?? '') == 'individual') checked @endif>
                                                        <label class="custom-control-label" for="individual">{{ __('Individual') }}</label>
                                                    </div>

                                                    <div class="custom-control custom-radio mb-1">
                                                        <input type="radio" class="custom-control-input account-type-radio" id="business" name="account_type" value="business" @if(($identityData->account_type ?? '') == 'business') checked @endif>
                                                        <label class="custom-control-label" for="business">{{ __('Business') }}</label>
                                                    </div>
                                                    <span class="account_type_error error"></span>

                                                    <div class="d-flex align-middle justify-content-start mt-4 txt-titles mflex-wraps">
                                                        <input id="confirmation" type="checkbox" name="confirmation" class="mt-0 w-4 h-4 text-amber-900-600 bg-gray-100 border-gray-300 rounded dark:ring-offset-ring-yellow-950  dark:bg-gray-700 dark:border-gray-600 mt-1 me-1" {{ isset($identityData) ? 'checked' : ''}}>
                                                        <label for="confirmation" class="ms-1 confirm-txt">{{ __('I consent to my data being shared with all companies in the Corsair Group and our KYC/KYB verification partner ShuftiPro.') }}</label>
                                                    </div>
                                                    <span class="confirmation_error error"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-2"></div>
                                    </div>
                                </div>
                                <button name="next" class="next btn btn-primary action-button mt-0" type="button">{!! renderIconHtml('next') !!} Next</button>
                            </fieldset>
                            <fieldset id="step_2">
                                <div class="form-card px-md-0 mb-2">
                                    <div class="row">
                                        <div class="col-2"></div>
                                        <div class="col-sm-8  pt-24">
                                            <div class="row">
                                                <div class="form-group col-12 col-md-6">
                                                    <div class="relative z-0 w-full group mb-1">
                                                        <input type="text" class="form-control rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11 name-validation" name="first_name" id="first_name" value="{{$identityData->first_name ?? $user->first_name}}" readonly>
                                                        <label for="first_name" class="col-form-label ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10">{{__('First Name')}} @if(empty($identityData->first_name) && empty($user->first_name))<span class="text-danger">*</span>@endif</label>
                                                        <span class="first_name_error error"></span>
                                                    </div>
                                                </div>
                                                <div class="form-group col-12 col-md-6">
                                                    <div class="relative z-0 w-full group mb-1">
                                                        <input type="text" class="form-control rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11  name-validation" name="last_name" id="last_name" value="{{$identityData->last_name ?? $user->last_name}}" readonly>
                                                        <label for="last_name" class="col-form-label ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10">{{__('Last Name')}} @if(empty($identityData->last_name) && empty($user->last_name))<span class="text-danger">*</span>@endif</label>
                                                        <span class="last_name_error error"></span>
                                                    </div>
                                                </div>

                                                <div class="form-group col-sm-6 col-12">
                                                    <div class="col-m-6">
                                                        <label class="form-check-label text-sm description-dob mb-2" for="">
                                                            {{ __('Date of Birth') }}
                                                        </label>
                                                    </div>
                                                    <div class="row">
                                                        <div class="form-group col-md-4">
                                                            <div class="relative z-0 w-full group">
                                                                <input data-character-limit="2" class="rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11 day-validation form-control" type="text" id="day" name="day" value="{{ old('day', $dobDay) }}" min="1" max="31"  placeholder="">
                                                                <label for="day" class="col-form-label ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10">{{ __('Day') }} @if(empty($dobDay))<span class="text-danger">*</span>@endif</label>
                                                            </div>
                                                        </div>

                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label for="month" class="form-label z-50 form-label ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10 custom-label ml-2">{{ __('Month') }} @if(empty($dobMonth))<span class="text-danger">*</span>@endif</label>
                                                                <select id="month" name="month" class="form-select rounded-lg block py-2.5 px-2.5 w-full text-sm text-gray-800 bg-transparent border-2 border-gray-300 appearance-none dark:text-gray-400 dark:border-gray-700 focus:outline-none focus:ring-0 focus:border-gray-200 peer h-11">
                                                                    <option value="">Select</option>
                                                                    @foreach(['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'] as $index => $month)
                                                                        <option value="{{ $index + 1 }}" {{ old('month', $dobMonth) == $index + 1 ? 'selected' : '' }}>{{ $month }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>

                                                        <div class="form-group col-md-4">
                                                            <div class="relative z-0 w-full group">
                                                                <input data-character-limit="4" class="rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11  number-validation form-control" type="text" id="year" name="year" value="{{ old('year', $dobYear) }}" min="1900" max="{{ date('Y') }}"  placeholder="">
                                                                <label for="year" class="col-form-label ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10 ml-2">{{ __('Year') }} @if(empty($dobYear))<span class="text-danger">*</span>@endif</label>
                                                            </div>
                                                        </div>

                                                    </div>
                                                    @error('date_of_birth')
                                                        <div class="text-danger">{{ $message }}</div>
                                                    @enderror

                                                    <div class="error date_of_birth_error"></div>

                                                </div>

                                               <div class="form-group col-6 col-md-6 mt-4">
                                                    <div class="relative z-0 w-full group mb-1">
                                                        <label class="col-form-label ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10">{{ __('Gender') }} @if(empty($identityData->gender) && empty($user->gender))<span class="text-danger">*</span>@endif</label>
                                                        <select name="gender" class="form-select rounded-lg block py-2.5 px-2.5 w-full text-sm text-gray-800 bg-transparent border-2 border-gray-300 appearance-none dark:text-gray-400 dark:border-gray-700 focus:outline-none focus:ring-0 focus:border-gray-200 peer h-11" id="gender">
                                                            <option value="">{{ __('Select Gender') }}</option>
                                                            <option value="male" {{ ($identityData->gender ?? $user->gender) == 'male' ? 'selected' : '' }}>{{ __('Male') }}</option>
                                                            <option value="female" {{ ($identityData->gender ?? $user->gender) == 'female' ? 'selected' : '' }}>{{ __('Female') }}</option>
                                                        </select>
                                                        <span class="gender_error error"></span>
                                                    </div>
                                                </div>
                                                <div class="kybDiv form-group col-12 col-md-12" style="display: none;">
                                                    <div class="relative z-0 w-full group mb-1">
                                                        <input type="text" class="rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11 business-name-validation" name="company_name" value="{{$identityData->company_name ?? $user->company_name}}" id="company_name">
                                                        <label for="company_name" class="col-form-label ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10">{{__('Company Name')}} <span class="text-danger">*</span></label>
                                                        <span class="company_name_error error"></span>
                                                    </div>
                                                </div>

                                                <div class="form-group col-12 col-md-12">
                                                    <div class="relative z-0 w-full group mb-1">
                                                        <input type="text" class="rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11 address-validation" placeholder="" name="address" value="{{$identityData->address ??  $user->address_1}}" id="address">
                                                        <label for="address" class="col-form-label ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10">{{__('Street Name And House Number')}} <span class="text-danger">*</span></label>
                                                        <span class="address_error error"></span>
                                                    </div>
                                                </div>

                                                <div class="form-group col-12 col-md-12">
                                                    <div class="relative z-0 w-full group mb-1">
                                                        <input type="text" class="rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11  address-validation" placeholder="" name="address_2" value="{{$identityData->address_2 ?? $user->address_2}}" id="address_2">
                                                        <label for="address_2" class="col-form-label ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10">{{__('Address line 2')}}</label>
                                                        <span class="address_2_error error"></span>
                                                    </div>
                                                </div>

                                                <div class="form-group col-12 col-md-6">
                                                    <div class="relative z-0 w-full grou mb-1p">
                                                        <label class="col-form-label ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10" for="country_id">{{__('Country')}} <span class="text-danger">*</span></label>
                                                        <select id="country_id" name="country_id" class="rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11 select2">
                                                            <option value="">{{__('Select Country')}}</option>
                                                            @foreach ($country as $row)
                                                                <option value="{{$row->id}}" {{ (isset($identityData) && $identityData->country_id == $row->id)
                                                                    ? 'selected'
                                                                    : ((isset($user) && $user->country_id == $row->id && (!isset($identityData) || !$identityData->country_id)) ? 'selected' : '') }}>{{$row->country_name}}</option>
                                                            @endforeach
                                                        </select>
                                                        <span class="country_id_error error"></span>
                                                    </div>
                                                </div>

                                                <div class="form-group col-12 col-md-6 state-input">
                                                    <div class="relative z-0 w-full group mb-1">
                                                        <label class="col-form-label ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10">{{__('Region / State / Province')}} <span class="text-danger">*</span></label>
                                                        <select id="state_id" name="state_id" class="rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11 select2">
                                                            <option value="">{{__('Select Region / State / Province')}}</option>
                                                        </select>
                                                        <span class="state_id_error error"></span>
                                                    </div>
                                                </div>

                                                <div class="form-group col-12 col-md-6">
                                                    <div class="relative z-0 w-full group mb-1">
                                                        <input type="text" name="city" id="city" class="rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11 name-validation" value="{{ $user->city ?? '' }}" data-character-limit="50" placeholder="">
                                                        <label for="city" class="col-form-label ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10">{{__('City') }}</label>
                                                        <span class="city_error error"></span>
                                                    </div>
                                                </div>

                                                <div class="form-group col-12 col-md-6">
                                                    <div class="relative z-0 w-full group mb-1">
                                                        <input type="text" class="rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11  postal-code-validation" placeholder="" name="postal_code" id="postal_code" value="{{$identityData->postal_code ?? $user->postal_code}}">
                                                        <label for="postal_code" class="col-form-label ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10">{{__('Postcode / ZIP Code')}} <span class="text-danger">*</span></label>
                                                        <span class="postal_code_error error"></span>
                                                    </div>
                                                </div>

                                                <div class="socialInsuranceNumberDiv" style="display: {{ isset($identityData) && $identityData->account_type == 'individual' && $identityData->country_id == '39' ? 'block' : 'none' }};">
                                                    <div class="form-group col-12 col-md-6">
                                                        <div class="relative z-0 w-full group mb-1">
                                                            <input type="text" class="rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11 sin-validation" placeholder="" name="social_insurance_number" id="social_insurance_number" value="{{$identityData->social_insurance_number ?? ''}}">
                                                            <label for="social_insurance_number" class="col-form-label ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10">{{__('Social Insurance Number')}} <span class="text-danger">*</span></label>
                                                            <span class="social_insurance_number_error error"></span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group col-12 col-md-6 quebecBusinessNumberDiv" style="display: {{ isset($identityData) && $identityData->account_type == 'business' && $identityData->country_id == '39' ? 'block' : 'none' }};">
                                                    <div class="relative z-0 w-full group mb-1">
                                                        <input type="text" class="rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11 neq-validation" placeholder="" name="quebec_business_number" id="quebec_business_number" value="{{$identityData->quebec_business_number ?? ''}}">
                                                        <label for="quebec_business_number" class="col-form-label ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10">{{__('Quebec Business Number')}} <span class="text-danger">*</span></label>
                                                        <span class="quebec_business_number_error error"></span>
                                                    </div>
                                                </div>

                                                <div class="form-group col-12 col-md-6 federalBusinessNumberDiv" style="display: {{ isset($identityData) && $identityData->account_type == 'business' && $identityData->country_id == '39' ? 'block' : 'none' }};">
                                                    <div class="relative z-0 w-full group mb-1">
                                                        <input type="text" class="rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11  federal-business-number-validation" placeholder="" name="federal_business_number" id="federal_business_number" value="{{$identityData->federal_business_number ?? ''}}">
                                                        <label for="federal_business_number" class="col-form-label ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10">{{__('Federal Business Number')}} <span class="text-danger">*</span></label>
                                                        <span class="federal_business_number_error error"></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-2"></div>
                                    </div>
                                </div>
                                <button name="previous" class="previous btn btn-primary action-button-previous btn-primary mt-0" type="button">{!! renderIconHtml('previous') !!} Previous</button>
                                <button name="next" class="next btn btn-primary action-button mt-0" type="button">{!! renderIconHtml('next') !!} Next</button>
                            </fieldset>
                            <fieldset id="step_3">
                                <div class="form-card px-md-0 mb-2">
                                    <div class="row">
                                        <div class="col-2"></div>
                                        <div class="col-sm-8  pt-24">
                                            <div class="row">
                                                <div class="form-group col-12 col-md-4">
                                                    <div class="relative z-0 w-full group mb-1">
                                                        <select name="doc_type" id="doc_type" class="select2 rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11">
                                                            <option value="">{{__('Select Document Type') }}</option>
                                                            <option value="Drivers License" {{ (isset($identityData) && $identityData->doc_type == "Drivers License") ? 'selected' : ''}}>{{__('Drivers License') }}</option>
                                                            <option value="Passport" {{ (isset($identityData) && $identityData->doc_type == "Passport") ? 'selected' : ''}}>{{__('Passport') }}</option>
                                                            <option value="Government issued ID-card" {{ (isset($identityData) && $identityData->doc_type == "Government issued ID-card") ? 'selected' : ''}}>{{__('Government issued ID-card') }}</option>
                                                            <option value="Other" {{ (isset($identityData) && $identityData->doc_type == "Other") ? 'selected' : ''}}>{{__('Other') }}</option>
                                                        </select>
                                                        <label class="col-form-label ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10" for="doc_type">{{__('Document Type')}} <span class="text-danger">*</span></label>
                                                        <span class="doc_type_error error"></span>
                                                    </div>
                                                </div>

                                                <div class="form-group col-12 col-md-4">
                                                    <div class="relative z-0 w-full group mb-1">
                                                        <input type="text" class="rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11 document-no-validation" placeholder="" name="doc_number" id="doc_number" value="{{$identityData->doc_number ?? ''}}">
                                                        <label for="doc_number" class="col-form-label ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10">{{__('Document Number')}} <span class="text-danger">*</span></label>
                                                        <span class="doc_number_error error"></span>
                                                    </div>
                                                </div>

                                                <div class="form-group col-12 col-md-4">
                                                    <div class="relative z-0 w-full group mb-1">
                                                        <select id="issue_country" name="issue_country" class="select2 rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11 ">
                                                            <option value="">{{__('Select Issuing Country')}}</option>
                                                            @foreach ($country as $row)
                                                                <option value="{{$row->id}}" {{ (isset($identityData) && $identityData->issue_country == $row->id) ? 'selected' : ''}}>{{$row->country_name}}</option>
                                                            @endforeach
                                                        </select>
                                                        <label class="col-form-label ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10" for="issue_country">{{__('Issuing Country')}} <span class="text-danger">*</span></label>
                                                        <span class="issue_country_error error"></span>
                                                    </div>
                                                </div>

                                                <div class="form-group col-12 col-md-4">
                                                    <div class="relative z-0 w-full group mb-1">
                                                        <input type="date" class="rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11 " placeholder="" name="issue_date" id="issue_date" value="{{(isset($identityData->issue_date) && !empty($identityData->issue_date)) ? date('Y-m-d', strtotime($identityData->issue_date)) : ''}}" max="{{ \Carbon\Carbon::today()->toDateString() }}">
                                                        <label for="issue_date" class="col-form-label ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10">{{__('Issue Date')}} <span class="text-danger">*</span></label>
                                                        <span class="issue_date_error error"></span>
                                                        <div class="d-flex align-middle justify-content-start mt-1 txt-titles mflex-wraps">
                                                            <input id="issue-confirm" type="checkbox" name="issue-confirm" class="w-4 h-4 text-amber-900-600 bg-gray-100 border-gray-300 rounded dark:ring-offset-ring-yellow-950  dark:bg-gray-700 dark:border-gray-600 mt-1" {{ isset($identityData) && !($identityData->issue_date) ? 'checked' : '' }}>
                                                            <label for="issue-confirm" class="ms-1 issue-confirm-txt" style="font-size: 0.85rem !important;padding-top: 0.1rem;">{{ __('My document does not have issue date.') }}</label>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="form-group col-12 col-md-4">
                                                    <div class="relative z-0 w-full group mb-1 align-item-center">
                                                        <input type="date" class="rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11 " placeholder="" name="expiration_date" id="expiration_date" value="{{(isset($identityData->expiration_date) && !empty($identityData->expiration_date)) ? date('Y-m-d', strtotime($identityData->expiration_date)) : ''}}">
                                                        <label for="expiration_date" class="col-form-label ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10">{{__('Expire Date')}} <span class="text-danger">*</span></label>
                                                        <span class="expiration_date_error error"></span>
                                                        <div class="d-flex align-middle justify-content-start mt-1 txt-titles mflex-wraps">
                                                            <input id="expiration-confirm" type="checkbox" name="expiration-confirm" class="w-4 h-4 text-amber-900-600 bg-gray-100 border-gray-300 rounded dark:ring-offset-ring-yellow-950  dark:bg-gray-700 dark:border-gray-600 mt-1" {{ isset($identityData) && !($identityData->expiration_date) ? 'checked' : '' }}>
                                                            <label for="expiration-confirm" class="ms-1 expiration-confirm-txt" style="font-size: 0.85rem !important;padding-top: 0.1rem;">{{ __('My document does not have expiration date.') }}</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group col-12 col-md-4">
                                                    <div class="relative z-0 w-full group mb-1">
                                                        <select id="nationality" name="nationality" class="select2 rounded-lg p-2.5 w-full text-sm text-gray-900 bg-transparent border-gray-300 appearance-none focus:outline-none border-2 focus:ring-1 peer pl-15 h-11 ">
                                                            <option value="">{{__('Select Nationality')}}</option>
                                                            @foreach ($country as $row)
                                                                <option value="{{$row->id}}" {{isset($identityData) && $identityData->nationality == $row->id ? 'selected' : ''}}>{{$row->country_name}}</option>
                                                            @endforeach
                                                        </select>
                                                        <label class="col-form-label ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10" for="nationality">{{__('Nationality')}} <span class="text-danger">*</span></label>
                                                        <span class="nationality_error error"></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-2"></div>
                                    </div>
                                </div>
                                <button name="previous" class="previous btn btn-primary action-button-previous btn-primary mt-0" type="button">{!! renderIconHtml('previous') !!} Previous</button>
                                <button name="next" class="next btn btn-primary action-button mt-0" type="button">{!! renderIconHtml('next') !!} Next</button>
                            </fieldset>
                            <fieldset id="step_4">
                                <div class="form-card px-md-0 mb-2">
                                    <div class="row">
                                        <div class="col-2"></div>
                                        <div class="col-sm-8  pt-24">
                                            <div class="row">
                                                <p>{{__('Upload your Company Documents')}}</p>
                                                <p>{{__('File upload instruction:')}}</p>
                                                <p>{{__('To upload multiple files/documents select all files at once.')}}</p>
                                                <p>{{__('Valid files:jpg,jpeg,png and pdf(max size 10MB)')}}</p>
                                                <h4>{{__('Business')}}</h4>
                                                <div class="form-group col-112">
                                                    <label class="form-label">{{__('Certificate Of Incorporation/Registration Of Your Company')}} <span class="text-danger">*</span></label>
                                                    <div class="input-group mb-2">
                                                        <input type="file" class="form-control" name="company_certificate[]" accept=".jpg, .jpeg, .png, .pdf" multiple>
                                                    </div>
                                                    <span class="company_certificate_error error"></span>
                                                    <div class="row">
                                                        @if(isset($identityData) && $identityData->company_certificate)
                                                            <div class="d-flex flex-wrap mb-2">
                                                                @foreach ($identityData->company_certificate as $certificate)
                                                                    <div class="position-relative me-3 certificate_section">
                                                                        <a type="button" class="btn btn-sm btn-primary certificate_btn magnific-popup" href="{{config('amplivo.admin_url') . $certificate}}" data-toggle="tooltip" data-placement="top" title="View Proof">{!! renderIconHtml('file') !!}{{ __('File') }}</a>
                                                                        <i class="certificate_remove_icon bi bi-x-lg align-items-end text-white bg-danger rounded-circle p-1 position-absolute" data-certificate-name="{{ $certificate }}" data-type="company"></i>
                                                                    </div>
                                                                    <input type="hidden" name="existing_company_certificate[]" id="existing_company_certificate" value="{{ $certificate }}">
                                                                @endforeach
                                                            </div>
                                                        @endif
                                                        <input type="hidden" name="removed_company_certificates" id="removed_company_certificates">
                                                    </div>
                                                </div>
                                                <div class="form-group col-12">
                                                    <label class="form-label">{{__('Shareholder Certificate Or Proof Of Ownership')}} <span class="text-danger">*</span></label>
                                                    <div class="input-group mb-2">
                                                        <input type="file" class="form-control" name="ownership_certificate[]" accept=".jpg, .jpeg, .png, .pdf" multiple>
                                                    </div>
                                                    <span class="ownership_certificate_error error"></span>
                                                    <div class="row">
                                                        @if(isset($identityData) && $identityData->ownership_certificate)
                                                            <div class="d-flex flex-wrap mb-2">
                                                                @foreach ($identityData->ownership_certificate as $certificate)
                                                                    <div class="position-relative me-3 certificate_section">
                                                                        <a type="button" class="btn btn-sm btn-primary certificate_btn magnific-popup" href="{{config('amplivo.admin_url') . $certificate}}" title="View Proof" data-toggle="tooltip" data-placement="top">{!! renderIconHtml('file') !!}{{ __('File') }}</a>
                                                                        <i class="certificate_remove_icon bi bi-x-lg align-items-end text-white bg-danger rounded-circle p-1 position-absolute" data-certificate-name="{{ $certificate }}" data-type="ownership"></i>
                                                                    </div>
                                                                    <input type="hidden" name="existing_ownership_certificate[]" value="{{ $certificate }}">
                                                                @endforeach
                                                            </div>
                                                        @endif
                                                        <input type="hidden" name="removed_ownership_certificates" id="removed_ownership_certificates">
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                        <div class="col-2"></div>
                                    </div>
                                </div>
                                <button name="previous" class="previous btn btn-primary action-button-previous btn-primary mt-0" type="button">{!! renderIconHtml('previous') !!} Previous</button>
                                <button name="next" class="next btn btn-primary action-button mt-0" type="button">{!! renderIconHtml('next') !!} Next</button>
                            </fieldset>
                            <fieldset id="step_5">
                                <div class="form-card px-md-0 mb-2">
                                    <div class="row">
                                        <div class="col-2"></div>
                                        <div class="col-sm-8  pt-24">
                                            <div class="row">
                                                <div class="d-flex align-middle justify-between mt-4 txt-titles mflex-wraps">
                                                    <input id="is_not_pep" type="checkbox" name="is_not_pep" class="w-4 h-4 text-amber-900-600 bg-gray-100 border-gray-300 rounded dark:ring-offset-ring-yellow-950  dark:bg-gray-700 dark:border-gray-600" {{ (isset($identityData->is_not_pep) && $identityData->is_not_pep == 1) ? 'checked' : '' }}>
                                                    <div class="flex items-center w-100">
                                                        <label for="is_not_pep" class="ms-2 declaration-txt">{{ __('I am not a politically exposed person (PEP). e.g.: Senior Military, government, political official or relative or associate of such officials.') }}</label>
                                                    </div>
                                                </div>
                                                <div class="d-flex align-middle justify-between mt-4 txt-titles mflex-wraps">
                                                    <input id="is_information_correct" type="checkbox" name="is_information_correct" class="w-4 h-4 text-amber-900-600 bg-gray-100 border-gray-300 rounded dark:ring-offset-ring-yellow-950  dark:bg-gray-700 dark:border-gray-600">
                                                    <div class="flex items-center w-100">
                                                        <label for="is_information_correct" class="ms-2 declaration-txt">{{ __('I confirm the information submitted in this form is complete and correct.') }}</label>
                                                    </div>
                                                </div>
                                                <span class="declaration_error error"></span>
                                            </div>
                                        </div>
                                        <div class="col-2"></div>
                                    </div>
                                </div>
                                <button name="previous" class="previous btn btn-primary action-button-previous btn-primary mt-0" type="button">{!! renderIconHtml('previous') !!} Previous</button>
                                <button name="next" class="next btn btn-primary action-button mt-0 btn-submit" type="button">{!! renderIconHtml('next') !!} Next</button>
                            </fieldset>
                            <fieldset id="step_6">
                                <div class="form-card px-md-0 mb-2">
                                    <div class="row">
                                        <div class="col-2"></div>
                                        <div class="col-sm-8  pt-24">
                                            <div class="row text-center d-flex justify-content-center">
                                                <p>{{__('To Continue with the')}} <span class="identity_type"></span> {{__('process, please scan the QR code below using your mobile phone.')}}</p>
                                                <div class="text-center qr-code"></div><br>
                                                <p class="mb-0">{{__('The verification will be completed through our trusted external partner, ShuftiPro.')}}</p>
                                                <p class="mb-0">{{__('QR code is valid for 60 minutes.')}}</p>
                                                <p class="mb-0">{{__('If it expires, you can')}} <button class="click_here text-danger cursor-pointer">{{__('Click here')}}</button> {{__('to generate a new code.')}}</p>
                                            </div>
                                        </div>
                                        <div class="col-2"></div>
                                    </div>
                                </div>
                                <button name="previous" class="previous btn btn-primary action-button-previous btn-primary mt-0" type="button">{!! renderIconHtml('previous') !!} Previous</button>
                            </fieldset>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
@include('frontend.identity_verifications.pep-confirmation-modal')
<!-- End Featured Services Section -->
@endsection
@push('scripts')
<script>
    var selectedCountryId = "{{ $identityData->country_id ?? $user->country_id }}";
    var selectedStateId = "{{ $identityData->state_id ?? $user->state_id }}";
</script>

<script src="{{ asset('frontend/js/page-js/identity-verifications.js') }}"></script>
@endpush