260 lines
16 KiB
PHP
260 lines
16 KiB
PHP
@extends('Frontend.layouts.master')
|
|
@section('style')
|
|
<style>
|
|
.error {
|
|
color: red !important
|
|
}
|
|
|
|
.mandatory:before {
|
|
content: "*";
|
|
color: red
|
|
}
|
|
|
|
.pio:before {
|
|
content: "";
|
|
}
|
|
</style>
|
|
@endsection
|
|
@section('content')
|
|
<div>
|
|
<div class="kyc">
|
|
<div class="accounts">
|
|
<div class="acc-header container aos-init aos-animate" data-aos="fade-right">
|
|
<div>
|
|
<h2>NRI Accounts </h2>
|
|
<p>View all your NRI accounts details from one place</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container tab-form">
|
|
<div class="row">
|
|
<div class="col-md-12 acc-list">
|
|
<div class="card2 first-screen show ml-2">
|
|
<form id="nri_form">
|
|
@csrf
|
|
<div class="pi-details">
|
|
<h2>Complete your KYC</h2>
|
|
<div>
|
|
<h4>Personal Information</h4>
|
|
<p>Provide your personal information as per your Bank Account</p>
|
|
</div>
|
|
</div>
|
|
<div class="row form-sec">
|
|
<div class="col-md-6 mb-4">
|
|
<label class="mandatory">Name</label>
|
|
<input type="text" id="name" name="name" placeholder="Enter Name" onkeydown="return /^[a-zA-Z\s]+$/i.test(event.key)" class="iv-input form-control p-2">
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label class="mandatory">Mobile Number</label>
|
|
<input type="text" id="mobile_number" name="mobile_number" placeholder="Enter Mobile Number" minlength="10" maxlength="10" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*?)\..*/g, '$1');" class="iv-input form-control p-2">
|
|
<!--<input type="number" id="mobile_number" name="mobile_number" oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" placeholder="Enter Mobile Number" minlength="10" maxlength="10" class="iv-input form-control p-2">-->
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label class="mandatory">Email ID</label>
|
|
<input type="email" id="email" name="email" placeholder="Enter Email" class="iv-input form-control p-2">
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label class="mandatory">Father Name</label>
|
|
<input type="text" id="father_name" name="father_name" placeholder="Enter Father Name" onkeydown="return /^[a-zA-Z\s]+$/i.test(event.key)" class="iv-input form-control p-2">
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label class="mandatory">Mother Name</label>
|
|
<input type="text" id="mother_name" name="mother_name" placeholder="Enter Mother Name" onkeydown="return /^[a-zA-Z\s]+$/i.test(event.key)" class="iv-input form-control p-2">
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label class="mandatory">Date Of Birth</label>
|
|
<input type="date" id="dob" name="dob" placeholder="Enter Date Of Birth" class="iv-input form-control p-2" max="2006-01-11">
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label class="mandatory">Place Of Birth</label>
|
|
<input type="text" id="place_of_birth" name="place_of_birth" placeholder="Enter Place Of Birth" onkeydown="return /^[a-zA-Z\s]+$/i.test(event.key)" class="iv-input form-control p-2">
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label class="mandatory">Gross Annual Income</label>
|
|
<input type="text" id="gross_annual_income" name="gross_annual_income" placeholder="Enter Gross Annual Income" onkeydown="return /^[0-9]+$/i.test(event.key)" class="iv-input form-control p-2">
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label class="mandatory">Occupation / Business</label>
|
|
<input type="text" id="occupation" name="occupation" placeholder="Enter Occupation/Business" onkeydown="return /^[a-zA-Z\s]+$/i.test(event.key)" class="iv-input form-control p-2">
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label class="mandatory">Passport</label>
|
|
<input type="file" id="passport" name="passport" class="iv-input form-control p-2" accept="image/jpeg,image/png,image/jpg,application/pdf">
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label for="email" class="mandatory pio">PIO/OCI Card</label>
|
|
<input type="file" id="pio_oci_card" name="pio_oci_card" class="iv-input form-control p-2" accept="image/jpeg,image/png,image/jpg,application/pdf">
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label class="mandatory" for="email">TIN (Tax Identification Number)</label>
|
|
<input type="file" id="tin" name="tin" class="iv-input form-control p-2" accept="image/jpeg,image/png,image/jpg,application/pdf">
|
|
</div>
|
|
<div class="col-md-6 mb-4 mt-4">
|
|
<label class="mandatory" for="email">PAN Card</label>
|
|
<input type="file" id="pan_card" name="pan_card" class="iv-input form-control p-2" accept="image/jpeg,image/png,image/jpg,application/pdf">
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label class="mandatory" for="resident">Proof of Address (In India) (Any One) (Passport / Driving License / Bank Passbook)</label>
|
|
<input type="file" id="proof_of_address_of_india" name="proof_of_address_of_india" class="iv-input form-control p-2" accept="image/jpeg,image/png,image/jpg,application/pdf">
|
|
|
|
</div>
|
|
{{--<div class="col-md-6 mb-4">
|
|
<label class="mandatory" for="occupation">Proof of Address (Foreign Country) [Utility Bill & Rental Agreement]</label>
|
|
<input type="file" id="proof_of_address_of_foreign"
|
|
name="proof_of_address_of_foreign" class="iv-input form-control p-2">
|
|
</div>--}}
|
|
<div class="col-md-6 mb-4">
|
|
<label class="mandatory" for="occupation">Proof of Address (Foreign Country) [Utility Bill]</label>
|
|
<input type="file" id="utility" name="utility" class="iv-input form-control p-2" accept="image/jpeg,image/png,image/jpg,application/pdf">
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label class="mandatory" for="occupation">Proof of Address (Foreign Country) [Rental Agreement]</label>
|
|
<input type="file" id="rental_agreement" name="rental_agreement" class="iv-input form-control p-2" accept="image/jpeg,image/png,image/jpg,application/pdf">
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label class="mandatory" for="dob">Recent Passport size photograph</label>
|
|
<input type="file" id="passport_size_photograph" name="passport_size_photograph" class="iv-input form-control p-2" accept="image/jpeg,image/png,image/jpg,application/pdf">
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label class="mandatory"> Copy of CML</label>
|
|
<input type="file" id="copy_of_cml" name="copy_of_cml" class="iv-input form-control p-2" accept="image/jpeg,image/png,image/jpg,application/pdf">
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label class=" mandatory">Cancelled Cheque (NRO/NRE Account) (NRO Preferable)</label>
|
|
<input type="file" id="cancelled_cheque" name="cancelled_cheque" class="iv-input form-control p-2" accept="image/jpeg,image/png,image/jpg,application/pdf">
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label class=" mandatory">TRC Copy</label>
|
|
<input type="file" id="trc_copy" name="trc_copy" class="iv-input form-control p-2" accept="image/jpeg,image/png,image/jpg,application/pdf">
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label class=" mandatory">Form 10F</label>
|
|
<input type="file" id="form_10f" name="form_10f" class="iv-input form-control p-2" accept="image/jpeg,image/png,image/jpg,application/pdf">
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label class=" mandatory">No PE Declaration</label>
|
|
<input type="file" id="no_pe_declaration" name="no_pe_declaration" class="iv-input form-control p-2" accept="image/jpeg,image/png,image/jpg,application/pdf">
|
|
</div>
|
|
</div>
|
|
<h5 class="text-center"><b class="text-danger">"Note: All documents uploaded should be self-attested"</b></h5>
|
|
<h5><i>"Please be advised that if additional documents or information are required, the
|
|
Jericho Alternatives team will promptly
|
|
contact you for further assistance."</i></h5>
|
|
<button type="submit" id="nri_submit" class="next-button">Submit</button>
|
|
<!-- </div> -->
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
@section('scripts')
|
|
<script>
|
|
$(function() {
|
|
var dtToday = new Date();
|
|
|
|
var month = dtToday.getMonth() + 1; // jan=0; feb=1 .......
|
|
var day = dtToday.getDate();
|
|
var year = dtToday.getFullYear() - 18;
|
|
if (month < 10)
|
|
month = '0' + month.toString();
|
|
if (day < 10)
|
|
day = '0' + day.toString();
|
|
var minDate = year + '-' + month + '-' + day;
|
|
var maxDate = year + '-' + month + '-' + day;
|
|
$('#dob').attr('max', maxDate);
|
|
});
|
|
|
|
$(document).ready(function() {
|
|
$.validator.addMethod("ValidEmail", function(value) {
|
|
return /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(value);
|
|
}, "Please enter valid email");
|
|
$('#nri_submit').click(function() {
|
|
$('#nri_form').validate({
|
|
ignore: [],
|
|
debug: false,
|
|
rules: {
|
|
name: 'required',
|
|
mobile_number: 'required',
|
|
email: {
|
|
required: true,
|
|
ValidEmail: true,
|
|
},
|
|
father_name: 'required',
|
|
mother_name: 'required',
|
|
dob: 'required',
|
|
place_of_birth: 'required',
|
|
gross_annual_income: 'required',
|
|
occupation: 'required',
|
|
passport: 'required',
|
|
tin: 'required',
|
|
pan_card: 'required',
|
|
proof_of_address_of_india: 'required',
|
|
// proof_of_address_of_foreign: 'required',
|
|
utility: 'required',
|
|
rental_agreement: 'required',
|
|
passport_size_photograph: 'required',
|
|
copy_of_cml: 'required',
|
|
// cancelled_cheque: 'required',
|
|
// trc_copy: 'required',
|
|
// form_10f: 'required',
|
|
// no_pe_declaration: 'required',
|
|
},
|
|
message: {
|
|
name: 'Name is required',
|
|
mobile_number: 'Mobile Number is required',
|
|
email: 'Email is required',
|
|
father_name: "Father's Name is required",
|
|
mother_name: "Mother's Name is required",
|
|
dob: 'Date Of Birth is required',
|
|
place_of_birth: 'Place Of Birth is required',
|
|
gross_annual_income: 'Gross Annual Income is required',
|
|
occupation: 'Occupation / Business is required',
|
|
passport: 'Passport is required',
|
|
tin: 'Tax Identification Number is required',
|
|
pan_card: 'PAN Card is required',
|
|
proof_of_address_of_india: 'Proof Of Address (India) is required',
|
|
// proof_of_address_of_foreign: 'Proof Of Address (Foreign) is required',
|
|
utility: 'Proof Of Address (Foreign) Utility Bill is required',
|
|
rental_agreement: 'Proof Of Address (Foreign) Rental Agreement is required',
|
|
passport_size_photograph: 'Recent Passport Size Photograph is required',
|
|
copy_of_cml: 'Copy of CML is required',
|
|
// cancelled_cheque: 'Cancelled Cheque (NRO/NRE Account) is required',
|
|
// trc_copy: 'TRC Copy is required',
|
|
// form_10f: 'Form 10F is required',
|
|
// no_pe_declaration: 'No PE Declaration is required',
|
|
},
|
|
submitHandler: function(form) {
|
|
var formData = new FormData(form);
|
|
// $('#nri_submit').prop('disabled', true);
|
|
|
|
$.ajax({
|
|
url: "{{route('create-nri-kyc')}}",
|
|
type: 'POST',
|
|
data: formData,
|
|
dataType: 'json',
|
|
processData: false,
|
|
contentType: false,
|
|
success: function(result) {
|
|
if (result.status === 200) {
|
|
toastr.success(result.message);
|
|
setTimeout(() => {
|
|
location.replace("/kyc");
|
|
}, 1000);
|
|
}
|
|
},
|
|
error: function(jqXHR) {
|
|
$("#request_callback_btn").removeClass("d-none");
|
|
$("#loaderContactBtn").addClass("d-none");
|
|
warning(jqXHR.responseJSON);
|
|
// warning(jqXHR.responseJSON.errors);
|
|
},
|
|
})
|
|
}
|
|
})
|
|
})
|
|
});
|
|
</script>
|
|
@endsection |