@if(request()->is('*/approved-kua-agent'))
<div class="modal right" id="create_m_plus" role="dialog" aria-labelledby="filter">
    <div class="modal-dialog modal-md" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title mpHeader">{{ @trans('kua_agent.mystry_program') }}</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <form id="storeMPlus" method="post" action="{{ route('admin.kua-agent.store', ['panel' =>  Session::get('panel')]) }}">@csrf
                <input type="hidden" name="id" id="kua_agent_id" value="">
                <div class="modal-body px-0 pt-0">
                    <div id="accordionKuaAgent">
                        <!-- Section 1: Personal Details -->
                        <div class="card border-0">
                            <div class="card-header light-bg">
                                <a class="card-link small-font bold" data-toggle="collapse" href="#kua-section1">{{ @trans('kua_agent.personal_details') }} #1</a>
                            </div>
                            <div id="kua-section1" class="collapse show" data-parent="#accordionKuaAgent">
                                <div class="card-body py-2">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('kua_agent.full_name') }} <span class="required">*</span></label>
                                                <input class="form-control" type="text" name="full_name" id="full_name" placeholder="Enter Full Name">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('kua_agent.id_type') }} <span class="required">*</span></label>
                                                <select class="form-control" name="national_id_type" id="national_id_type">
                                                    <option value="">{{ @trans('kua_agent.select_id_type') }}</option>
                                                    <!-- Populate with National ID Types -->
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('kua_agent.id_number') }} <span class="required">*</span></label>
                                                <input class="form-control" type="text" name="national_id_number" id="national_id_number" placeholder="Enter ID Number">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('kua_agent.upload_id_copy') }}</label>
                                                <input class="form-control" type="file" name="national_id_copy" id="national_id_copy">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('kua_agent.passport') }}</label>
                                                <input class="form-control" type="file" name="passport_photo" id="passport_photo">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('kua_agent.agreement_accepted') }}</label>
                                                <input type="checkbox" name="agreement_accepted" id="agreement_accepted" value="1">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Section 2: Experience & Work History -->
                        <div class="card border-0">
                            <div class="card-header light-bg">
                                <a class="card-link small-font bold" data-toggle="collapse" href="#kua-section2">{{ @trans('kua_agent.experience_work_history') }} #2</a>
                            </div>
                            <div id="kua-section2" class="collapse" data-parent="#accordionKuaAgent">
                                <div class="card-body py-2">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('kua_agent.worked_as_sales_agent') }}</label>
                                                <select class="form-control" name="worked_as_sales_agent" id="worked_as_sales_agent">
                                                    <option value="1">{{ @trans('kua_agent.yes') }}</option>
                                                    <option value="0">{{ @trans('kua_agent.no') }}</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('kua_agent.products_sold') }}</label>
                                                <select class="form-control" name="products_sold[]" id="products_sold" multiple>
                                                    <!-- Populate with Product Categories -->
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('kua_agent.years_of_experience') }}</label>
                                                <input class="form-control" type="number" name="years_of_experience" id="years_of_experience" min="0">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('kua_agent.cv_upload') }}</label>
                                                <input class="form-control" type="file" name="cv_upload" id="cv_upload">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('kua_agent.sales_performance_evidence') }}</label>
                                                <input class="form-control" type="file" name="sales_performance_evidence" id="sales_performance_evidence">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Section 3: Income Declaration & Conflict of Interest -->
                        <div class="card border-0">
                            <div class="card-header light-bg">
                                <a class="card-link small-font bold" data-toggle="collapse" href="#kua-section3">{{ @trans('kua_agent.income_conflict_interest') }} #3</a>
                            </div>
                            <div id="kua-section3" class="collapse" data-parent="#accordionKuaAgent">
                                <div class="card-body py-2">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('kua_agent.has_other_income') }}</label>
                                                <select class="form-control" name="has_other_income" id="has_other_income">
                                                    <option value="1">{{ @trans('kua_agent.yes') }}</option>
                                                    <option value="0">{{ @trans('kua_agent.no') }}</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('kua_agent.other_income_sources') }}</label>
                                                <input class="form-control" type="text" name="other_income_sources" id="other_income_sources">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('kua_agent.promoting_other_products') }}</label>
                                                <select class="form-control" name="promoting_other_products" id="promoting_other_products">
                                                    <option value="1">{{ @trans('kua_agent.yes') }}</option>
                                                    <option value="0">{{ @trans('kua_agent.no') }}</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('kua_agent.other_products') }}</label>
                                                <input class="form-control" type="text" name="other_products" id="other_products">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('kua_agent.conflict_of_interest_confirmed') }}</label>
                                                <select class="form-control" name="conflict_of_interest_confirmed" id="conflict_of_interest_confirmed">
                                                    <option value="1">{{ @trans('kua_agent.yes') }}</option>
                                                    <option value="0">{{ @trans('kua_agent.no') }}</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Section 4: Geographical Availability & Work Preference -->
                        <div class="card border-0">
                            <div class="card-header light-bg">
                                <a class="card-link small-font bold" data-toggle="collapse" href="#kua-section4">{{ @trans('kua_agent.geographical_availability') }} #4</a>
                            </div>
                            <div id="kua-section4" class="collapse" data-parent="#accordionKuaAgent">
                                <div class="card-body py-2">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('kua_agent.regions_available') }}</label>
                                                <select class="form-control" name="regions_available[]" id="regions_available" multiple>
                                                    <!-- Populate with Regions of Work -->
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('kua_agent.open_to_roaming') }}</label>
                                                <select class="form-control" name="open_to_roaming" id="open_to_roaming">
                                                    <option value="1">{{ @trans('kua_agent.yes') }}</option>
                                                    <option value="0">{{ @trans('kua_agent.no') }}</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('kua_agent.has_smartphone') }}</label>
                                                <select class="form-control" name="has_smartphone" id="has_smartphone">
                                                    <option value="1">{{ @trans('kua_agent.yes') }}</option>
                                                    <option value="0">{{ @trans('kua_agent.no') }}</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('kua_agent.has_transport') }}</label>
                                                <select class="form-control" name="has_transport" id="has_transport">
                                                    <option value="1">{{ @trans('kua_agent.yes') }}</option>
                                                    <option value="0">{{ @trans('kua_agent.no') }}</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Section 5: Personal Background -->
                        <div class="card border-0">
                            <div class="card-header light-bg">
                                <a class="card-link small-font bold" data-toggle="collapse" href="#kua-section5">{{ @trans('kua_agent.personal_background') }} #5</a>
                            </div>
                            <div id="kua-section5" class="collapse" data-parent="#accordionKuaAgent">
                                <div class="card-body py-2">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('kua_agent.marital_status') }}</label>
                                                <input class="form-control" type="text" name="marital_status" id="marital_status">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('kua_agent.has_children') }}</label>
                                                <select class="form-control" name="has_children" id="has_children">
                                                    <option value="1">{{ @trans('kua_agent.yes') }}</option>
                                                    <option value="0">{{ @trans('kua_agent.no') }}</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('kua_agent.number_of_dependents') }}</label>
                                                <input class="form-control" type="number" name="number_of_dependents" id="number_of_dependents" min="0">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('kua_agent.is_primary_breadwinner') }}</label>
                                                <select class="form-control" name="is_primary_breadwinner" id="is_primary_breadwinner">
                                                    <option value="1">{{ @trans('kua_agent.yes') }}</option>
                                                    <option value="0">{{ @trans('kua_agent.no') }}</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('kua_agent.has_health_limitations') }}</label>
                                                <select class="form-control" name="has_health_limitations" id="has_health_limitations">
                                                    <option value="1">{{ @trans('kua_agent.yes') }}</option>
                                                    <option value="0">{{ @trans('kua_agent.no') }}</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('kua_agent.health_limitation_details') }}</label>
                                                <input class="form-control" type="text" name="health_limitation_details" id="health_limitation_details">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="container-fluid">
                    <button type="submit" class="btn btn-em" id="storeButton">{{ @trans('kua_agent.kua') }}</button>
                </div>
            </form>
        </div>
    </div>
</div>
@elseif(isset($kuaAgent) && $kuaAgent->status == 'pending')
<div class="modal" tabindex="-1" role="dialog" id="modalKuaAgentAction">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">{{ @trans('kua_agent.action_confirm') }}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <p>Do you want to approve or reject this KUA Agent?</p>
            </div>
            <div class="modal-footer d-flex justify-content-between">
                <button type="button" class="btn btn-success" onclick="approvalKuaAgent('approved')">Approve</button>
                <button type="button" class="btn btn-danger" onclick="approvalKuaAgent('rejected')">Reject</button>
                <button type="button" class="btn btn-cncl" data-dismiss="modal">{{ @trans('delete_modal.cancel') }}</button>
            </div>
        </div>
    </div>
</div>
<script>
function approvalKuaAgent(status) {
    var id = window.kuaAgentId; // Set this variable in your page context
    if (status === 'rejected' && !confirm('Are you sure you want to reject this KUA Agent?')) return;
    $.ajax({
        url: '/'+window.panel+'/kua-agent/approval-kua-agent/' + id,
        type: 'POST',
        data: {
            status: status,
            _token: '{{ csrf_token() }}'
        },
        success: function(response) {
            if (response.success) {
                alert('KUA Agent ' + status + ' successfully!');
                location.reload();
            } else {
                alert('Failed: ' + (response.error || 'Unknown error'));
            }
        },
        error: function(xhr) {
            alert('Server error: ' + (xhr.responseJSON?.message || xhr.statusText));
        }
    });
}
</script>
@endif