|
|
@ -17,306 +17,234 @@ |
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.5/js/intlTelInput.min.js"></script> |
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.5/js/utils.js"></script> |
|
|
|
<script src="./intlmask.js"></script> |
|
|
|
<style> |
|
|
|
input::-webkit-outer-spin-button, |
|
|
|
input::-webkit-inner-spin-button { |
|
|
|
-webkit-appearance: none; |
|
|
|
margin: 0; |
|
|
|
} |
|
|
|
</style> |
|
|
|
<style> |
|
|
|
input::-webkit-outer-spin-button, |
|
|
|
input::-webkit-inner-spin-button { |
|
|
|
-webkit-appearance: none; |
|
|
|
margin: 0; |
|
|
|
} |
|
|
|
</style> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
<div id="content" class=" py-4"> |
|
|
|
<div class="container"> |
|
|
|
<div class="row"> |
|
|
|
<!-- Middle Panel --> |
|
|
|
<div class="col-lg-12"> |
|
|
|
<div class="mb-4"> |
|
|
|
<h3 class="fw-400">Enter Receiver's Details </h3> |
|
|
|
<div id="content" class=" py-4"> |
|
|
|
<div class="container"> |
|
|
|
<div class="row"> |
|
|
|
<!-- Middle Panel --> |
|
|
|
<div class="col-lg-12"> |
|
|
|
<div class="mb-4"> |
|
|
|
<h3 class="fw-400">Enter Receiver's Details </h3> |
|
|
|
|
|
|
|
</div> |
|
|
|
<form id="ReceiverForm" novalidate> |
|
|
|
<div class="card"> |
|
|
|
<div class="card-body p-4"> |
|
|
|
<div class="row mb-4"> |
|
|
|
<div class="col-md-6"> |
|
|
|
<div class="mb-3"> |
|
|
|
<label class="form-label">Receiver's Country</label> |
|
|
|
<select class="form-select form-control" asp-for="Country" asp-items="@CustomerOnlineV2.Helper.HelperClass.GetDropdownData("pCountry", true)" class="form-select" required onkeydown="PaymentMethodChangeEvent"> |
|
|
|
@* <option value="BANGLADESH">BANGLADESH</option> |
|
|
|
<option value="INDIA">INDIA</option> |
|
|
|
<option value="SRI LANKA">SRI LANKA</option> |
|
|
|
<option selected="selected" value="NEPAL">NEPAL</option> |
|
|
|
<option value="PAKISTAN">PAKISTAN</option> *@ |
|
|
|
</select> |
|
|
|
</div> |
|
|
|
<form id="ReceiverForm" novalidate> |
|
|
|
<div class="card"> |
|
|
|
<div class="card-body p-4"> |
|
|
|
<div class="row mb-4"> |
|
|
|
<div class="col-md-6"> |
|
|
|
<div class="mb-3"> |
|
|
|
<label class="form-label">Receiver's Country</label> |
|
|
|
<select class="form-select form-control" asp-for="Country" asp-items="@CustomerOnlineV2.Helper.HelperClass.GetDropdownData("pCountry", true)" class="form-select" required onkeydown="PaymentMethodChangeEvent"> |
|
|
|
@* <option value="BANGLADESH">BANGLADESH</option> |
|
|
|
<option value="INDIA">INDIA</option> |
|
|
|
<option value="SRI LANKA">SRI LANKA</option> |
|
|
|
<option selected="selected" value="NEPAL">NEPAL</option> |
|
|
|
<option value="PAKISTAN">PAKISTAN</option> *@ |
|
|
|
</select> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<hr class="mx-n4 mb-4" /> |
|
|
|
<div class="row mb-4"> |
|
|
|
<hr class="mx-n4 mb-4" /> |
|
|
|
<div class="row mb-4"> |
|
|
|
|
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<label class="form-label">First Name *</label> |
|
|
|
<input type="text" asp-for="firstName" class="form-control required" placeholder="First name" required /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<label class="form-label">Middle Name</label> |
|
|
|
<input type="text" asp-for="middleName" class="form-control" placeholder="Middle name" /> |
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<label class="form-label">Middle Name</label> |
|
|
|
<input type="text" asp-for="middleName" class="form-control" placeholder="Middle name" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<label class="form-label">Last Name *</label> |
|
|
|
<input type="text" asp-for="lastName1" class="form-control required" placeholder="Last name" required /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<label class="form-label">Relation to Remitter *</label> |
|
|
|
<select class="form-control form-select" asp-for="Relationship" asp-items="@CustomerOnlineV2.Helper.HelperClass.GetDropdownData("getRelation", true)" required> |
|
|
|
@* <option value="Brother/ Sister">Brother/ Sister</option> |
|
|
|
<option value="Business Partner">Business Partner</option> |
|
|
|
<option value="Cousin">Cousin</option> |
|
|
|
<option value="Friend">Friend</option> |
|
|
|
asp-items="@CustomerOnlineV2.Helper.HelperClass.GetDropdownData("getRelation", true)" |
|
|
|
<option value="Husband/Wife">Husband/Wife</option> |
|
|
|
<option value="Niece/Nephew">Niece/Nephew</option> |
|
|
|
<option value="Parents">Parents</option> |
|
|
|
<option value="Self">Self</option> |
|
|
|
<option value="Son/Daughter">Son/Daughter</option> |
|
|
|
<option value="Uncle/ Auntie">Uncle/ Auntie</option> *@ |
|
|
|
</select> |
|
|
|
<select class="form-control form-select" asp-for="Relationship" asp-items="@CustomerOnlineV2.Helper.HelperClass.GetDropdownData("getRelation", true)" required> |
|
|
|
@* <option value="Brother/ Sister">Brother/ Sister</option> |
|
|
|
<option value="Business Partner">Business Partner</option> |
|
|
|
<option value="Cousin">Cousin</option> |
|
|
|
<option value="Friend">Friend</option> |
|
|
|
asp-items="@CustomerOnlineV2.Helper.HelperClass.GetDropdownData("getRelation", true)" |
|
|
|
<option value="Husband/Wife">Husband/Wife</option> |
|
|
|
<option value="Niece/Nephew">Niece/Nephew</option> |
|
|
|
<option value="Parents">Parents</option> |
|
|
|
<option value="Self">Self</option> |
|
|
|
<option value="Son/Daughter">Son/Daughter</option> |
|
|
|
<option value="Uncle/ Auntie">Uncle/ Auntie</option> *@ |
|
|
|
</select> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!--end First Row--> |
|
|
|
<!--end First Row--> |
|
|
|
|
|
|
|
<div class="row mb-4"> |
|
|
|
<div class="row mb-4"> |
|
|
|
|
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<label class="form-label">Address *</label> |
|
|
|
<input type="text" asp-for="Address" class="form-control required" placeholder="Address *" required /> |
|
|
|
<input type="text" asp-for="Address" class="form-control required" placeholder="Address *" required /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<label class="form-label">City *</label> |
|
|
|
<input type="text" asp-for="City" class="form-control required" placeholder="City/Town*" required/> |
|
|
|
<input type="text" asp-for="City" class="form-control required" placeholder="City/Town*" required /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<label class="form-label">Mobile Number</label> |
|
|
|
<input type="tel" asp-for="Mobile" name="Mobile" class="form-control required" required/> |
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<label class="form-label">Mobile Number</label> |
|
|
|
<input type="tel" asp-for="Mobile" name="Mobile" class="form-control required" required /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<label class="form-label">Email Address</label> |
|
|
|
<input type="email" asp-for="Email" class="form-control" placeholder="Email" /> |
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<label class="form-label">Email Address</label> |
|
|
|
<input type="email" asp-for="Email" class="form-control" placeholder="Email" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@* <div class="col-md-3"> |
|
|
|
@* <div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<label class="form-label">Postcode</label> |
|
|
|
<input type="text" asp-for=zipCode class="form-control" placeholder="Post Code" /> |
|
|
|
<label class="form-label">Postcode</label> |
|
|
|
<input type="text" asp-for=zipCode class="form-control" placeholder="Post Code" /> |
|
|
|
</div> |
|
|
|
</div> *@ |
|
|
|
</div> |
|
|
|
</div> *@ |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="row mb-4"> |
|
|
|
<div class="row mb-4"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<label class="form-label">Payment Mode *</label> |
|
|
|
<select asp-for="paymentMode" class="form-select" asp-items="@CustomerOnlineV2.Helper.HelperClass.GetDropdownData("pMode", true)" required> |
|
|
|
@* <option selected="selected" value="">Select Payment Mode</option> |
|
|
|
<option value="1">Cash Payment</option> |
|
|
|
<option value="2">Bank Deposit</option> |
|
|
|
<option value="13">Mobile Wallet</option> *@ |
|
|
|
</select> |
|
|
|
@* <select class="form-select form-control" asp-for="paymentMode" asp-items="@CustomerOnlineV2.Helper.HelperClass.GetDropdownData("howtopay", true)" required> *@ |
|
|
|
@* <input type="email" asp-for="Email" class="form-control" placeholder="Email" asp-items="@CustomerOnlineV2.Helper.HelperClass.GetDropdownData("", true)" /> *@ |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<label class="form-label">ID Type</label> |
|
|
|
<select asp-for="idType" class="form-select form-control" asp-items="@CustomerOnlineV2.Helper.HelperClass.GetDropdownData("getIdType", true)"> |
|
|
|
@* <option value="1">Passport</option> |
|
|
|
<option value="2">National ID Card</option> |
|
|
|
asp-items="@CustomerOnlineV2.Helper.HelperClass.GetDropdownData("getIdType", true)" |
|
|
|
<option value="3">Gov. ID</option> *@ |
|
|
|
|
|
|
|
</select> |
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<label class="form-label">Payment Mode *</label> |
|
|
|
@* <select asp-for="paymentMode" class="form-select" asp-items="@CustomerOnlineV2.Helper.HelperClass.GetDropdownData("pMode", true)" required> *@ |
|
|
|
<select asp-for="paymentMode" class="form-select" required> |
|
|
|
@* <option selected="selected" value="">Select Payment Mode</option> |
|
|
|
<option value="1">Cash Payment</option> |
|
|
|
<option value="2">Bank Deposit</option> |
|
|
|
<option value="13">Mobile Wallet</option> *@ |
|
|
|
</select> |
|
|
|
@* <select class="form-select form-control" asp-for="paymentMode" asp-items="@CustomerOnlineV2.Helper.HelperClass.GetDropdownData("howtopay", true)" required> *@ |
|
|
|
@* <input type="email" asp-for="Email" class="form-control" placeholder="Email" asp-items="@CustomerOnlineV2.Helper.HelperClass.GetDropdownData("", true)" /> *@ |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<label class="form-label">ID Type</label> |
|
|
|
<select asp-for="idType" class="form-select form-control" asp-items="@CustomerOnlineV2.Helper.HelperClass.GetDropdownData("getIdType", true)"> |
|
|
|
@* <option value="1">Passport</option> |
|
|
|
<option value="2">National ID Card</option> |
|
|
|
asp-items="@CustomerOnlineV2.Helper.HelperClass.GetDropdownData("getIdType", true)" |
|
|
|
<option value="3">Gov. ID</option> *@ |
|
|
|
|
|
|
|
</select> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<label class="form-label">ID Number</label> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<label class="form-label">ID Number</label> |
|
|
|
<input type="datetime" asp-for="idNumber" class="form-control" placeholder="ID Number" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="row mb-4"> |
|
|
|
|
|
|
|
<div class="row mb-4"> |
|
|
|
|
|
|
|
|
|
|
|
@* <div class="col-md-3"> |
|
|
|
@* <div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<label class="form-label">ID Issued Date</label> |
|
|
|
<input type="date" asp-for="createdDate" class="form-control" placeholder="DD-MM-YYYY" /> |
|
|
|
<label class="form-label">ID Issued Date</label> |
|
|
|
<input type="date" asp-for="createdDate" class="form-control" placeholder="DD-MM-YYYY" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-3"> |
|
|
|
</div> |
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<label class="form-label">ID Expiry Date</label> |
|
|
|
<input type="date" asp-for="idExpairyDate" class="form-control" placeholder="DD-MM-YYYY" /> |
|
|
|
<label class="form-label">ID Expiry Date</label> |
|
|
|
<input type="date" asp-for="idExpairyDate" class="form-control" placeholder="DD-MM-YYYY" /> |
|
|
|
</div> |
|
|
|
</div> *@ |
|
|
|
</div> |
|
|
|
|
|
|
|
<hr class="mx-n4 mb-4" /> |
|
|
|
<div class="row mb-4"> |
|
|
|
<div class="col-md-12"> |
|
|
|
<h5 class="mb-4">Bank Details</h4> |
|
|
|
</div> *@ |
|
|
|
</div> |
|
|
|
<div class="col-md-12"> |
|
|
|
<div class="alert alert-info" role="alert"> |
|
|
|
<h6 class="alert-heading"><i class="fa fa-info me-2"></i> Note:</h6> |
|
|
|
<p>For sending cash pick-up transactions, you may leave below Bank Details section blank.</p> |
|
|
|
|
|
|
|
<hr class="mx-n4 mb-4" /> |
|
|
|
<div class="row mb-4"> |
|
|
|
<div class="col-md-12"> |
|
|
|
<h5 class="mb-4">Bank Details</h4> |
|
|
|
</div> |
|
|
|
<div class="col-md-12"> |
|
|
|
<div class="alert alert-info" role="alert"> |
|
|
|
<h6 class="alert-heading"><i class="fa fa-info me-2"></i> Note:</h6> |
|
|
|
<p>For sending cash pick-up transactions, you may leave below Bank Details section blank.</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<label class="form-label">Agent/Bank *</label> |
|
|
|
<select class="form-select form-control" asp-for="bankName" asp-items="@CustomerOnlineV2.Helper.HelperClass.GetDropdownData("rec-select-agent", true)" required> |
|
|
|
|
|
|
|
@* <option selected="selected" value="">Select Bank</option> |
|
|
|
asp-items="@CustomerOnlineV2.Helper.HelperClass.GetDropdownData("rec-select-agent", true)" |
|
|
|
asp-items="@CustomerOnlineV2.Helper.HelperClass.GetDropdownData("rec-select-agent", true)" |
|
|
|
<option value="1163">AGRICULTURAL DEVELOPMENT BANK LTD</option> |
|
|
|
<option value="1120">APEX DEVELOPMENT BANK LTD</option> |
|
|
|
<option value="1121">ARANIKO DEVELOPMENT BANK LTD</option> |
|
|
|
<option value="1122">BOKLUMBINI BANK LTD</option> |
|
|
|
<option value="1123">CENTURY BANK</option> |
|
|
|
<option value="1124">CITIZENS BANK INTERNATIONAL LTD.</option> |
|
|
|
<option value="1125">CIVIL BANK LTD</option> |
|
|
|
<option value="1126">DEVA BIKAS BANK LIMITED</option> |
|
|
|
<option value="1127">EVEREST BANK LTD</option> |
|
|
|
<option value="1171">EXCEL DEVELOPMENT BANK LTD</option> |
|
|
|
<option value="1172">GANDAKI BIKAS BANK LTD</option> |
|
|
|
<option value="1128">GARIMA BIKASH BANK LIMITED</option> |
|
|
|
<option value="1217">GENERAL FINANCE LTD</option> |
|
|
|
<option value="1173">GLOBAL IME BANK LTD</option> |
|
|
|
<option value="1129">GREEN DEVELOPMENT BANK LTD</option> |
|
|
|
<option value="1220">GURKHAS FINANCE</option> |
|
|
|
<option value="1210">HIMALAYAN BANK LTD</option> |
|
|
|
<option value="1221">ICFC FINANCE</option> |
|
|
|
<option value="1130">JANATA BANK NEPAL LTD</option> |
|
|
|
<option value="1131">JHIMRUK BIKAS BANK LTD</option> |
|
|
|
<option value="1177">JYOTI BIKASH BANK LTD</option> |
|
|
|
<option value="1132">KAILASH BIKAS BANK LTD</option> |
|
|
|
<option value="1133">KALINCHOWK DEVELOPMENT BANK LTD</option> |
|
|
|
<option value="1179">KAMANA SEWA BIKASH BANK LTD</option> |
|
|
|
<option value="1134">KANKREBIHAR DEVELOPMENT BANK LTD</option> |
|
|
|
<option value="1135">KASTHAMANDAP DEVELOPMENT BANK LIMITED</option> |
|
|
|
<option value="1136">KUMARI BANK LTD</option> |
|
|
|
<option value="1137">LAXMI BANK LTD</option> |
|
|
|
<option value="1185">LUMBINI BIKASH BANK LTD</option> |
|
|
|
<option value="1138">MACHHAPUCHRE BANK LTD</option> |
|
|
|
<option value="1186">MAHALAXMI BIKASH BANK LIMITED</option> |
|
|
|
<option value="1140">MATRIBHUMI DEVELOPMENT BANK LTD</option> |
|
|
|
<option value="1141">MEGA BANK NEPAL LTD</option> |
|
|
|
<option value="1188">MISSION DEVELOPMENT BANK LTD</option> |
|
|
|
<option value="1189">MUKTINATH BIKASH BANK LTD</option> |
|
|
|
<option value="1190">NABIL BANK LTD</option> |
|
|
|
<option value="1191">NCC BANK LTD</option> |
|
|
|
<option value="1192">NEPAL BANGLADESH BANK LTD.</option> |
|
|
|
<option value="1193">NEPAL BANK LIMITED</option> |
|
|
|
<option value="1160">NEPAL INVESTMENT BANK</option> |
|
|
|
<option value="1212">NEPAL SBI BANK LTD</option> |
|
|
|
<option value="1142">NIC ASIA BANK LTD</option> |
|
|
|
<option value="1213">NIRDHAN UTTHAN BANK LTD</option> |
|
|
|
<option value="1197">NMB BANK LTD</option> |
|
|
|
<option value="1198">OM DEVELOPMENT BANK LTD</option> |
|
|
|
<option value="1143">PACIFIC DEVELOPMENT BANK LTD</option> |
|
|
|
<option value="1580">Pokhara Finance</option> |
|
|
|
<option value="1144">PRABHU BANK LTD</option> |
|
|
|
<option value="1145">PRIME BANK LTD</option> |
|
|
|
<option value="1214">RASTRIYA BANIJYA BANK LTD</option> |
|
|
|
<option value="1146">RELIABLE DEVELOPMENT BANK LTD</option> |
|
|
|
<option value="1203">SAHARA BIKASH BANK LTD</option> |
|
|
|
<option value="1147">SAHAYOGI BIKASH BANK LTD</option> |
|
|
|
<option value="1215">SAJHA BIKASH BANK LTD</option> |
|
|
|
<option value="1148">SALAPA BIKAS BANK LTD</option> |
|
|
|
<option value="1149">SANIMA BANK</option> |
|
|
|
<option value="1150">SAPTAKOSHI DEVELOPMENT BANK LTD</option> |
|
|
|
<option value="1219">SEWA BIKASH BANK LTD</option> |
|
|
|
<option value="1205">SHANGRILA DEVELOPMENT BANK LTD</option> |
|
|
|
<option value="1151">SHINE RESUNGA DEVELOPMENT BANK LTD</option> |
|
|
|
<option value="1152">SIDDHARTHA BANK LTD</option> |
|
|
|
<option value="1216">STANDARD CHARTERED BANK NEPAL LTD</option> |
|
|
|
<option value="1154">SUBHECHHA BIKASH BANK LTD</option> |
|
|
|
<option value="1155">SUNRISE BANK LTD</option> |
|
|
|
<option value="1156">TINAU BIKASH BANK LIMITED</option> |
|
|
|
<option value="1207">TOURISM DEVELOPMENT BANK LTD</option> |
|
|
|
<option value="1222">TRIVENI BIKASH BANK LTD</option> |
|
|
|
<option value="1218">VYCCU SAVING AND CREDIT CO-OPERATIVE LTD</option> |
|
|
|
<option value="1158">YETI DEVELOPMENT BANK LTD</option> |
|
|
|
*@ |
|
|
|
</select> |
|
|
|
|
|
|
|
<select class="form-select form-control" asp-for="bankName"> |
|
|
|
</select> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<label class="form-label">Bank Branch *</label> |
|
|
|
<input type="text" asp-for="bankLocation" class="form-control required" required placeholder="Bank Branch*" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<label class="form-label">Account Number *</label> |
|
|
|
<input type="number" asp-for="receiverAccountNumber" class="form-control" required placeholder="Account Number" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-12"> |
|
|
|
<div class="mb-3"> |
|
|
|
@* <input type="submit" value="Add Receiver" class="btn btn-primary"> *@ |
|
|
|
@* <button type="submit" id="btnReceiver" class="btn btn-lg btn-primary"> |
|
|
|
<span class="btnTextReceiver">Add Receiver</span> <div class="spinner-border text-success loadingReceiver" role="status" style="display:none;"></div> |
|
|
|
</button> *@ |
|
|
|
<button type="submit" id="btnReceive" class="btn btn-lg btn-primary"> |
|
|
|
<span class="btnTextReceive">Add Receiver</span> <div class="spinner-border text-success loadingSend" role="status" style="display:none;"></div> |
|
|
|
</button> |
|
|
|
|
|
|
|
<button id="btnUpdateReceiver" class="btn btn-lg btn-primary" style="display: none;"> |
|
|
|
<span class="btnTextUpdate">Update Receiver</span> <div class="spinner-border text-success loadingUpdate" role="status" style="display:none;"></div> |
|
|
|
</button> |
|
|
|
<div class="col-md-12"> |
|
|
|
<div class="mb-3"> |
|
|
|
@* <input type="submit" value="Add Receiver" class="btn btn-primary"> *@ |
|
|
|
@* <button type="submit" id="btnReceiver" class="btn btn-lg btn-primary"> |
|
|
|
<span class="btnTextReceiver">Add Receiver</span> <div class="spinner-border text-success loadingReceiver" role="status" style="display:none;"></div> |
|
|
|
</button> *@ |
|
|
|
<button type="submit" id="btnReceive" class="btn btn-lg btn-primary"> |
|
|
|
<span class="btnTextReceive">Add Receiver</span> <div class="spinner-border text-success loadingSend" role="status" style="display:none;"></div> |
|
|
|
</button> |
|
|
|
|
|
|
|
<button id="btnUpdateReceiver" class="btn btn-lg btn-primary" style="display: none;"> |
|
|
|
<span class="btnTextUpdate">Update Receiver</span> <div class="spinner-border text-success loadingUpdate" role="status" style="display:none;"></div> |
|
|
|
</button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</form> |
|
|
|
</div> |
|
|
|
</form> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<script> |
|
|
|
(function () { |
|
|
@ -338,7 +266,7 @@ |
|
|
|
if (editFlag) |
|
|
|
UpdateReceiver(); |
|
|
|
else |
|
|
|
Receiver(); |
|
|
|
Receiver(); |
|
|
|
} |
|
|
|
form.classList.add('was-validated') |
|
|
|
}, false) |
|
|
@ -349,77 +277,49 @@ |
|
|
|
var editFlag = '@editFlag'; |
|
|
|
var receiverId = '@receiverId'; |
|
|
|
editReceiver(editFlag, receiverId); |
|
|
|
}); |
|
|
|
|
|
|
|
$('#Country').change(function () { |
|
|
|
|
|
|
|
$('#Country').change(function () { |
|
|
|
|
|
|
|
if ($(this).val() != '') { |
|
|
|
PopulateDDL('paymentMode', 'pMode', $(this).val(), true, ''); |
|
|
|
if ($(this).val() != '') { |
|
|
|
PopulateDDL('paymentMode', 'pMode', $(this).val(), true, ''); |
|
|
|
|
|
|
|
} |
|
|
|
else { |
|
|
|
$('#paymentMode').empty(); |
|
|
|
|
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
else { |
|
|
|
$('#paymentMode').empty(); |
|
|
|
|
|
|
|
} |
|
|
|
}); |
|
|
|
|
|
|
|
$('#paymentMode').change(function () { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if ($(this).val() != '') { |
|
|
|
|
|
|
|
PopulateAgentDDL('bankName', 'rec-select-agent', $(this).val(), true, ''); |
|
|
|
} |
|
|
|
else { |
|
|
|
//$('#paymentMode').empty(); |
|
|
|
// $('#Relationship').empty(); |
|
|
|
//$('#idType').empty(); |
|
|
|
$('#bankName').empty(); |
|
|
|
} |
|
|
|
}); |
|
|
|
|
|
|
|
$('#paymentMode').change(function () { |
|
|
|
|
|
|
|
$('#ReceiverForm') |
|
|
|
.find('[name="Mobile"]') |
|
|
|
.intlTelInput({ |
|
|
|
utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.5/js/utils.js", |
|
|
|
autoPlaceholder: true, |
|
|
|
initialCountry: "us", |
|
|
|
geoIpLookup: "auto", |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
// $('#paymentMode').change(function () { |
|
|
|
// ; |
|
|
|
// if ($(this).val() != '') { |
|
|
|
// // PopulateDDL('paymentMode', 'pMode', $(this).val(), true, ''); |
|
|
|
// //PopulateDDL('Relationship', 'getRelation', $(this).val(), true, ''); |
|
|
|
// //PopulateDDL('idType', 'getIdType', $(this).val(), true, ''); |
|
|
|
// PopulateDDL('bankName', 'select-agent', $(this).val(), true, ''); |
|
|
|
// } |
|
|
|
// else// { |
|
|
|
// // $('#DeliveryMethod').empty(); |
|
|
|
// // $('#Relationship').empty(); |
|
|
|
// //$('#idType').empty(); |
|
|
|
// $('#bankName').empty(); |
|
|
|
// } |
|
|
|
// }); |
|
|
|
if ($(this).val() != '') { |
|
|
|
|
|
|
|
PopulateAgentDDL(); |
|
|
|
} |
|
|
|
else { |
|
|
|
//$('#paymentMode').empty(); |
|
|
|
// $('#Relationship').empty(); |
|
|
|
//$('#idType').empty(); |
|
|
|
$('#bankName').empty(); |
|
|
|
} |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
}); |
|
|
|
function PopulateAgentDDL() { |
|
|
|
|
|
|
|
|
|
|
|
let pmode = $('#paymentMode option:selected').text(); |
|
|
|
let pCountryid = $('#Country option:selected').val(); |
|
|
|
|
|
|
|
|
|
|
|
function PopulateAgentDDL(id, flag, Country, pCountryid, value, countryId, showSelectOption, selectedVal) { |
|
|
|
; |
|
|
|
let Data = { |
|
|
|
Flag: flag, |
|
|
|
Country:Country, |
|
|
|
pCountry: pCountryid, |
|
|
|
Value: value, |
|
|
|
CountryId: countryId |
|
|
|
Flag: 'rec- select - agent', |
|
|
|
Country: pCountryid, |
|
|
|
Value: pmode, |
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
$.ajax( |
|
|
@ -433,16 +333,47 @@ |
|
|
|
}, |
|
|
|
async: false, |
|
|
|
success: function (response) { |
|
|
|
PopulateDDLMain(response, id, showSelectOption, selectedVal); |
|
|
|
PopulateDDLMain(response, 'bankName', true, ''); |
|
|
|
}, |
|
|
|
error: function () { |
|
|
|
return null; |
|
|
|
} |
|
|
|
}); |
|
|
|
}; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// function PopulateAgentDDL(id, flag, Country, pCountryid, value, countryId, showSelectOption, selectedVal) { |
|
|
|
// ; |
|
|
|
// let Data = { |
|
|
|
// Flag: flag, |
|
|
|
// Country: Country, |
|
|
|
// pCountry: pCountryid, |
|
|
|
// Value: value, |
|
|
|
// CountryId: countryId |
|
|
|
// }; |
|
|
|
|
|
|
|
// $.ajax( |
|
|
|
// { |
|
|
|
// type: 'POST', |
|
|
|
// url: '/ReceiverInformation/GetDDAgentLList', |
|
|
|
// data: Data, |
|
|
|
// headers: { |
|
|
|
// "RequestVerificationToken": |
|
|
|
// $('input[name="__RequestVerificationToken"]').val() |
|
|
|
// }, |
|
|
|
// async: false, |
|
|
|
// success: function (response) { |
|
|
|
// PopulateDDLMain(response, id, showSelectOption, selectedVal); |
|
|
|
// }, |
|
|
|
// error: function () { |
|
|
|
// return null; |
|
|
|
// } |
|
|
|
// }); |
|
|
|
// }; |
|
|
|
|
|
|
|
function Receiver() { |
|
|
|
|
|
|
|
|
|
|
|
DisableReceiveButton(); |
|
|
|
|
|
|
@ -593,7 +524,7 @@ |
|
|
|
// }); |
|
|
|
|
|
|
|
function editReceiver(editFlag, receiverId) { |
|
|
|
|
|
|
|
|
|
|
|
if (editFlag === 'Y') { |
|
|
|
$('#btnUpdateReceiver').show(); |
|
|
|
$('#btnReceive').hide(); |
|
|
@ -604,14 +535,19 @@ |
|
|
|
url: '/ReceiverInformation/EditReceiver/' + receiverId, |
|
|
|
|
|
|
|
success: function (data) { |
|
|
|
|
|
|
|
|
|
|
|
var result = data.receiverInformationModel[0]; |
|
|
|
let mobile = result.mobile; |
|
|
|
const prefix = '+977'; |
|
|
|
if (mobile.startsWith(prefix)) { |
|
|
|
mobile = mobile.slice(prefix.length); |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$('#Country option[value="' + result.country + '"]').attr('selected', 'selected'); |
|
|
|
|
|
|
|
PopulateDDL('paymentMode', 'pMode', $('#Country option:selected').val(), true, ''); |
|
|
|
$('#firstName').val(result.firstName); |
|
|
|
$('#middleName').val(result.middleName); |
|
|
|
$('#lastName1').val(result.lastName1); |
|
|
@ -624,12 +560,20 @@ |
|
|
|
$('#idNumber').val(result.idNumber); |
|
|
|
$('#createdDate').val(result.createdDate); |
|
|
|
$('#idExpairyDate').val(result.idExpairyDate); |
|
|
|
$('#bankLocation').val(result.bankLocation); |
|
|
|
$('#receiverAccountNumber').val(result.receiverAccountNumber); |
|
|
|
$('#bankName').val(result.bankName); |
|
|
|
|
|
|
|
$('#paymentMode option[value="' + result.paymentMode + '"]').attr('selected', 'selected'); |
|
|
|
|
|
|
|
$('#idType option[value="' + result.idType + '"]').attr('selected', 'selected'); |
|
|
|
|
|
|
|
|
|
|
|
PopulateAgentDDL(); |
|
|
|
|
|
|
|
$('#bankLocation').val(result.bankLocation); |
|
|
|
$('#receiverAccountNumber').val(result.receiverAccountNumber); |
|
|
|
|
|
|
|
$('#bankName option[value="' + result.bankName + '"]').attr('selected', 'selected'); |
|
|
|
// $('#bankName').val(result.bankName); |
|
|
|
|
|
|
|
console.log('Received data:', data); |
|
|
|
}, |
|
|
|
error: function () { |
|
|
@ -664,46 +608,46 @@ |
|
|
|
} |
|
|
|
|
|
|
|
function UpdateReceiver() { |
|
|
|
document.getElementById('btnUpdateReceiver').addEventListener('click', function () { |
|
|
|
document.getElementById('btnUpdateReceiver').addEventListener('click', function () { |
|
|
|
|
|
|
|
let updatedData = { |
|
|
|
Country: $('#Country option:selected').html(), |
|
|
|
firstName: $('#firstName').val(), |
|
|
|
middleName: $('#middleName').val(), |
|
|
|
lastName1: $('#lastName1').val(), |
|
|
|
Relationship: $('#Relationship').val(), |
|
|
|
Address: $('#Address').val(), |
|
|
|
City: $('#City').val(), |
|
|
|
Mobile: $('#Mobile').val(), |
|
|
|
Email: $('#Email').val(), |
|
|
|
zipCode: $('#zipCode').val(), |
|
|
|
idNumber: $('#idNumber').val(), |
|
|
|
createdDate: $('#createdDate').val(), |
|
|
|
idExpairyDate: $('#idExpairyDate').val(), |
|
|
|
bankLocation: $('#bankLocation').val(), |
|
|
|
receiverAccountNumber: $('#receiverAccountNumber').val(), |
|
|
|
bankName: $('#bankName').val(), |
|
|
|
paymentMode: $('#paymentMode').val(), |
|
|
|
idType: $('#idType').val() |
|
|
|
}; |
|
|
|
|
|
|
|
let updatedData = { |
|
|
|
Country: $('#Country option:selected').html(), |
|
|
|
firstName: $('#firstName').val(), |
|
|
|
middleName: $('#middleName').val(), |
|
|
|
lastName1: $('#lastName1').val(), |
|
|
|
Relationship: $('#Relationship').val(), |
|
|
|
Address: $('#Address').val(), |
|
|
|
City: $('#City').val(), |
|
|
|
Mobile: $('#Mobile').val(), |
|
|
|
Email: $('#Email').val(), |
|
|
|
zipCode: $('#zipCode').val(), |
|
|
|
idNumber: $('#idNumber').val(), |
|
|
|
createdDate: $('#createdDate').val(), |
|
|
|
idExpairyDate: $('#idExpairyDate').val(), |
|
|
|
bankLocation: $('#bankLocation').val(), |
|
|
|
receiverAccountNumber: $('#receiverAccountNumber').val(), |
|
|
|
bankName: $('#bankName').val(), |
|
|
|
paymentMode: $('#paymentMode').val(), |
|
|
|
idType: $('#idType').val() |
|
|
|
}; |
|
|
|
|
|
|
|
$.ajax({ |
|
|
|
type: 'POST', |
|
|
|
// contentType: 'application/json; charset=utf-8', |
|
|
|
$.ajax({ |
|
|
|
type: 'POST', |
|
|
|
// contentType: 'application/json; charset=utf-8', |
|
|
|
url: '/ReceiverInformation/UpdateReceiver/' + '@receiverId', |
|
|
|
data: updatedData, |
|
|
|
|
|
|
|
success: function (response) { |
|
|
|
console.log('Customer updated successfully:', response); |
|
|
|
$('#message').text('Customer updated successfully'); |
|
|
|
window.location.replace("/home"); |
|
|
|
}, |
|
|
|
error: function () { |
|
|
|
console.error('Error updating customer.'); |
|
|
|
} |
|
|
|
}); |
|
|
|
data: updatedData, |
|
|
|
|
|
|
|
}); |
|
|
|
success: function (response) { |
|
|
|
console.log('Customer updated successfully:', response); |
|
|
|
$('#message').text('Customer updated successfully'); |
|
|
|
window.location.replace("/home"); |
|
|
|
}, |
|
|
|
error: function () { |
|
|
|
console.error('Error updating customer.'); |
|
|
|
} |
|
|
|
}); |
|
|
|
|
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
</script> |
|
|
|