From 7051194c5e153457cd2e518cac98ff260cf27350 Mon Sep 17 00:00:00 2001
From: Thomas Joise <joisethomas321@gmail.com>
Date: Wed, 31 Jul 2024 16:52:00 +0530
Subject: [PATCH] delete mpacs account form

---
 delete_mpacs_acc.html | 366 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 366 insertions(+)
 create mode 100644 delete_mpacs_acc.html
diff --git a/delete_mpacs_acc.html b/delete_mpacs_acc.html
new file mode 100644
index 0000000..d30d22c
--- /dev/null
+++ b/delete_mpacs_acc.html
@@ -0,0 +1,366 @@
+<!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">
+        &copy; 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>
\ No newline at end of file
