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

@push('styles')
<style>
    .approve-btn,.reject-btn{
        width:115px;
        margin-right: 4px;
    }
</style>
@endpush

@section('breadcrumb-text')
    <div class="row w-100 m-0 p-0">
        <div class="col-12 col-md-6 col-lg-6 col-xl-6 col-sm-12 m-0 p-0">
            <h1 class="w-100">{{ __('View KYC/KYB')}}</h1>
        </div>
        <div class="col-12 col-md-6 col-lg-6 col-xl-6 col-sm-12 m-0 p-0 d-flex justify-content-end">
            <a href="{{route('admin.identity-verification.index')}}" data-toggle="tooltip" data-placement="top" title="Back" class="btn btn-sm btn-primary back-btn">
                {!! renderIconHtml('back') !!}{{ __('Back')}}
            </a>
        </div>
    </div>
@endsection

@section('content')
    <section class="main_section">
        <div class="container-fluid" id="csrnow_settings">
            <div class="row flex-nowrap">
                <!-- TAB LINKS AREA -->
                <div class="col-auto col-md-4 col-xl-3 px-sm-0 px-0 tab-link-section">
                    <div class="card">
                        <div class="card-header p-2">
                            <ul class="nav nav-pills flex-column fs-6 border-0 text-start side-menu">
                                <li class="nav-item">
                                    <a class="nav-link identity_verification_tab active" id="tab_personal_information" href="" data-target="#personal_information" data-toggle="tab" role="tab" aria-controls="" aria-selected="true">
                                        {{__('Personal Information') }}
                                    </a>
                                </li>

                               <li class="nav-item">
                                    <a class="nav-link identity_verification_tab mb-1" id="tab_identification_document" href="" data-target="#identification_document" data-toggle="tab" role="tab" aria-controls="" aria-selected="false">
                                        {{__('Identification Document') }}
                                    </a>
                                </li>

                                <li class="nav-item">
                                   <a class="nav-link identity_verification_tab mb-1" id="tab_personal_document" href="" data-target="#personal_document" data-toggle="tab" role="tab" aria-controls="" aria-selected="false">
                                        {{__('Personal Documents') }}
                                    </a>
                                </li>

                                <li class="nav-item">
                                    <a class="nav-link identity_verification_tab mb-1" id="tab_declaration" href="" data-target="#declaration" data-toggle="tab" role="tab" aria-controls="" aria-selected="false">
                                        {{__('Declarations') }}
                                    </a>
                                </li>

                                @if(isset($identityData->duplicate_account_proof))
                                    <li class="nav-item">
                                        <a class="nav-link identity_verification_tab mb-1" id="tab_duplicate_detected" href="" data-target="#duplicate_detected" data-toggle="tab" role="tab" aria-controls="" aria-selected="false">
                                            {{__('Duplicate Detected') }}
                                        </a>
                                    </li>
                                @endif

                            </ul>

                            <button class="btn btn-success w-full mb-1" id="finalApproveBtn" style="display: {{ $allApproved && $identityData->final_status == 0 ? 'block':'none' }}" onclick="approveIdentityVerification({{$updateStatusUrl}}, '{{ basicEncrypt($identityData->id) }}', '1', '{{$identityType}}', {{ $duplicateDetected ? 'true' : 'false' }}, true)">{!! renderIconHtml('approve') !!} {{__('Approve ') }}{{$identityType}}</button>

                            <button class="btn btn-danger w-full mb-1" id="finalRejectBtn" style="display: {{ $allStepsCompleted && $identityData->final_status == 0 ? 'block':'none' }}" onclick="rejectIdentityVerification({{$updateStatusUrl}}, '{{ basicEncrypt($identityData->id) }}', '2', '{{$identityType}}', {{ $duplicateDetected ? 'true' : 'false' }}, true)">{!! renderIconHtml('reject') !!} {{__('Reject ') }}{{$identityType}}</button>

                            <button class="btn btn-primary w-full mb-1" id="finalDropBtn" onclick="dropIdentityVerification({{$updateStatusUrl}}, '{{ basicEncrypt($identityData->id) }}', '3', '{{$identityType}}', {{ $duplicateDetected ? 'true' : 'false' }}, true)" {{ $member->kyc_status != 'approved' ? 'disabled':'' }}>{!! renderIconHtml('delete') !!} {{__('Drop ') }}{{$identityType}}</button>

                        </div>
                    </div>
                    <div class="card mt-3 final-reject-reason-section" style="display: {{ $identityData->final_reject_drop_reason && $identityData->final_rejected_steps ? 'block':'none' }}">
                        <div class="card-header">
                            <div class="row">
                                <p id="finalRejectReason"><b>{{__('Reject Reason : ') }}</b>{{ $identityData->final_reject_drop_reason }}</p>
                                <p class="mb-0"><b>{{__('Reject Steps : ') }}</b></p>
                                <ul id="finalRejectSteps" style="list-style: disc !important;margin-left: 25px">
                                    @foreach($identityData->final_rejected_steps as $rejected_step)
                                        <li>{{ $rejected_step }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- END  -->
                <!-- TAB CONTENT AREA -->
                <div class="col-md-8 col-lg-9 tabDiv tab-content-section" id="scroll_data">
                    <div class="card">
                        <div class="tab-content p-0 card-body">
                            {{-- personal information step --}}
                            <div class="tab-pane fade show active" id="personal_information">
                                <div id="personalInformationForm">
                                    <div class="row mb-3 px-3 action-btn-section {{!$finalKycPending ? 'd-none' : ''}}">
                                        <button class="btn btn-success approve-btn" style="display: {{ in_array('personal information', $approvedSteps) ? 'none':'block' }}" id="personalInformationApproveBtn" onclick="approveIdentityVerification({{$updateStatusUrl}}, '{{ basicEncrypt($identityData->id) }}', '1', 'personal information', false, false, 'tab_identification_document')">{!! renderIconHtml('approve') !!} {{__('Approve') }}</button>
                                        <button class="btn btn-danger reject-btn" style="display: {{ in_array('personal information', $rejectedSteps) ? 'none':'block' }}" id="personalInformationRejectBtn" onclick="rejectIdentityVerification({{$updateStatusUrl}}, '{{ basicEncrypt($identityData->id) }}', '2', 'personal information', false,false, 'tab_identification_document')">{!! renderIconHtml('reject') !!} {{__('Reject') }}</button>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-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="first_name" id="first_name" value="{{$identityData->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')}}</label>
                                            </div>
                                        </div>
                                        <div class="form-group col-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="last_name" id="last_name" value="{{$identityData->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')}}</label>
                                            </div>
                                        </div>

                                        <div class="form-group col-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="dob" id="dob" value="{{$identityData->dob ? date("d-m-Y", strtotime($identityData->dob)) : ''}}" readonly>
                                                <label for="dob" 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">{{__('Date Of Birth')}}</label>
                                            </div>
                                        </div>

                                       <div class="form-group col-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="gender" id="gender" value="{{$identityData->gender ?? ''}}" readonly>
                                                <label for="gender" 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')}}</label>
                                            </div>
                                        </div>

                                        <div class="kybDiv form-group col-12" style="display: none;">
                                            <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="company_name" value="{{$identityData->company_name ?? ''}}" id="company_name" readonly>
                                                <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')}}</label>
                                            </div>
                                        </div>

                                        <div class="form-group col-12">
                                            <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" placeholder="" name="address" value="{{$identityData->address ?? ''}}" id="address" readonly>
                                                <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')}}</label>
                                            </div>
                                        </div>

                                        <div class="form-group col-12" style="display: {{ isset($identityData->address_2) ? 'block' : 'none' }};">
                                            <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" placeholder="" name="address_2" value="{{$identityData->address_2 ?? ''}}" id="address_2" readonly>
                                                <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>
                                            </div>
                                        </div>

                                        <div class="form-group col-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" placeholder="" name="country_id" value="{{$identityData->country->country_name ?? ''}}" id="country_id" readonly>
                                                <label for="country_id" 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">{{__('Country')}}</label>
                                            </div>
                                        </div>

                                        <div class="form-group col-6" style="display: {{ isset($identityData->state) ? 'block' : 'none' }};">
                                            <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" placeholder="" name="state_id" value="{{$identityData->state->name ?? ''}}" id="state_id" readonly>
                                                <label for="state_id" 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')}}</label>
                                            </div>
                                        </div>

                                        <div class="form-group col-6" style="display: {{ isset($identityData->city) ? 'block' : 'none' }};">
                                            <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" placeholder="" name="city" value="{{$identityData->city ?? ''}}" id="city" readonly>
                                                <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>
                                            </div>
                                        </div>

                                        <div class="form-group col-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" placeholder="" name="postal_code" value="{{$identityData->postal_code ?? ''}}" id="postal_code" readonly>
                                                <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')}}</label>
                                            </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="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" placeholder="" name="social_insurance_number" id="social_insurance_number" value="{{$identityData->social_insurance_number ?? ''}}" readonly>
                                                    <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')}}</label>
                                                </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="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" placeholder="" name="quebec_business_number" id="quebec_business_number" value="{{$identityData->quebec_business_number ?? ''}}" readonly>
                                                <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')}}</label>
                                            </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="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  federal-business-number-validation" placeholder="" name="federal_business_number" id="federal_business_number" value="{{$identityData->federal_business_number ?? ''}}" readonly>
                                                <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')}}</label>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            {{-- identification document step --}}
                            <div class="tab-pane fade" id="identification_document">
                                <div id="identificationDocumentForm">
                                    <div class="row mb-3 px-3 action-btn-section {{!$finalKycPending ? 'd-none' : ''}}">
                                        <button class="btn btn-success approve-btn" style="display: {{ in_array('identification document', $approvedSteps) ? 'none':'block' }}" id="identificationDocumentApproveBtn" onclick="approveIdentityVerification({{$updateStatusUrl}}, '{{ basicEncrypt($identityData->id) }}', '1', 'identification document', false, false, 'tab_personal_document')">{!! renderIconHtml('approve') !!} {{__('Approve') }}</button>
                                        <button class="btn btn-danger reject-btn" style="display: {{ in_array('identification document', $rejectedSteps) ? 'none':'block' }}" id="identificationDocumentRejectBtn"  onclick="rejectIdentityVerification({{$updateStatusUrl}}, '{{ basicEncrypt($identityData->id) }}', '2', 'identification document', false, false, 'tab_personal_document')">{!! renderIconHtml('reject') !!} {{__('Reject') }}</button>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-4">
                                            <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="doc_type" id="doc_type" value="{{$identityData->doc_type ?? ''}}" readonly>
                                                <label for="doc_type" 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 Type')}}</label>

                                            </div>
                                        </div>
                                        <div class="form-group col-4">
                                            <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="doc_number" id="doc_number" value="{{$identityData->doc_number ?? ''}}" readonly>
                                                <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')}}</label>
                                            </div>
                                        </div>
                                        <div class="form-group col-4">
                                            <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="issue_country" id="issue_country" value="{{$identityData->getIssueCountry->country_name ?? ''}}" readonly>
                                                <label for="issue_country" 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">{{__('Issuing Country')}}</label>
                                            </div>
                                        </div>
                                        <div class="form-group col-4">
                                            <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="issue_date" id="issue_date" value="{{isset($identityData->issue_date) ? date("d-m-Y", strtotime($identityData->issue_date)) : ''}}" readonly>
                                                <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')}}</label>
                                            </div>
                                        </div>
                                        <div class="form-group col-4">
                                            <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="expiration_date" id="expiration_date" value="{{$identityData->expiration_date ? date("d-m-Y", strtotime($identityData->expiration_date)) : ''}}" readonly>
                                                <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')}}</label>
                                                <div class="form-check mt-3">
                                                    <input class="form-check-input me-1" id="expiration-confirm" type="checkbox" name="expiration-confirm" {{ isset($identityData) && !($identityData->expiration_date) ? 'checked' : '' }} onclick="return false;">
                                                    <label class="form-check-label" for="expiration-confirm">{{__('My document does not have expiration date.') }}</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group col-4">
                                            <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="nationality" id="nationality" value="{{$identityData->getNationality->country_name ?? ''}}" readonly>
                                                <label for="nationality" 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">{{__('Nationality')}}</label>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            {{-- personal document step --}}
                            <div class="tab-pane fade" id="personal_document">
                                <div id="personalDocumentForm">
                                    <div class="row mb-3 px-3 action-btn-section {{!$finalKycPending ? 'd-none' : ''}}">
                                        <button class="btn btn-success approve-btn" style="display: {{ in_array('personal document', $approvedSteps) ? 'none':'block' }}" id="personalDocumentApproveBtn" onclick="approveIdentityVerification({{$updateStatusUrl}}, '{{ basicEncrypt($identityData->id) }}', '1', 'personal document', false, false, 'tab_declaration')">{!! renderIconHtml('approve') !!} {{__('Approve') }}</button>
                                        <button class="btn btn-danger reject-btn" style="display: {{ in_array('personal document', $rejectedSteps) ? 'none':'block' }}" id="personalDocumentRejectBtn" onclick="rejectIdentityVerification({{$updateStatusUrl}}, '{{ basicEncrypt($identityData->id) }}', '2', 'personal document', false, false, 'tab_declaration')">{!! renderIconHtml('reject') !!} {{__('Reject') }}</button>
                                    </div>
                                    <div class="row">
                                        <p><b>{{__('KYC Status : ') }}</b>  {{
                                            $identityData->final_status == 0 ? 'Pending' :
                                            ($identityData->final_status == 1 ? 'Approved' : 'Rejected')
                                        }}</p>
                                        @if($identityData->status == "verification.declined")
                                            <p><b>{{__('Declined Reason : ') }}</b>{{ $identityData->declined_reason }}</p>
                                        @endif
                                    </div>
                                    @if(isset($verificationProofs))
                                        @foreach($verificationProofs as $verificationProof)
                                            @php
                                                $verification_proof = $verificationProof->verification_proof
                                            @endphp
                                            <div class="row mb-4">
                                                <p class="mb-0"><b>{{__('Uploaded Date: ') }}</b>{{date("d-m-Y", strtotime($verificationProof->updated_at))}}</p>
                                                <div class="col-md-4 mb-2">
                                                    <b>{{__('Identity Document')}} </b>
                                                    @if(isset($verification_proof['identity_document']))
                                                        @foreach($verification_proof['identity_document'] as $proof)
                                                            <img src="{{ url($proof) }}" alt="...">
                                                        @endforeach
                                                    @endif
                                                </div>
                                                <div class="col-md-4 mb-2">
                                                    <b>{{__('Address Document')}} </b>
                                                    @if(isset($verification_proof['address_document']))
                                                        @foreach($verification_proof['address_document'] as $proof)
                                                            <img src="{{ url($proof) }}" alt="...">
                                                        @endforeach
                                                    @endif
                                                </div>
                                                <div class="col-md-4 mb-2">
                                                    <b>{{__('Face Document')}} </b>
                                                    @if(isset($verification_proof['face_document']))
                                                        @foreach($verification_proof['face_document'] as $proof)
                                                            <img src="{{ url($proof) }}" alt="...">
                                                        @endforeach
                                                    @endif
                                                </div>
                                            </div>
                                        @endforeach
                                    @endif
                                </div>
                            </div>
                            @php
                                $duplicateParam = $duplicateDetected ? "'tab_duplicate_detected'" : null;
                            @endphp
                            {{-- declaration step --}}
                            <div class="tab-pane fade" id="declaration">
                                <div id="declarationForm">
                                    <div class="row mb-3 px-3 action-btn-section {{!$finalKycPending ? 'd-none' : ''}}">
                                        <button class="btn btn-success approve-btn" style="display: {{ in_array('declaration', $approvedSteps) ? 'none':'block' }}" id="declarationApproveBtn" onclick="approveIdentityVerification({{$updateStatusUrl}}, '{{ basicEncrypt($identityData->id) }}', '1', 'declaration', false, false, {{$duplicateParam}})">{!! renderIconHtml('approve') !!} {{__('Approve') }}</button>
                                        <button class="btn btn-danger reject-btn" style="display: {{ in_array('declaration', $rejectedSteps) ? 'none':'block' }}" id="declarationRejectBtn" onclick="rejectIdentityVerification({{$updateStatusUrl}}, '{{ basicEncrypt($identityData->id) }}', '2', 'declaration', false, false, {{$duplicateParam}})">{!! renderIconHtml('reject') !!} {{__('Reject') }}</button>
                                    </div>
                                    <div class="row">
                                        <p class="fw-bold mb-1">{{ __('I am not a politically exposed person (PEP). e.g.: Senior Military, government, political official or relative or associate of such officials.') }}</p>
                                        <p>{{ (isset($identityData->is_not_pep) && $identityData->is_not_pep == 1) ? 'Yes' : 'No' }}</p>
                                    </div>
                                </div>
                            </div>
                            @if(isset($identityData->duplicate_account_proof))
                                {{-- duplicate detected step --}}
                                <div class="tab-pane fade" id="duplicate_detected">
                                    <div id="duplicateDetectedForm">
                                        <div class="row mb-3 px-3 action-btn-section {{!$finalKycPending ? 'd-none' : ''}}">
                                            <button class="btn btn-danger reject-btn" style="display: {{ in_array('duplicate detected', $rejectedSteps) ? 'none':'block' }}" id="personalInformationRejectBtn" onclick="rejectIdentityVerification({{$updateStatusUrl}}, '{{ basicEncrypt($identityData->id) }}', '2', 'duplicate detected', false, false)">{{__('Reject') }}</button>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 mb-2">
                                                <b>{{__('Duplicate Detected')}} </b>
                                            </div>
                                            <div class="col-md-8"></div>
                                            <div class="col-md-4">
                                                <a class="btn btn-primary" href="{{ url($identityData->duplicate_account_proof) }}" target="_blank"> {!! renderIconHtml('view') !!}view document</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
                <!-- END -->
            </div>
        </div>
        @include('backend.identity-verification.modal')
    </section>
@endsection
@push('scripts')
    <script>
        const approvedSteps = @json($approvedSteps);
        const rejectedSteps = @json($rejectedSteps);
        const rejectedStepReasons = @json(json_decode($identityData->rejected_steps_reasons, true));

        $(document).ready(function () {
            function formatStepToTabId(step) {
                return 'tab_' + step.toLowerCase().replace(/\s+/g, '_');
            }

            // Set approved icons
            approvedSteps.forEach(step => {
                const tabId = formatStepToTabId(step);
                const $tab = $("#" + tabId);
                if ($tab.length) {
                    $tab.find('i').remove();
                    $tab.append('<i class="bi bi-check-circle-fill text-success float-end"></i>');
                }
            });

            // Set rejected icons with reason
            rejectedSteps.forEach(step => {
                const tabId = formatStepToTabId(step);
                const $tab = $("#" + tabId);

                if ($tab.length) {
                    $tab.find('i').remove();

                    // Get reject reason for this step
                    const reason = rejectedStepReasons?.[step] || 'Rejected';

                    // Append icon with title
                    $tab.append(
                        `<i class="bi bi-x-circle-fill text-danger float-end" data-toggle="tooltip" data-placement="top" title="${reason}"></i>`
                    );

                    //append reject reason
                    let tabPaneId = step.toLowerCase().replace(/\s+/g, '_');
                    $(`#${tabPaneId}`).append(
                        ` <div class="row" id="${tabPaneId}_reject_reason">
                            <p><b>Reject Reason : </b>${reason}</p>
                        </div>`
                    );
                }
            });



        });
    </script>
    <script src="{{ asset('backend/js/pages-js/identity-verification.js') }}"></script>
@endpush