Jul 20 - Update codes to comply with some framework (SOC 2 TYPE 2, ISO, etc)

app/templates/auth/profile.html

@@ -81,6 +81,26 @@
             </div>
         </div>
 
+        <!-- My Data & Privacy Card -->
+        <div class="card shadow-sm mt-4">
+            <div class="card-header bg-light">
+                <h6 class="mb-0 fw-semibold"><i class="bi bi-shield-lock me-1"></i>My Data & Privacy</h6>
+            </div>
+            <div class="card-body">
+                <p class="text-muted small mb-3">
+                    Download a copy of the data tied to your account, or request its
+                    erasure.
+                </p>
+                <a href="{{ url_for('auth.export_my_data') }}" class="btn btn-outline-secondary btn-sm w-100 mb-2">
+                    <i class="bi bi-download me-1"></i>Export My Data
+                </a>
+                <button type="button" class="btn btn-outline-danger btn-sm w-100"
+                        data-bs-toggle="modal" data-bs-target="#deleteMyDataModal">
+                    <i class="bi bi-trash me-1"></i>Delete My Account & Data
+                </button>
+            </div>
+        </div>
+
     </div>
 
     <!-- ── Right column: edit form + recent inspections ──────────────── -->
@@ -221,4 +241,38 @@
 
     </div>
 </div>
+
+<!-- ── Delete My Data Modal ─────────────────────────────────────────────── -->
+<div class="modal fade" id="deleteMyDataModal" tabindex="-1" aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header bg-danger text-white">
+        <h5 class="modal-title"><i class="bi bi-exclamation-triangle me-2"></i>Delete My Account & Data</h5>
+        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
+      </div>
+      <form method="POST" action="{{ url_for('auth.request_my_data_deletion') }}">
+        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+        <div class="modal-body">
+          <div class="alert alert-warning mb-3">
+            <i class="bi bi-exclamation-triangle-fill me-1"></i>
+            This action is <strong>permanent</strong> and logs you out immediately.
+          </div>
+          <p class="mb-0">
+            If you have no inspection or issue history tied to your account, it will be
+            <strong>permanently deleted</strong>. If you do have history (common for staff
+            accounts), your name, username, and email will be replaced with a
+            non-identifying placeholder and the account deactivated — historical records
+            stay intact for audit continuity but will no longer identify you.
+          </p>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+          <button type="submit" class="btn btn-danger">
+            <i class="bi bi-trash me-1"></i>Confirm Deletion
+          </button>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>
 {% endblock %}