838 lines
41 KiB
PHP
838 lines
41 KiB
PHP
@extends('Frontend.layouts.master')
|
|
@extends('Frontend.menu-after-lg')
|
|
@section('content')
|
|
<!-- banner -->
|
|
<div class="banner contact acc">
|
|
<div class="container" data-aos="fade-left">
|
|
<img src="public/assets/media/FrontendImages/accounts.png" />
|
|
</div>
|
|
</div>
|
|
<!-- banner -->
|
|
|
|
<div class="accounts">
|
|
<div class="acc-header container" data-aos="fade-right">
|
|
<div>
|
|
<h2>Virtual Accounts</h2>
|
|
<p>View all your virtual accounts details from one place</p>
|
|
</div>
|
|
|
|
<div class="dropdown">
|
|
<button class="add-acc dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
Add accounts
|
|
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
|
|
<a class="dropdown-item" href="../freeU/accounts.php">Accounts</a>
|
|
<a class="dropdown-item" href="../freeU/investor-profile.php">My Profile</a>
|
|
<a class="dropdown-item" href="../freeU/security.php">Security</a>
|
|
<a class="dropdown-item" href="#">Dashboard</a>
|
|
<a class="dropdown-item" href="" data-toggle="modal" data-target="#logout-modal">Logout</a>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container tab-form">
|
|
<div class="save-exit row">
|
|
<div class="col-md-4">
|
|
<button>Save and Exit</button>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 acc-tab">
|
|
<!-- <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
|
|
<a class="nav-link active" id="v-pills-pi-tab" data-toggle="pill" href="#v-pills-pi" role="tab" aria-controls="v-pills-pi" aria-selected="true"><span>1</span>Personal Information</a>
|
|
<a class="nav-link" id="v-pills-ad-tab" data-toggle="pill" href="#v-pills-ad" role="tab" aria-controls="v-pills-ad" aria-selected="false"><span>2</span>Address Details</a>
|
|
<a class="nav-link" id="v-pills-pa-tab" data-toggle="pill" href="#v-pills-pa" role="tab" aria-controls="v-pills-pa" aria-selected="false"><span>3</span>PAN & Aadhar details</a>
|
|
<a class="nav-link" id="v-pills-ba-tab" data-toggle="pill" href="#v-pills-ba" role="tab" aria-controls="v-pills-ba" aria-selected="false"><span>4</span>Bank account details</a>
|
|
<a class="nav-link" id="v-pills-rs-tab" data-toggle="pill" href="#v-pills-rs" role="tab" aria-controls="v-pills-rs" aria-selected="false"><span>5</span>Review & Submit</a>
|
|
</div>-->
|
|
|
|
<div class="card1">
|
|
|
|
<ul id="progressbar" class="text-center">
|
|
<li class="active step0"></li>
|
|
<li class="step0 address-step"></li>
|
|
<li class="step0 pan-step"></li>
|
|
<li class="step0 bank-step"></li>
|
|
<li class="step0 review-step"></li>
|
|
</ul>
|
|
|
|
<h6 class="mb-5">Personal Information</h6>
|
|
<h6 class="mb-5">Address Details</h6>
|
|
<h6 class="mb-5">PAN & Aadhar details</h6>
|
|
<h6 class="mb-5">Bank account details</h6>
|
|
<!-- <h6 class="mb-5">Review</h6> -->
|
|
<h6 class="mb-5">Submit</h6>
|
|
</div>
|
|
|
|
<div class="back text-center justify-content-center px-3">
|
|
<p class="prev text-danger"><span class="fa fa-long-arrow-left"> Go Back</span></p id="back">
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-8 acc-list">
|
|
|
|
|
|
<div class="card2 first-screen show ml-2">
|
|
<form id="personalInformationForm" method="POST">
|
|
@csrf
|
|
@method('PATCH')
|
|
<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>Contact Number</label>
|
|
<input type="number" id="contact_number" name="contact_number" class="iv-input form-control">
|
|
<!-- <label class="required fs-6 fw-semibold mb-2">Due Date</label>
|
|
<input class="form-control" type="text" id="dateTime" name="due_date" autocomplete="off"> -->
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label for="email">Email Id</label>
|
|
<input type="email" id="email" name="email" class="iv-input form-control">
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label for="resident">Residential Status</label>
|
|
<select id="resident" class="acc-dropdown form-control" name="residential_status">
|
|
<option value="">Please Select Your Residential Status</option>
|
|
<option value="NRI" >NRI</option>
|
|
<option value="Indian Citizen" >Indian Citizen</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label for="dob">Date of Birth</label>
|
|
<input type="date" id="dob" name="dob" class="acc-dropdown form-control">
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label for="occupation">Occupation</label>
|
|
<select id="occupation" class="acc-dropdown form-control" name="occupation">
|
|
<option value="">Please Select Your Occupation</option>
|
|
<option value="Employed" >Employed</option>
|
|
<option value="Unemployed" >Unemployed</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label for="father_name">Father's Name</label>
|
|
<input type="text" id="father_name" name="father_name" class="iv-input form-control">
|
|
</div>
|
|
</div>
|
|
<!-- <div class="next-button text-center mt-1 ml-2"> -->
|
|
<!-- <span class=" ">Save and Continue</span> -->
|
|
<button type="submit" class="next-button">Save and Continue</button>
|
|
<!-- </div> -->
|
|
</form>
|
|
</div>
|
|
|
|
|
|
<div class="card2 second-screen ml-2">
|
|
<form id="locationInformationForm" enctype="multipart/form-data" method="POST">
|
|
@csrf
|
|
@method('PATCH')
|
|
<div class="pi-details">
|
|
<h2>Complete your KYC</h2>
|
|
<div>
|
|
<h4>Personal Information</h4>
|
|
<p>Provide your current correspondance address and upload an address proof of the same</p>
|
|
</div>
|
|
</div>
|
|
<div class="row form-sec">
|
|
<div class="col-md-6 mb-4">
|
|
<label for="country">Country</label>
|
|
<input type="text" id="country" name="country" class="iv-input form-control">
|
|
<!-- <select id="resident" class="acc-dropdown form-control">
|
|
<option value="nri"></option>
|
|
<option value="indian"></option>
|
|
</select> -->
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label for="pincode">Pincode</label>
|
|
<input type="number" id="pincode" name="pincode" class="iv-input form-control">
|
|
</div>
|
|
<div class="col-md-12 mb-4">
|
|
<label for="address">Address - Area and Street</label>
|
|
<input type="text" id="address" name="address" class="iv-input form-control">
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label for="city">City</label>
|
|
<input type="text" id="city" name="city" class="iv-input form-control">
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label for="state">State/Province/Region</label>
|
|
<input type="text" id="state_province_region" name="state_province_region" class="iv-input form-control">
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label for="">Document Type</label>
|
|
<!-- <input type="email" id="email" name="email" value="" class="iv-input form-control"> -->
|
|
<select name="document_type" id="document_type">
|
|
<option value="">Please Select Document Type</option>
|
|
<option value="PDF">PDF</option>
|
|
<option value="JPEG" >JPEG</option>
|
|
<option value="PNG" >PNG</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label for="document_number">Document Number</label>
|
|
<input type="number" id="document_number" name="document_number" class="iv-input form-control">
|
|
</div>
|
|
<div class="col-md-12 file-upload mb-4">
|
|
<label for="document_front">Please upload document front</label>
|
|
<input type="file" id="document_front" name="document_front" class="iv-input form-control">
|
|
</div>
|
|
<div class="col-md-12 file-upload mb-4">
|
|
<label for="document_back">Please upload document back side (if applicable)</label>
|
|
<input type="file" id="document_back" name="document_back" class="iv-input form-control">
|
|
</div>
|
|
</div>
|
|
<!-- <div class="next-button text-center mt-1 ml-2">
|
|
<span class="">Save and Continue</span>
|
|
</div> -->
|
|
<button type="submit" class="next-button">Save and Continue</button>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="card2 third-screen ml-2">
|
|
<form id="panAadharInformationForm" enctype="multipart/form-data" method="POST">
|
|
@csrf
|
|
@method('PATCH')
|
|
<div class="pi-details">
|
|
<h2>Complete your KYC</h2>
|
|
<div>
|
|
<h4>PAN & Aadhar details</h4>
|
|
<p>Provide your PAN & Aadhar details</p>
|
|
</div>
|
|
</div>
|
|
<div class="row form-sec">
|
|
<div class="col-md-12 mb-4">
|
|
<label for="">PAN Number</label>
|
|
<input type="text" id="pan_no" name="pan_no" class="acc-dropdown form-control">
|
|
<!-- <span>Name as per PAN</span> -->
|
|
</div>
|
|
<div class="col-md-12 file-upload mb-4">
|
|
<label for="">Upload PAN Card front side</label>
|
|
<input type="file" id="" name="pan_front" class="iv-input form-control">
|
|
</div>
|
|
<div class="col-md-12 mb-4">
|
|
<label for="">Aadhar Number</label>
|
|
<input type="number" id="" name="aadhar_no" class="acc-dropdown form-control">
|
|
</div>
|
|
<div class="col-md-12 file-upload mb-4">
|
|
<label for="">Upload Aadhar card</label>
|
|
<input type="file" id="" name="aadhar_card" class="iv-input form-control">
|
|
</div>
|
|
</div>
|
|
<!-- <div class="next-button text-center mt-1 ml-2">
|
|
<span class=" ">Save and Continue</span>
|
|
</div> -->
|
|
<button type="submit" class="next-button">Save and Continue</button>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="card2 fourth-screen ml-2">
|
|
<form id="bankInformationForm" enctype="multipart/form-data" method="POST">
|
|
@csrf
|
|
@method('PATCH')
|
|
<div class="pi-details">
|
|
<h2>Complete your KYC</h2>
|
|
<div>
|
|
<h4>Bank account details</h4>
|
|
<p>Provide your Bank account details</p>
|
|
</div>
|
|
</div>
|
|
<div class="row form-sec">
|
|
<div class="col-md-12 mb-4">
|
|
<label for="">IFSC Code</label>
|
|
<input type="text" id="ifsc_code" name="ifsc_code" class="acc-dropdown form-control">
|
|
</div>
|
|
<div class="col-md-12 mb-4">
|
|
<label for="">Account Number</label>
|
|
<input type="number" id="" name="account_number" class="iv-input form-control">
|
|
</div>
|
|
<div class="col-md-12 file-upload mb-4">
|
|
<label for="">Upload cancelled check / Bank statement</label>
|
|
<input type="file" id="" name="cancelled_check_bank_statement" class="acc-dropdown form-control">
|
|
</div>
|
|
<div class="col-md-12 mb-4">
|
|
<label for="">Bank Name</label>
|
|
<input type="text" id="" name="bank_name" class="iv-input form-control">
|
|
</div>
|
|
</div>
|
|
<!-- <div class="next-button text-center mt-1 ml-2">
|
|
<span class=" ">Save and Submit</span>
|
|
</div> -->
|
|
<button type="submit" class="next-button">Submit</button>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="card2 fifth-screen ml-2">
|
|
<form>
|
|
<div class="all-form-review">
|
|
<div class="review">
|
|
<form>
|
|
<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 for="phone">Contact Number</label>
|
|
<input type="tel" id="phone" name="phone" value="" class="iv-input form-control">
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label for="email">Email Id</label>
|
|
<input type="email" id="" name="email" value="Kartikey@gmail.com" class="iv-input form-control">
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label for="">Residential Status</label>
|
|
<select id="" class="acc-dropdown form-control">
|
|
<option value="nri">NRI</option>
|
|
<option value="indian">Indian Citizen</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label for="">Date of Birth</label>
|
|
<input type="date" id="" name="" class="acc-dropdown form-control">
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label for="occ">Occupation</label>
|
|
<select id="occ" class="acc-dropdown form-control">
|
|
<option value="working">Employed</option>
|
|
<option value="notworking">Unemployed</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label for="">Father's Name</label>
|
|
<input type="text" id="" name="" value="Kartikey" class="iv-input form-control">
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<form>
|
|
<div class="pi-details">
|
|
<h2>Complete your KYC</h2>
|
|
<div>
|
|
<h4>Personal Information</h4>
|
|
<p>Provide your current correspondance address and upload an address proof of the same</p>
|
|
</div>
|
|
</div>
|
|
<div class="row form-sec">
|
|
<div class="col-md-6 mb-4">
|
|
<label for="">Country</label>
|
|
<select id="" class="acc-dropdown form-control">
|
|
<option value="nri"></option>
|
|
<option value="indian"></option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label for="">Pincode</label>
|
|
<input type="password" id="" name="" value="8425025713" class="iv-input form-control">
|
|
</div>
|
|
<div class="col-md-12 mb-4">
|
|
<label for="email">Address - Area and Street</label>
|
|
<input type="email" id="" name="email" value="Kartikey@gmail.com" class="iv-input form-control">
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label for="">City</label>
|
|
<select id="" class="acc-dropdown form-control">
|
|
<option value="nri"></option>
|
|
<option value="indian"></option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label for="">State/Province/Region</label>
|
|
<select id="" class="acc-dropdown form-control">
|
|
<option value="nri"></option>
|
|
<option value="indian"></option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label for="">Document Type</label>
|
|
<select id="" class="acc-dropdown form-control">
|
|
<option value="nri"></option>
|
|
<option value="indian"></option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<label for="">Document Number</label>
|
|
<input type="date" id="" name="birthday" class="acc-dropdown form-control">
|
|
</div>
|
|
<div class="col-md-12 file-upload mb-4">
|
|
<label for="">Please upload document front</label>
|
|
<input type="file" id="" name="upload" value="Kartikey" class="iv-input form-control">
|
|
</div>
|
|
<div class="col-md-12 file-upload mb-4">
|
|
<label for="">Please upload document back side (if applicable)</label>
|
|
<input type="file" id="" name="upload" value="Kartikey" class="iv-input form-control">
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<form>
|
|
<div class="pi-details">
|
|
<h2>Complete your KYC</h2>
|
|
<div>
|
|
<h4>PAN $ Aadhar details</h4>
|
|
<p>Provide your PAN $ Aadhar details</p>
|
|
</div>
|
|
</div>
|
|
<div class="row form-sec ">
|
|
<div class="col-md-12 mb-4">
|
|
<label for="">PAN Number</label>
|
|
<input type="text" id="" name="upload" class="acc-dropdown form-control">
|
|
<span>Name as per PAN</span>
|
|
</div>
|
|
<div class="col-md-12 file-upload mb-4">
|
|
<label for="">Upload PAN Card front side</label>
|
|
<input type="file" id="" name="upload" value="Kartikey" class="iv-input form-control">
|
|
</div>
|
|
<div class="col-md-12 mb-4">
|
|
<label for="">Aadhar Number</label>
|
|
<input type="text" id="" name="upload" class="acc-dropdown form-control">
|
|
</div>
|
|
<div class="col-md-12 file-upload mb-4">
|
|
<label for="">Upload Aadhar card</label>
|
|
<input type="file" id="" name="upload" value="Kartikey" class="iv-input form-control">
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<form>
|
|
<div class="pi-details">
|
|
<h2>Complete your KYC</h2>
|
|
<div>
|
|
<h4>Bank account details</h4>
|
|
<p>Provide your Bank account details</p>
|
|
</div>
|
|
</div>
|
|
<div class="row form-sec">
|
|
<div class="col-md-12 mb-4">
|
|
<label for="">IFSC Code</label>
|
|
<input type="text" id="" name="upload" class="acc-dropdown form-control">
|
|
</div>
|
|
<div class="col-md-12 mb-4">
|
|
<label for="">Account Number</label>
|
|
<input type="text" id="" name="upload" value="Kartikey" class="iv-input form-control">
|
|
</div>
|
|
<div class="col-md-12 file-upload mb-4">
|
|
<label for="">Upload cancelled check / Bank statement</label>
|
|
<input type="file" id="" name="upload" class="acc-dropdown form-control">
|
|
</div>
|
|
<div class="col-md-12 mb-4">
|
|
<label for="">Bank Name</label>
|
|
<input type="text" id="" name="upload" value="Kartikey" class="iv-input form-control">
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<div class="submit-btn">
|
|
<input type="submit">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<!--<div class="row px-3 mt-2 mb-4 text-center">
|
|
<h2 class="col-12 text-danger"><strong>Success !</strong></h2>
|
|
</div>-->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--Tabs-->
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
@endsection
|
|
@section('scripts')
|
|
<script>
|
|
////acc-update tab///////
|
|
$(document).ready(function() {
|
|
$("#personalInformationForm").removeAttr("novalidate");
|
|
$('#locationInformationForm').removeAttr('novalidate');
|
|
$('#panAadharInformationForm').removeAttr('novalidate');
|
|
$('#bankInformationForm').removeAttr('novalidate');
|
|
var current_fs, next_fs, previous_fs;
|
|
|
|
// No BACK button on first screen
|
|
if ($(".show").hasClass("first-screen")) {
|
|
$(".prev").css({
|
|
display: "none"
|
|
});
|
|
}
|
|
|
|
// // Next button
|
|
// $(".next-button").click(function() {
|
|
// current_fs = $(this).parent().parent();
|
|
// next_fs = $(this).parent().parent().next();
|
|
|
|
// $(".prev").css({
|
|
// display: "block"
|
|
// });
|
|
|
|
// $(current_fs).removeClass("show");
|
|
// $(next_fs).addClass("show");
|
|
|
|
// $("#progressbar li").eq($(".card2").index(next_fs)).addClass("active");
|
|
|
|
// current_fs.animate({}, {
|
|
// step: function() {
|
|
// current_fs.css({
|
|
// display: "none",
|
|
// position: "relative",
|
|
// });
|
|
|
|
// next_fs.css({
|
|
// display: "block",
|
|
// });
|
|
// },
|
|
// });
|
|
// });
|
|
|
|
// Previous button
|
|
$(".prev").click(function() {
|
|
current_fs = $(".show");
|
|
previous_fs = $(".show").prev();
|
|
|
|
$(current_fs).removeClass("show");
|
|
$(previous_fs).addClass("show");
|
|
|
|
$(".prev").css({
|
|
display: "block"
|
|
});
|
|
|
|
if ($(".show").hasClass("first-screen")) {
|
|
$(".prev").css({
|
|
display: "none"
|
|
});
|
|
}
|
|
|
|
$("#progressbar li")
|
|
.eq($(".card2").index(current_fs))
|
|
.removeClass("active");
|
|
|
|
current_fs.animate({}, {
|
|
step: function() {
|
|
current_fs.css({
|
|
display: "none",
|
|
position: "relative",
|
|
});
|
|
|
|
previous_fs.css({
|
|
display: "block",
|
|
});
|
|
},
|
|
});
|
|
});
|
|
});
|
|
|
|
// function next() {
|
|
// current_fs = $(this).parent().parent();
|
|
// alert(current_fs);
|
|
// // next_fs = $(this).parent().parent().next();
|
|
|
|
// // $(".prev").css({
|
|
// // display: "block"
|
|
// // });
|
|
|
|
// // $(current_fs).removeClass("show");
|
|
// // $(next_fs).addClass("show");
|
|
|
|
// // $("#progressbar li").eq($(".card2").index(next_fs)).addClass("active");
|
|
|
|
// // current_fs.animate({}, {
|
|
// // step: function() {
|
|
// // current_fs.css({
|
|
// // display: "none",
|
|
// // position: "relative",
|
|
// // });
|
|
|
|
// // next_fs.css({
|
|
// // display: "block",
|
|
// // });
|
|
// // },
|
|
// // });
|
|
// };
|
|
|
|
// $(".next-button").click(function() {
|
|
// current_fs = $(this).parent().parent();
|
|
// if ($(current_fs[0]).hasClass('first-screen')) {
|
|
// if (!$('#contact_number').val()) {
|
|
// return;
|
|
// }
|
|
// }
|
|
|
|
// if ($(current_fs[0]).hasClass('second-screen')) {
|
|
// if (!$('#country').val()) {
|
|
// return;
|
|
// }
|
|
// }
|
|
|
|
// if ($(current_fs[0]).hasClass('third-screen')) {
|
|
// if (!$('#pan_no').val()) {
|
|
// return;
|
|
// }
|
|
// }
|
|
// next_fs = $(this).parent().parent().next();
|
|
|
|
// $(".prev").css({
|
|
// display: "block"
|
|
// });
|
|
|
|
// $(current_fs).removeClass("show");
|
|
// $(next_fs).addClass("show");
|
|
|
|
// $("#progressbar li").eq($(".card2").index(next_fs)).addClass("active");
|
|
|
|
// current_fs.animate({}, {
|
|
// step: function() {
|
|
// current_fs.css({
|
|
// display: "none",
|
|
// position: "relative",
|
|
// });
|
|
|
|
// next_fs.css({
|
|
// display: "block",
|
|
// });
|
|
// },
|
|
// });
|
|
// });
|
|
|
|
$("#personalInformationForm").validate({
|
|
// ignore: [],
|
|
// debug: false,
|
|
// rules: {
|
|
// contact_number: {
|
|
// required: true,
|
|
// },
|
|
// },
|
|
// messages: {
|
|
// contact_number: {
|
|
// required: "Please enter subject",
|
|
// },
|
|
// },
|
|
// rules: {
|
|
// contact_number: "required",
|
|
// email: "required",
|
|
// residential_status: "required",
|
|
// dob: "required",
|
|
// occupation: "required",
|
|
// father_name: "required",
|
|
// },
|
|
// messages: {
|
|
// contact_number: 'Please enter your contact number',
|
|
// email: 'Please enter your email',
|
|
// residential_status: 'Please select your residential status',
|
|
// dob: 'Please enter your date of birth',
|
|
// occupation: 'Please select your occupation',
|
|
// father_name: `Please enter your father's number`,
|
|
// },
|
|
errorPlacement: function(error, element) {
|
|
// if (element.is(":file")) {
|
|
// // error append here
|
|
// error.insertAfter("input[name='company_logo']");
|
|
// } else {
|
|
// error.insertAfter(element);
|
|
// }
|
|
},
|
|
submitHandler: function(form) {
|
|
var formData = new FormData(form);
|
|
$.ajax({
|
|
url: "{{route('personalInformation-KYC')}}",
|
|
type: "POST",
|
|
data: formData,
|
|
processData: false,
|
|
contentType: false,
|
|
dataType: "json",
|
|
success: function(result) {
|
|
if (result.status == 200) {
|
|
toastr.success(result.message);
|
|
// $('.next-button').one('trigger', 'click');
|
|
$('.first-screen').removeClass('show');
|
|
$('.second-screen').addClass('show');
|
|
// $("#progressbar li").eq($(".card2").index($('.second-screen'))).addClass("active");
|
|
$('.address-step').addClass('active');
|
|
}
|
|
if (result.status == 400) {
|
|
toastr.warning(result.message);
|
|
}
|
|
},
|
|
});
|
|
},
|
|
});
|
|
|
|
|
|
$("#locationInformationForm").validate({
|
|
ignore: [],
|
|
debug: false,
|
|
// rules: {
|
|
// country: "required",
|
|
// pincode: "required",
|
|
// address: "required",
|
|
// city: "required",
|
|
// state_province_region: "required",
|
|
// document_type: "required",
|
|
// document_number: "required",
|
|
// document_front: "required"
|
|
// },
|
|
// messages: {
|
|
// country: 'Please enter your country',
|
|
// pincode: 'Please enter your pincode',
|
|
// address: 'Please select your address',
|
|
// city: 'Please enter your city',
|
|
// state_province_region: 'Please select your state/province/region',
|
|
// document_type: 'Please enter your document type',
|
|
// document_number: 'Please enter your document number',
|
|
// document_front: 'Please upload document front side.'
|
|
// },
|
|
errorPlacement: function(error, element) {
|
|
// if (element.is(":file")) {
|
|
// // error append here
|
|
// error.insertAfter("input[name='company_logo']");
|
|
// } else {
|
|
// error.insertAfter(element);
|
|
// }
|
|
},
|
|
submitHandler: function(form) {
|
|
var formData = new FormData(form);
|
|
$.ajax({
|
|
url: "{{route('locationInformation-KYC')}}",
|
|
type: "POST",
|
|
data: formData,
|
|
processData: false,
|
|
contentType: false,
|
|
dataType: "json",
|
|
success: function(result) {
|
|
if (result.status == 200) {
|
|
toastr.success(result.message);
|
|
// $('.next-button').one('trigger', 'click');
|
|
$('.second-screen').removeClass('show');
|
|
$('.third-screen').addClass('show');
|
|
$('.pan-step').addClass('active');
|
|
}
|
|
if (result.status == 400) {
|
|
toastr.warning(result.message);
|
|
}
|
|
},
|
|
});
|
|
},
|
|
});
|
|
|
|
$("#panAadharInformationForm").validate({
|
|
ignore: [],
|
|
debug: false,
|
|
// rules: {
|
|
// country: "required",
|
|
// pincode: "required",
|
|
// address: "required",
|
|
// city: "required",
|
|
// state_province_region: "required",
|
|
// document_type: "required",
|
|
// document_number: "required",
|
|
// document_front: "required"
|
|
// },
|
|
// messages: {
|
|
// country: 'Please enter your country',
|
|
// pincode: 'Please enter your pincode',
|
|
// address: 'Please select your address',
|
|
// city: 'Please enter your city',
|
|
// state_province_region: 'Please select your state/province/region',
|
|
// document_type: 'Please enter your document type',
|
|
// document_number: 'Please enter your document number',
|
|
// document_front: 'Please upload document front side.'
|
|
// },
|
|
errorPlacement: function(error, element) {
|
|
// if (element.is(":file")) {
|
|
// // error append here
|
|
// error.insertAfter("input[name='company_logo']");
|
|
// } else {
|
|
// error.insertAfter(element);
|
|
// }
|
|
},
|
|
submitHandler: function(form) {
|
|
var formData = new FormData(form);
|
|
$.ajax({
|
|
url: "{{route('panAadharInformation-KYC')}}",
|
|
type: "POST",
|
|
data: formData,
|
|
processData: false,
|
|
contentType: false,
|
|
dataType: "json",
|
|
success: function(result) {
|
|
if (result.status == 200) {
|
|
toastr.success(result.message);
|
|
// $('.next-button').one('trigger', 'click');
|
|
$('.third-screen').removeClass('show');
|
|
$('.fourth-screen').addClass('show');
|
|
$('.bank-step').addClass('active');
|
|
}
|
|
if (result.status == 400) {
|
|
toastr.warning(result.message);
|
|
}
|
|
},
|
|
});
|
|
},
|
|
});
|
|
|
|
$("#bankInformationForm").validate({
|
|
ignore: [],
|
|
debug: false,
|
|
// rules: {
|
|
// country: "required",
|
|
// pincode: "required",
|
|
// address: "required",
|
|
// city: "required",
|
|
// state_province_region: "required",
|
|
// document_type: "required",
|
|
// document_number: "required",
|
|
// document_front: "required"
|
|
// },
|
|
// messages: {
|
|
// country: 'Please enter your country',
|
|
// pincode: 'Please enter your pincode',
|
|
// address: 'Please select your address',
|
|
// city: 'Please enter your city',
|
|
// state_province_region: 'Please select your state/province/region',
|
|
// document_type: 'Please enter your document type',
|
|
// document_number: 'Please enter your document number',
|
|
// document_front: 'Please upload document front side.'
|
|
// },
|
|
errorPlacement: function(error, element) {
|
|
// if (element.is(":file")) {
|
|
// // error append here
|
|
// error.insertAfter("input[name='company_logo']");
|
|
// } else {
|
|
// error.insertAfter(element);
|
|
// }
|
|
},
|
|
submitHandler: function(form) {
|
|
var formData = new FormData(form);
|
|
$.ajax({
|
|
url: "{{route('bankInformation-KYC')}}",
|
|
type: "POST",
|
|
data: formData,
|
|
processData: false,
|
|
contentType: false,
|
|
dataType: "json",
|
|
success: function(result) {
|
|
if (result.status == 200) {
|
|
toastr.success(result.message);
|
|
// $('.next-button').one('trigger', 'click');
|
|
// $('.fourth-screen').removeClass('show');
|
|
// $('.fifth-screen').addClass('show');
|
|
location.replace("{{route('accounts')}}")
|
|
}
|
|
if (result.status == 400) {
|
|
toastr.warning(result.message);
|
|
}
|
|
},
|
|
});
|
|
},
|
|
});
|
|
</script>
|
|
@endsection |