|
|
@ -41,7 +41,7 @@ |
|
|
|
<!-- Profile Details --> |
|
|
|
<div class="bg-white rounded text-center p-3 mb-4"> |
|
|
|
<div class="profile-thumb mt-3 mb-4"> |
|
|
|
<img class="rounded-circle" src="images/profile-thumb.jpg" alt=""> |
|
|
|
@* <img class="rounded-circle" src="images/profile-thumb.jpg" alt=""> *@ |
|
|
|
<div class="profile-thumb-edit bg-primary text-white" data-bs-toggle="tooltip" title="Change Profile Picture"> |
|
|
|
<i class="fas fa-camera position-absolute"></i> |
|
|
|
<input type="file" class="custom-file-input" id="customFile"> |
|
|
@ -81,24 +81,24 @@ |
|
|
|
</h3> |
|
|
|
<hr class="mx-n4 mb-4" /> |
|
|
|
<div class="row gx-3 align-items-center"> |
|
|
|
<label class="col-sm-3 text-muted text-sm-end mb-0 mb-sm-3">Name:</label> |
|
|
|
<p class="col-sm-9 text-3">@fullName</p> |
|
|
|
<p class="col-sm-3 text-muted text-sm-end mb-0 mb-sm-3">Name:</p> |
|
|
|
<p class="col-sm-9 text-3" id="fullName"></p> |
|
|
|
</div> |
|
|
|
<div class="row gx-3 align-items-center"> |
|
|
|
<label class="col-sm-3 text-muted text-sm-end mb-0 mb-sm-3">Date of Birth:</label> |
|
|
|
<p class="col-sm-9 text-3"></p> |
|
|
|
<label class="col-sm-3 text-muted text-sm-end mb-0 mb-sm-3" id="">Date of Birth:</label> |
|
|
|
<p class="col-sm-9 text-3" id="dob"></p> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="row gx-3 align-items-baseline"> |
|
|
|
<label class="col-sm-3 text-muted text-sm-end mb-0 mb-sm-3">Email Address:</label> |
|
|
|
<p class="col-sm-9 text-3"> |
|
|
|
@email |
|
|
|
<p class="col-sm-9 text-3" id="email"> |
|
|
|
|
|
|
|
</p> |
|
|
|
</div> |
|
|
|
<div class="row gx-3 align-items-baseline"> |
|
|
|
<label class="col-sm-3 text-muted text-sm-end mb-0 mb-sm-3">Mobile :</label> |
|
|
|
<p class="col-sm-9 text-3"> |
|
|
|
@mobileNumber |
|
|
|
<p class="col-sm-9 text-3" id="mobile"> |
|
|
|
|
|
|
|
</p> |
|
|
|
</div> |
|
|
|
<div class="row gx-3 align-items-baseline"> |
|
|
@ -108,9 +108,9 @@ |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
<div class="row gx-3 align-items-baseline"> |
|
|
|
<label class="col-sm-3 text-muted text-sm-end mb-0 mb-sm-3">Account Status:</label> |
|
|
|
<label class="col-sm-3 text-muted text-sm-end mb-0 mb-sm-3" s>Account Status:</label> |
|
|
|
<p class="col-sm-9 text-3"> |
|
|
|
<span class="bg-success text-white rounded-pill d-inline-block px-2 mb-0"><i class="fas fa-check-circle"></i> Active</span> |
|
|
|
<span class="bg-success text-white rounded-pill d-inline-block px-2 mb-0" id="Status"><i class="fas fa-check-circle"></i> Active</span> |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -131,23 +131,23 @@ |
|
|
|
<hr class="mx-n4 mb-4" /> |
|
|
|
<div class="row gx-3 align-items-center"> |
|
|
|
<p class="col-sm-3 text-muted text-sm-end mb-0 mb-sm-3">ZipCode:</p> |
|
|
|
<p class="col-sm-9 text-3"></p> |
|
|
|
<p class="col-sm-9 text-3" id="zipCode"></p> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="row gx-3 align-items-center"> |
|
|
|
<P class="col-sm-3 text-muted text-sm-end mb-0 mb-sm-3">City:</P> |
|
|
|
<p class="col-sm-9 text-3"> </p> |
|
|
|
<p class="col-sm-9 text-3" id="city"> </p> |
|
|
|
</div> |
|
|
|
<div class="row gx-3 align-items-center"> |
|
|
|
<p class="col-sm-3 text-muted text-sm-end mb-0 mb-sm-3">Address1:</p> |
|
|
|
<p class="col-sm-9 text-3"> |
|
|
|
ewewe |
|
|
|
<p class="col-sm-9 text-3" id="address1"> |
|
|
|
|
|
|
|
</p> |
|
|
|
</div> |
|
|
|
<div class="row gx-3 align-items-center"> |
|
|
|
<p class="col-sm-3 text-muted text-sm-end mb-0 mb-sm-3">Address2:</p> |
|
|
|
<p class="col-sm-9 text-3"> |
|
|
|
gdgdgd |
|
|
|
<p class="col-sm-9 text-3" id="address2"> |
|
|
|
|
|
|
|
</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -222,52 +222,7 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@* <!-- Edit Details Modal --> |
|
|
|
<div id="edit-account-settings" class="modal fade" role="dialog" aria-hidden="true"> |
|
|
|
<div class="modal-dialog modal-dialog-centered" role="document"> |
|
|
|
<div class="modal-content"> |
|
|
|
<div class="modal-header"> |
|
|
|
<h5 class="modal-title fw-400">Account Settings</h5> |
|
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> |
|
|
|
</div> |
|
|
|
<div class="modal-body p-4"> |
|
|
|
<form id="accountSettings" method="post"> |
|
|
|
<div class="row g-3"> |
|
|
|
<div class="col-12"> |
|
|
|
<label for="language" class="form-label">Language</label> |
|
|
|
<select class="form-select" id="language" name="language_id"> |
|
|
|
<option value="1">English (United States)</option> |
|
|
|
<option value="2">Spanish </option> |
|
|
|
<option value="3">Chinese</option> |
|
|
|
<option value="4">Russian</option> |
|
|
|
</select> |
|
|
|
</div> |
|
|
|
<div class="col-12"> |
|
|
|
<label for="input-timezone" class="form-label">Time Zone</label> |
|
|
|
<select class="form-select" id="input-timezone" name="timezone_id"> |
|
|
|
<option value="0">(GMT+00:00) Greenwich Mean Time : Dublin, Edinburgh, Lisbon, London</option> |
|
|
|
<option value="5.75">(GMT+05:45) Kathmandu</option> |
|
|
|
<option value="6">(GMT+06:00) Astana, Dhaka</option> |
|
|
|
</select> |
|
|
|
</div> |
|
|
|
<div class="col-12"> |
|
|
|
<label for="accountStatus" class="form-label">Account Status</label> |
|
|
|
<select class="form-select" id="accountStatus" name="language_id"> |
|
|
|
<option value="1">Active</option> |
|
|
|
<option value="2">In Active</option> |
|
|
|
</select> |
|
|
|
</div> |
|
|
|
<div class="col-12 d-grid mt-4"> |
|
|
|
<button class="btn btn-primary" type="submit">Save Changes</button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</form> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- Account Settings End --> |
|
|
|
<!-- Email Addresses --> *@ |
|
|
|
|
|
|
|
<div class="bg-white shadow-sm rounded p-4 mb-4"> |
|
|
|
<h3 class="text-5 fw-400 d-flex align-items-center mb-4"> |
|
|
|
Account Setting |
|
|
@ -278,27 +233,27 @@ |
|
|
|
<hr class="mx-n4 mb-4" /> |
|
|
|
<div class="row gx-3 align-items-center"> |
|
|
|
<p class="col-sm-3 text-muted text-sm-end mb-0 mb-sm-3">Nationality:</p> |
|
|
|
<p class="col-sm-9 text-3">Nepal</p> |
|
|
|
<p class="col-sm-9 text-3" id="nationality"></p> |
|
|
|
</div> |
|
|
|
<div class="row gx-3 align-items-center"> |
|
|
|
<p class="col-sm-3 text-muted text-sm-end mb-0 mb-sm-3">Id Type:</p> |
|
|
|
<p class="col-sm-9 text-3">Citizenship</p> |
|
|
|
<p class="col-sm-9 text-3" id="idtype"></p> |
|
|
|
</div> |
|
|
|
<div class="row gx-3 align-items-center"> |
|
|
|
<p class="col-sm-3 text-muted text-sm-end mb-0 mb-sm-3">Id Number:</p> |
|
|
|
<p class="col-sm-9 text-3">1236</p> |
|
|
|
<p class="col-sm-9 text-3" id="idnumber"></p> |
|
|
|
</div> |
|
|
|
<div class="row gx-3 align-items-center"> |
|
|
|
<p class="col-sm-3 text-muted text-sm-end mb-0 mb-sm-3">IdIssue Country :</p> |
|
|
|
<p class="col-sm-9 text-3">1236</p> |
|
|
|
<p class="col-sm-9 text-3" id="idIssuecountry"></p> |
|
|
|
</div> |
|
|
|
<div class="row gx-3 align-items-center"> |
|
|
|
<p class="col-sm-3 text-muted text-sm-end mb-0 mb-sm-3">Id Issue Date:</p> |
|
|
|
<p class="col-sm-9 text-3">1236</p> |
|
|
|
<p class="col-sm-9 text-3" id="idissueDate"></p> |
|
|
|
</div> |
|
|
|
<div class="row gx-3 align-items-center"> |
|
|
|
<p class="col-sm-3 text-muted text-sm-end mb-0 mb-sm-3">Id Expiry Date:</p> |
|
|
|
<p class="col-sm-9 text-3">1236</p> |
|
|
|
<p class="col-sm-9 text-3 " id="expairydate"></p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- Edit Details Modal --> |
|
|
@ -306,7 +261,7 @@ |
|
|
|
<div class="modal-dialog modal-dialog-centered" role="document"> |
|
|
|
<div class="modal-content"> |
|
|
|
<div class="modal-header"> |
|
|
|
<h5 class="modal-title fw-400">Email Addresses</h5> |
|
|
|
<h5 class="modal-title fw-400">Document</h5> |
|
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> |
|
|
|
</div> |
|
|
|
<div class="modal-body p-4"> |
|
|
@ -358,12 +313,19 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
@section Scripts { |
|
|
|
<script> |
|
|
|
$(document).ready(function () { |
|
|
|
getData(); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
// function pageLoad() { |
|
|
|
|
|
|
|
// getData(id); |
|
|
|
// } |
|
|
|
$(document).ready(function () { |
|
|
|
debugger; |
|
|
|
|
|
|
|
$('#btnSearch').click(function (e) { |
|
|
|
e.preventDefault(); |
|
|
|
var postalCode = $('#postalCode').val(); |
|
|
@ -426,11 +388,42 @@ |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
function getData() { |
|
|
|
debugger; |
|
|
|
$.ajax({ |
|
|
|
//var id; |
|
|
|
type: 'GET', |
|
|
|
contentType: 'application/json; charset=utf-8', |
|
|
|
url: '/Customer/GetCustomerDetail', |
|
|
|
success: function (response) { |
|
|
|
debugger; |
|
|
|
var data = response.customerListModel[0]; |
|
|
|
|
|
|
|
$('#fullName').text(data.fullName); |
|
|
|
$('#dob').text(data.dob); |
|
|
|
$('#email').text(data.email); |
|
|
|
$('#mobile').text(data.mobile); |
|
|
|
$('#zipCode').text(data.zipCode); |
|
|
|
$('#city').text(data.city); |
|
|
|
$('#address1').text(data.address); |
|
|
|
$('#address2').text(data.address2); |
|
|
|
$('#nationality').text(data.country); |
|
|
|
$('#idtype').text(data.idType); |
|
|
|
$('#idnumber').text(data.idNumber); |
|
|
|
$('#idIssuecountry').text(data.nativeCountry); |
|
|
|
$('#idissueDate').text(data.idIssueDate); |
|
|
|
$('#expairydate').text(data.idExpiryDate); |
|
|
|
$('#expairydate').text(data.idExpiryDate); |
|
|
|
}, |
|
|
|
error: function (error) { |
|
|
|
console.error(error); |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|