You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
366 lines
14 KiB
HTML
366 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
|
|
|
<title>SiMS</title>
|
|
<link href="assets/img/sims-logo.png" rel="icon">
|
|
<link href="assets/img/sims-logo-icon.png" rel="apple-touch-icon">
|
|
<meta content="" name="description">
|
|
<meta content="" name="keywords">
|
|
|
|
<!-- Favicons -->
|
|
<link href="assets/img/favicon.png" rel="icon">
|
|
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
|
|
|
|
<!-- Google Fonts -->
|
|
<link
|
|
href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
|
|
rel="stylesheet">
|
|
|
|
<!-- Vendor CSS Files -->
|
|
<link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet">
|
|
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
|
|
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
|
|
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
|
|
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
|
|
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
|
|
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
|
|
|
|
<!-- Template Main CSS File -->
|
|
<link href="assets/css/style.css" rel="stylesheet">
|
|
|
|
|
|
<style>
|
|
/* Ensure the container takes full width and center-aligns its content */
|
|
#delete-account .container {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
min-height: 70vh;
|
|
/* Adjust based on your design needs */
|
|
padding: 20px;
|
|
}
|
|
|
|
/* Center the content within the delete-account section */
|
|
#delete-account .delete-account-content {
|
|
max-width: 600px;
|
|
/* Adjust based on your design needs */
|
|
width: 100%;
|
|
margin: auto;
|
|
padding: 20px;
|
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
|
/* Optional: add a shadow for better visibility */
|
|
border-radius: 8px;
|
|
/* Optional: add rounded corners */
|
|
background-color: #fff;
|
|
/* Optional: set background color */
|
|
}
|
|
|
|
/* Align the section title and paragraph to the left */
|
|
#delete-account .section-title {
|
|
text-align: left;
|
|
margin-bottom: 20px;
|
|
/* Adjust spacing as needed */
|
|
}
|
|
|
|
#delete-account .section-title h2 {
|
|
margin: 0 0 10px 0;
|
|
/* Remove default margins and adjust as needed */
|
|
}
|
|
|
|
#delete-account .section-title p {
|
|
margin: 0;
|
|
/* Remove default margins */
|
|
line-height: 1.5;
|
|
/* Improve readability */
|
|
}
|
|
|
|
/* Specific styling for the span within the paragraph */
|
|
#delete-account .section-title .sub-text {
|
|
display: block;
|
|
font-size: 14px;
|
|
/* Reduced font size */
|
|
color: #666;
|
|
/* Adjust color for better readability */
|
|
}
|
|
|
|
/* Ensure form controls take full width */
|
|
#delete-account .centered-form .form-group {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
#delete-account .centered-form .form-control {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* Center the button */
|
|
#delete-account .centered-form .btn {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
</style>
|
|
|
|
|
|
|
|
|
|
<!-- =======================================================
|
|
* Template Name: SiMS
|
|
* Updated: Mar 10 2023 with Bootstrap v5.2.3
|
|
* Template URL: https://bootstrapmade.com/Sims-responsive-bootstrap-template/
|
|
* Author: BootstrapMade.com
|
|
* License: https://bootstrapmade.com/license/
|
|
======================================================== -->
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- ======= Header ======= -->
|
|
<header id="header" class="fixed-top">
|
|
<div class="container d-flex align-items-center justify-content-between">
|
|
|
|
<!-- <h1 class="logo"><a href="index.html">SiMS</a></h1> -->
|
|
<!-- Uncomment below if you prefer to use an image logo -->
|
|
<a href="index.html" class="logo"><img src="assets/img/sims-logo-icon.png" alt="" class="img-fluid"></a>
|
|
|
|
<nav id="navbar" class="navbar">
|
|
<ul>
|
|
<li><a class="nav-link scrollto" href="index.html#hero">Home</a></li>
|
|
<li><a class="nav-link scrollto" href="index.html#about">About</a></li>
|
|
<li><a class="nav-link scrollto" href="index.html#services">Services</a></li>
|
|
<li class="dropdown"><a class="nav-link scrollto" href="index.html#product">Products<i
|
|
class="bi bi-chevron-down"></i></a>
|
|
<ul>
|
|
<li><a href="product 1.html">PACSWARE</a></li>
|
|
<li><a href="product 3.html">PACSwareNET</a></li>
|
|
<li><a class="active" href="product 4.html">mPACS</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a class="nav-link scrollto" href="index.html#contact">Contact</a></li>
|
|
<!-- <li><a class="getstarted scrollto" href="index.html#about">Get Started</a></li> -->
|
|
</ul>
|
|
<i class="bi bi-list mobile-nav-toggle"></i>
|
|
</nav><!-- .navbar -->
|
|
|
|
</div>
|
|
</header><!-- End Header -->
|
|
|
|
<main id="main">
|
|
<!-- Breadcrumbs -->
|
|
<section id="breadcrumbs" class="breadcrumbs">
|
|
<div class="container">
|
|
<ol>
|
|
<li><a href="index.html">Home</a></li>
|
|
<li>Delete My Account</li>
|
|
</ol>
|
|
</div>
|
|
</section><!-- End Breadcrumbs -->
|
|
|
|
<!-- Delete My Account Section -->
|
|
<section id="delete-account" class="delete-account">
|
|
<div class="container">
|
|
<div class="delete-account-content" data-aos="fade-up">
|
|
<div class="section-title" data-aos="fade-down">
|
|
<h2>Delete My Account</h2>
|
|
<p>We're sorry to see you go.<br>
|
|
<span class="sub-text">Please provide the details below to proceed with the account deletion
|
|
process.</span>
|
|
</p>
|
|
</div>
|
|
|
|
<form id="deleteAccountForm" class="centered-form">
|
|
<div class="form-group">
|
|
<label for="mobileNumber">Mobile Number</label>
|
|
<input type="text" id="mobileNumber" class="form-control" placeholder="Enter your mobile number" required pattern="\d{10}">
|
|
<small class="form-text text-danger" id="mobileNumberError"></small>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="memberNumber">Member Number</label>
|
|
<input type="text" id="memberNumber" class="form-control" placeholder="Enter your member number" required>
|
|
<small class="form-text text-danger" id="memberNumberError"></small>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="reason">Reason for Deletion</label>
|
|
<textarea id="reason" class="form-control" rows="4"
|
|
placeholder="Enter the reason for deleting your account" required></textarea>
|
|
<small class="form-text text-danger" id="reasonError"></small>
|
|
</div>
|
|
|
|
<div class="form-group form-check">
|
|
<input type="checkbox" id="agreeTerms" class="form-check-input" required>
|
|
<label for="agreeTerms" class="form-check-label">I understand that my account will be permanently deleted
|
|
and agree to the terms.</label>
|
|
<small class="form-text text-danger" id="agreeTermsError"></small>
|
|
</div>
|
|
|
|
<button type="submit" class="btn btn-danger"
|
|
style="background-color: #ed502e; border-color: #ed502e;">Proceed</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
|
|
<!-- ======= Footer ======= -->
|
|
<footer id="footer">
|
|
<div class="footer-top">
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
<div class="col-lg-6 col-md-6">
|
|
<div class="footer-info">
|
|
<h3>SiMS</h3>
|
|
<p class="pb-3"><em>Get in touch with our team at SiMS to learn more about our customized IT solutions for
|
|
cooperative banks in Kerala.</em></p><br>
|
|
|
|
<p><strong>Address:</strong><a href="index.html#contact"> T20, Adam tower, M C road, Kottayam, Kerala,
|
|
India, 686001</a></p><br>
|
|
|
|
<p><strong>Email:</strong><a href="index.html#contact"> simssoftware20@gmail.com,
|
|
simssoftware@yahoo.com</a></p><br>
|
|
|
|
</p><strong>Phone:</strong><a href="index.html#contact"> 0481-2569308, 2564308</a></p> <br>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-3 col-md-6 footer-links">
|
|
<h4>Useful Links</h4>
|
|
<ul>
|
|
<li><i class="bx bx-chevron-right"></i> <a href="index.html#hero">Home</a></li>
|
|
<li><i class="bx bx-chevron-right"></i> <a href="index.html#about">About us</a></li>
|
|
<li><i class="bx bx-chevron-right"></i> <a href="index.html#services">Services</a></li>
|
|
<li><i class="bx bx-chevron-right"></i> <a href="index.html#product">Products</a></li>
|
|
<li><i class="bx bx-chevron-right"></i> <a href="index.html#contact">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-lg-3 col-md-6 footer-links">
|
|
<h4>Our Services</h4>
|
|
<ul>
|
|
<li><i class="bx bx-chevron-right"></i> <a href="index.html#services">Core Banking solutions</a></li>
|
|
<li><i class="bx bx-chevron-right"></i> <a href="index.html#services">Cloud Solutions</a></li>
|
|
<li><i class="bx bx-chevron-right"></i> <a href="index.html#services">Managed IT Services</a></li>
|
|
<li><i class="bx bx-chevron-right"></i> <a href="index.html#services">SMS Banking</a></li>
|
|
<li><i class="bx bx-chevron-right"></i> <a href="index.html#services">Remote IT Support Services</a></li>
|
|
<li><i class="bx bx-chevron-right"></i> <a href="index.html#services">On-site support</a></li>
|
|
<li><i class="bx bx-chevron-right"></i> <a href="index.html#services">Data backup and recovery</a></li>
|
|
<li><i class="bx bx-chevron-right"></i> <a href="index.html#services">ATM Management</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="copyright">
|
|
© Copyright 2023 <strong><span>SiMS</span></strong>. All Rights Reserved
|
|
</div>
|
|
</div>
|
|
</footer><!-- End Footer -->
|
|
|
|
<div id="preloader"></div>
|
|
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
|
|
class="bi bi-arrow-up-short"></i></a>
|
|
|
|
<!-- Vendor JS Files -->
|
|
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
|
|
<script src="assets/vendor/aos/aos.js"></script>
|
|
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
|
|
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
|
|
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
|
|
<script src="assets/vendor/php-email-form/validate.js"></script>
|
|
|
|
<!-- Template Main JS File -->
|
|
<script src="assets/js/main.js"></script>
|
|
|
|
<!-- Account Delete Api Call -->
|
|
<script>
|
|
document.getElementById('deleteAccountForm').addEventListener('submit', function (event) {
|
|
event.preventDefault();
|
|
|
|
// Clear previous error messages
|
|
document.getElementById('mobileNumberError').innerText = '';
|
|
document.getElementById('memberNumberError').innerText = '';
|
|
document.getElementById('reasonError').innerText = '';
|
|
document.getElementById('agreeTermsError').innerText = '';
|
|
|
|
const mobileNumber = document.getElementById('mobileNumber').value;
|
|
const memberNumber = document.getElementById('memberNumber').value;
|
|
const reason = document.getElementById('reason').value;
|
|
const agreeTerms = document.getElementById('agreeTerms').checked;
|
|
|
|
let valid = true;
|
|
|
|
// Mobile number validation
|
|
if (!/^\d{10}$/.test(mobileNumber)) {
|
|
document.getElementById('mobileNumberError').innerText = 'Please enter a valid 10-digit mobile number.';
|
|
valid = false;
|
|
}
|
|
|
|
// Member number validation
|
|
if (!memberNumber.trim()) {
|
|
document.getElementById('memberNumberError').innerText = 'Member number is required.';
|
|
valid = false;
|
|
}
|
|
|
|
// Reason validation
|
|
if (!reason.trim()) {
|
|
document.getElementById('reasonError').innerText = 'Please provide a reason for deletion.';
|
|
valid = false;
|
|
}
|
|
|
|
// Agree terms validation
|
|
if (!agreeTerms) {
|
|
document.getElementById('agreeTermsError').innerText = 'You must agree to the terms.';
|
|
valid = false;
|
|
}
|
|
|
|
// If validation fails, return
|
|
if (!valid) {
|
|
return;
|
|
}
|
|
|
|
// Proceed with form submission
|
|
const data = {
|
|
mobileNumber: mobileNumber,
|
|
memberNumber: memberNumber,
|
|
reason: reason
|
|
};
|
|
|
|
const apiUrl = 'https://mpacsapi.simssoftware.in/API/v1/auth/deactivate-account';
|
|
// const apiUrl = 'http://192.168.0.118:3300/API/v1/auth/deactivate-account';
|
|
|
|
fetch(apiUrl, {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
},
|
|
body: JSON.stringify(data),
|
|
})
|
|
.then(response => response.json())
|
|
.then(result => {
|
|
alert(result.msg);
|
|
document.getElementById('mobileNumber').value = '';
|
|
document.getElementById('memberNumber').value = '';
|
|
document.getElementById('reason').value = '';
|
|
document.getElementById('agreeTerms').checked = false;
|
|
})
|
|
.catch(error => {
|
|
alert('There was an error processing your request. Please try again later.');
|
|
});
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html> |