@if(request()->is('*/approved-m-plus'))
<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('m_plus.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.m-plus.store', ['panel' =>  Session::get('panel')]) }}">@csrf
                <input type="hidden" name="id" id="mplus_id" value="">
                <div class="modal-body px-0 pt-0">
                    <div id="accordionTwo">
                        <div class="card border-0">
                            <div class="card-header light-bg">
                                <a class="card-link small-font bold" data-toggle="collapse" href="#iv-fb-pendingcollapseOne">{{ @trans('m_plus.personal_details') }} #1</a>
                            </div>
                            <div id="iv-fb-pendingcollapseOne" class="collapse show" data-parent="#accordionTwo">
                                <div class="card-body py-2">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('m_plus.first_name') }} <span
                                                                            class="required">*</span></label>
                                                <input  class="form-control" type="text" name="first_name" id="first_name" placeholder="Enter First Name">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('m_plus.middle_name') }} <span
                                                                            class="required">*</span></label>
                                                <input  class="form-control" type="text" name="middle_name" id="middle_name" placeholder="Enter Middle Name">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('m_plus.last_name') }} <span
                                                                            class="required">*</span></label>
                                                <input  class="form-control" type="text" name="last_name" id="last_name" placeholder="Enter Last Name">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group date">
                                                <label class="control-label">{{ @trans('m_plus.date_of_birth') }} <span
                                                                            class="required">*</span></label>
                                                <div class="input-group date">
                                                    <input type="text" class="form-control" name="birth_date" id="birth_date" placeholder="Select Date">
                                                    <div class="input-group-addon">
                                                        <span class="material-icons">date_range</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('m_plus.gender') }} <span
                                                                            class="required">*</span></label>
                                                <div class="custom-control custom-radio">
                                                    <input type="radio" class="custom-control-input" id="male" name="gender" value="male">
                                                    <label class="custom-control-label" for="male">{{ @trans('m_plus.male') }}</label>
                                                </div>
                                                <div class="custom-control custom-radio">
                                                    <input type="radio" class="custom-control-input" id="female" name="gender" value="female">
                                                    <label class="custom-control-label" for="female">{{ @trans('m_plus.female') }}</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('m_plus.email') }}<span class="required">*</span></label>
                                                <div class="input-group">
                                                    <input type="text" class="form-control" placeholder="Enter Email" name="email" id="email">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group btm-arrow select">
                                                <label class="control-label">{{ @trans('m_plus.id_type') }} <span
                                                                            class="required">*</span></label>
                                                <select name="m_plus_document_type" id="m_plus_document_type" class="form-control">
                                                    <option value="">{{ @trans('m_plus.select_id_type') }}</option>
                                                    <option value="national_id">{{ @trans('m_plus.national_id') }}</option>
                                                    <option value="voter_id">{{ @trans('m_plus.voter_id') }}</option>
                                                    <option value="driving_licence">{{ @trans('m_plus.driving_license') }}</option>
                                                    <option value="passport">{{ @trans('m_plus.passport') }}</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <h2 class="form-sec-title">{{ @trans('m_plus.upload_id_copy') }}<span class="required">*</span></h2>
                                                <div class="custom-file float-right browse-btn">
                                                    <input type="file" class="custom-file-input documentUpload" id="m_plus_document" name="m_plus_document">
                                                    <label class="custom-file-label" for="document_id_copy"><img
                                                            src="/img/admin/file-upload.svg" alt="upload" />{{ @trans('m_plus.browse') }}</label>
                                                </div>
                                                <div class="row filename">
                                                    <div class="col-md-6">
                                                        <div class="form-group file-upload">
                                                            <label class="control-label mPlusDocumentName"></label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('m_plus.id_number') }}<span
                                                                            class="required">*</span></label>
                                                <div class="input-group">
                                                    <input type="text" class="form-control" placeholder="Enter ID Number" name="m_plus_document_number" id="m_plus_document_number">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('m_plus.address_line') }} 1 <span
                                                        class="required">*</span></label>
                                                <input type="text" name="address1" id="address1" class="form-control" placeholder="Address Line 1" />
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('m_plus.address_line') }} 2 <span
                                                        class="required">*</span></label>
                                                <input type="text" name="address2" id="address2" class="form-control" placeholder="Address Line 2" />
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group btm-arrow select">
                                                <label class="control-label" for="country_id">{{ @trans('m_plus.country') }} <span
                                                        class="required">*</span></label>
                                                <select class="form-control" name="country_id" id="country_id">
                                                    <option value="" hidden>{{ @trans('m_plus.select_country') }}</option>
                                                    @foreach($countries as $country)
                                                        <option value="{{ $country->id }}">{{ $country->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group btm-arrow select">
                                                <label class="control-label" for="State">{{ @trans('m_plus.state') }} <span
                                                        class="required">*</span></label>
                                                <select class="form-control" name="state_id" id="state_id">
                                                    <option value="" hidden>{{ @trans('m_plus.select_state') }}</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group btm-arrow select">
                                                <label class="control-label" for="City">{{ @trans('m_plus.city') }}<span
                                                        class="required">*</span></label>
                                                <select class="form-control" name="city_id" id="city_id">
                                                    <option value="" hidden>{{ @trans('m_plus.select_city') }}</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <h2 class="form-sec-title">{{ @trans('m_plus.upload_contract') }}<span class="required">*</span></h2>
                                                <div class="custom-file float-right browse-btn">
                                                    <input type="file" class="custom-file-input documentUpload" id="m_plus_contract" name="m_plus_contract">
                                                    <label class="custom-file-label" for="m_plus_contract"><img
                                                            src="/img/admin/file-upload.svg" alt="upload" />{{ @trans('m_plus.browse') }}</label>
                                                </div>
                                                <div class="row filename">
                                                    <div class="col-md-6">
                                                        <div class="form-group file-upload">
                                                            <label class="control-label mPlusContractName"></label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form-group btm-arrow select">
                                                <label class="control-label" for="religion">{{ @trans('m_plus.religion_practice') }}? <span
                                                        class="required">*</span></label>
                                                <select class="form-control" name="religion_id" id="religion_id">
                                                    <option value="" hidden>{{ @trans('m_plus.select_religion') }}</option>
                                                    @foreach($religions as $religion)
                                                    <option value="{{ $religion->id }}">{{ $religion->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group btm-arrow select">
                                                <label class="control-label" for="marital_status">{{ @trans('m_plus.merital_status') }} ? <span
                                                        class="required">*</span></label>
                                                <select class="form-control" name="marital_status_id" id="marital_status_id">
                                                    <option value="" hidden>{{ @trans('m_plus.select_merital_status') }}</option>
                                                    @foreach($maritalStatuses as $status)
                                                    <option value="{{ $status->id }}">{{ $status->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group btm-arrow select">
                                                <label class="control-label" for="no_of_children">{{ @trans('m_plus.how_many_children') }} ? <span
                                                        class="required">*</span></label>
                                                <select class="form-control" name="no_of_children" id="no_of_children">
                                                    <option value="" hidden>{{ @trans('m_plus.select_children') }}</option>
                                                    <option value="0">0</option>
                                                    <option value="1">1</option>
                                                    <option value="2">2</option>
                                                    <option value="3">3</option>
                                                    <option value="4">4</option>
                                                    <option value="5">5</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group btm-arrow select">
                                                <label class="control-label" for="ethnicity_id">{{ @trans('m_plus.ethinicity') }} ? <span
                                                        class="required">*</span></label>
                                                <select class="form-control" name="ethnicity_id" id="ethnicity_id">
                                                    <option value="" hidden>{{ @trans('m_plus.select_ethinicity') }}</option>
                                                    @foreach($ethnicities as $ethnicity)
                                                    <option value="{{ $ethnicity->id }}">{{ $ethnicity->name }}</option>
                                                    @endforeach
                                                </select>
                                                <div class="custom-control custom-checkbox custom-control-inline">
                                                    <input type="checkbox" class="custom-control-input" id="ethnicity_id_chk" value="1" name="ethnicity_id_chk">
                                                    <label class="custom-control-label control-label" for="ethnicity_id_chk">{{ @trans('m_plus.not_to_specify') }}</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('m_plus.current_salary') }} ? <span
                                                        class="required">*</span></label>
                                                <input type="text" name="current_salary" id="current_salary" class="form-control" placeholder="Enter Salary" />
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('m_plus.personal_enjoyment_cost') }}  <span
                                                        class="required">*</span></label>
                                                <input type="text" name="personal_enjoyment_cost" id="personal_enjoyment_cost" class="form-control" placeholder="Enter Amount" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card border-0">
                            <div class="card-header light-bg">
                                <a class="card-link small-font bold" data-toggle="collapse" href="#iv-fb-pendingcollapseTwo">{{ @trans('m_plus.supplier_prefernces') }} #2</a>
                            </div>
                            <div id="iv-fb-pendingcollapseTwo" class="collapse" data-parent="#accordionTwo">
                                <div class="card-body py-2">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group btm-arrow select">
                                                <label class="control-label">{{ @trans('m_plus.bank_accounts') }}? <span
                                                                            class="required">*</span></label>
                                                <select name="bank_accounts[]"  multiple="multiple" id="bank_accounts" class="form-control js-example-basic-multiple select-two">
                                                    @foreach($banks as $bank)
                                                    <option value="{{ $bank->id }}">{{ $bank->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form-group phone_number_div">
                                                <label class="control-label">{{ @trans('m_plus.network_operator') }}? <span class="required">*</span></label>
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <div class="form-group btm-arrow select">
                                                            <label class="control-label" for="network_operator_id"></label>
                                                            <select class="form-control" id="network_operator_id" name="network_operator_id[]">
                                                                <option value="" hidden>{{ @trans('m_plus.select_network_operator') }}</option>
                                                                @foreach($teleOperators as $operator)
                                                                <option value="{{ $operator->id }}">{{ $operator->name }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="form-group add-wrapper">
                                                            <label class="control-label"></label>
                                                            <input type="text" class="form-control" placeholder="Enter Phone Number" id="phone_number" name="phone_number[]">
                                                            <a href="javascript:void(0)" class="btn add-row add_extra_phone_number" title="Add New" id="add_extra_phone_number"><i class="material-icons">add</i></a>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                        <div class="col-md-12 insure_personal_item_div">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('m_plus.insure_personal_item') }}? <span
                                                                            class="required">*</span></label>
                                                <div class="custom-control custom-radio">
                                                    <input type="radio" class="custom-control-input" id="insure_personal_item" name="insure_personal_item" value="1">
                                                    <label class="custom-control-label" for="insure_personal_item">{{ @trans('m_plus.yes') }}</label>
                                                </div>
                                                <div class="custom-control custom-radio">
                                                    <input type="radio" class="custom-control-input" id="insure_personal_item1" name="insure_personal_item" value="0">
                                                    <label class="custom-control-label" for="insure_personal_item1">{{ @trans('m_plus.no') }}</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12 personal_insurance_companies">
                                            <div class="form-group btm-arrow select">
                                                <label class="control-label">{{ @trans('m_plus.insurence') }}? <span class="required">*</span></label>
                                                <select name="insurances[]"  multiple="multiple" id="insurances" class="form-control js-example-basic-multiple select-two">
                                                    @foreach($insurances as $insurance)
                                                        <option value="{{ $insurance->id }}">{{ $insurance->name }}</option>
                                                    @endforeach
                                                </select>
                                                <div class="custom-control custom-checkbox custom-control-inline">
                                                    <input type="checkbox" class="custom-control-input" id="have_insurance_broker" name="have_insurance_broker" value="1">
                                                    <label class="custom-control-label control-label" for="have_insurance_broker">{{ @trans('m_plus.have_insurence_broker') }}</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12 have_personal_vehicle_div">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('m_plus.own_vehicle') }}? <span
                                                                            class="required">*</span></label>
                                                <div class="custom-control custom-radio">
                                                    <input type="radio" class="custom-control-input" id="have_personal_vehicle" name="have_personal_vehicle" value="1">
                                                    <label class="custom-control-label" for="have_personal_vehicle">{{ @trans('m_plus.yes') }}</label>
                                                </div>
                                                <div class="custom-control custom-radio">
                                                    <input type="radio" class="custom-control-input" id="have_personal_vehicle1" name="have_personal_vehicle" value="0">
                                                    <label class="custom-control-label" for="have_personal_vehicle1">{{ @trans('m_plus.no') }}</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12 fuel_stations_select2">
                                            <div class="form-group btm-arrow select">
                                                <label class="control-label">{{ @trans('m_plus.insurence') }}? <span class="required">*</span></label>
                                                <select name="fuel_stations[]"  multiple="multiple" id="fuel_stations" class="form-control js-example-basic-multiple select-two">
                                                @foreach($fuelStations as $station)
                                                <option value="{{ $station->id }}">{{ $station->name }}</option>
                                                @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card border-0">
                            <div class="card-header light-bg">
                                <a class="card-link small-font bold" data-toggle="collapse" href="#iv-fb-pendingcollapseThree">{{ @trans('m_plus.additional_questions') }} #3</a>
                            </div>
                            <div id="iv-fb-pendingcollapseThree" class="collapse" data-parent="#accordionThree">
                                <div class="card-body py-2">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('m_plus.own_your_business') }}? <span
                                                                            class="required">*</span></label>
                                                <div class="custom-control custom-radio">
                                                    <input type="radio" class="custom-control-input" id="have_own_business" name="have_own_business" value="1">
                                                    <label class="custom-control-label" for="have_own_business">{{ @trans('m_plus.yes') }}</label>
                                                </div>
                                                <div class="custom-control custom-radio">
                                                    <input type="radio" class="custom-control-input" id="have_own_business1" name="have_own_business" value="0">
                                                    <label class="custom-control-label" for="have_own_business1">{{ @trans('m_plus.no') }}</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('m_plus.describe_your_business') }}.</label>
                                                <textarea name="business_description" class="form-control" id="business_description" placeholder="Enter Business Description" rows="3" maxlength="1000"></textarea>
                                                <label class="control-label">
                                                    <span class="businessDescriptionTextCount">0</span> / 1000 {{ @trans('m_plus.characters') }}</label>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form-group btm-arrow select">
                                                <label class="control-label">{{ @trans('m_plus.business_bank_accounts') }}? <span
                                                                            class="required">*</span></label>
                                                <select name="business_bank_accounts[]"  multiple="multiple" id="business_bank_accounts" class="form-control js-example-basic-multiple select-two">
                                                    @foreach($banks as $bank)
                                                    <option value="{{ $bank->id }}">{{ $bank->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-12 business_insurance_div">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('m_plus.insure_your_business') }}? <span
                                                                            class="required">*</span></label>
                                                <div class="custom-control custom-radio">
                                                    <input type="radio" class="custom-control-input" id="have_insure_business" name="have_insure_business" value="1">
                                                    <label class="custom-control-label" for="have_insure_business">{{ @trans('m_plus.yes') }}</label>
                                                </div>
                                                <div class="custom-control custom-radio">
                                                    <input type="radio" class="custom-control-input" id="have_insure_business1" name="have_insure_business" value="0">
                                                    <label class="custom-control-label" for="have_insure_business1">{{ @trans('m_plus.no') }}</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12 business_insurance_companies">
                                            <div class="form-group btm-arrow select">
                                                <label class="control-label">{{ @trans('m_plus.insurence') }}? <span
                                                                            class="required">*</span></label>
                                                <select name="business_insurances[]"  multiple="multiple" id="business_insurances" class="form-control js-example-basic-multiple select-two">
                                                @foreach($insurances as $insurance)
                                                    <option value="{{ $insurance->id }}">{{ $insurance->name }}</option>
                                                @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('m_plus.password') }} <span
                                                        class="required">*</span></label>
                                                <input type="password" name="password" id="password" class="form-control" placeholder="Enter Password" />
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">{{ @trans('m_plus.confirm_password') }} <span
                                                        class="required">*</span></label>
                                                <input type="password" name="password_confirmation" id="password_confirmation" class="form-control" placeholder="Enter Confirm Password" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="container-fluid">
                    <button type="submit" class="btn btn-em" id="storeButton">{{ @trans('m_plus.m') }}</button>
                </div>
            </form>
        </div>
    </div>
</div>
@elseif(request()->is('*/pending-m-plus'))
<div class="modal" tabindex="-1" role="dialog" id="modalDeleteConfirm">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">{{ @trans('delete_modal.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>Are you sure you want to reject ?</p>
            </div>
            <div class="modal-footer d-flex justify-content-between">
                <button type="button" class="btn btn-cncl" data-dismiss="modal">{{ @trans('delete_modal.cancel') }}</button>
                <button type="submit" class="btn btn-danger" @click="approvalMPlus()">Reject</button>
            </div>

        </div>
    </div>
</div>
@endif