fr
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Data Deletion Request - Dr. Nehru Healthcare</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
margin: 0;
padding: 20px;
background: linear-gradient(135deg, #1e40af 0%, #059669 100%);
color: white;
min-height: 100vh;
}
.container {
max-width: 600px;
margin: 0 auto;
background: rgba(255, 255, 255, 0.1);
padding: 40px;
border-radius: 20px;
backdrop-filter: blur(10px);
text-align: center;
}
h1 {
color: #10b981;
margin-bottom: 30px;
}
.deletion-form {
background: rgba(255, 255, 255, 0.1);
padding: 30px;
border-radius: 15px;
margin: 30px 0;
}
.form-group {
margin: 20px 0;
text-align: left;
}
.form-group label {
display: block;
margin-bottom: 8px;
font-weight: bold;
color: #e2e8f0;
}
.form-group input,
.form-group textarea {
width: 100%;
padding: 12px;
border: none;
border-radius: 8px;
font-size: 16px;
background: rgba(255, 255, 255, 0.9);
color: #1e293b;
}
.form-group textarea {
height: 100px;
resize: vertical;
}
.btn {
background: linear-gradient(135deg, #ef4444, #dc2626);
color: white;
border: none;
padding: 15px 30px;
border-radius: 10px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
margin: 10px;
}
.btn:hover {
transform: translateY(-2px);
box-shadow: 0 10px 25px rgba(239, 68, 68, 0.3);
}
.btn-secondary {
background: linear-gradient(135deg, #6b7280, #4b5563);
}
.info-box {
background: rgba(16, 185, 129, 0.2);
padding: 20px;
border-radius: 10px;
margin: 20px 0;
border-left: 4px solid #10b981;
text-align: left;
}
.contact-info {
background: rgba(255, 255, 255, 0.1);
padding: 20px;
border-radius: 10px;
margin: 20px 0;
}
.success-message {
background: rgba(16, 185, 129, 0.3);
padding: 20px;
border-radius: 10px;
margin: 20px 0;
display: none;
}
.warning {
background: rgba(245, 158, 11, 0.2);
padding: 15px;
border-radius: 10px;
margin: 20px 0;
border-left: 4px solid #f59e0b;
}
</style>
</head>
<body>
<div class="container">
<h1>🗑️ Data Deletion Request</h1>
<p><strong>Dr. Nehru Healthcare Partnership Program</strong></p>
<div class="info-box">
<h3>📋 What Data Will Be Deleted</h3>
<ul>
<li>Your personal contact information</li>
<li>Partnership application details</li>
<li>Instagram integration data</li>
<li>Revenue calculation history</li>
<li>Communication records</li>
<li>Website usage analytics</li>
</ul>
</div>
<div class="warning">
<h3>⚠️ Important Notice</h3>
<p>Deleting your data will:</p>
<ul>
<li>Remove you from the partnership program</li>
<li>End access to revenue sharing benefits</li>
<li>Delete all Instagram integration settings</li>
<li>Cannot be undone once processed</li>
</ul>
</div>
<div class="deletion-form">
<h3>🔐 Submit Deletion Request</h3>
<form id="deletionForm" onsubmit="submitDeletion(event)">
<div class="form-group">
<label for="email">Email Address:</label>
<input type="email" id="email" name="email" required placeholder="Your registered email address">
</div>
<div class="form-group">
<label for="phone">Phone Number:</label>
<input type="tel" id="phone" name="phone" placeholder="Your registered phone number">
</div>
<div class="form-group">
<label for="reason">Reason for Deletion (Optional):</label>
<textarea id="reason" name="reason" placeholder="Please let us know why you're requesting data deletion..."></textarea>
</div>
<div class="form-group">
<label>
<input type="checkbox" id="confirm" required style="width: auto; margin-right: 10px;">
I understand that this action cannot be undone and will permanently delete all my data
</label>
</div>
<button type="submit" class="btn">🗑️ Submit Deletion Request</button>
<button type="button" class="btn btn-secondary" onclick="window.history.back()">← Cancel</button>
</form>
</div>
<div id="successMessage" class="success-message">
<h3>✅ Request Submitted Successfully</h3>
<p>Your data deletion request has been received. We will process it within 30 days and send you a confirmation email.</p>
<p><strong>Request ID:</strong> <span id="requestId"></span></p>
</div>
<div class="info-box">
<h3>📅 Processing Timeline</h3>
<ul>
<li><strong>Immediate:</strong> Instagram access revoked</li>
<li><strong>24-48 hours:</strong> Account deactivation</li>
<li><strong>7-30 days:</strong> Complete data deletion</li>
<li><strong>30 days:</strong> Confirmation email sent</li>
</ul>
</div>
<div class="contact-info">
<h3>📧 Need Help?</h3>
<p>If you have questions about data deletion:</p>
<p><strong>Email:</strong> homahealthcarecenter@gmail.com</p>
<p><strong>WhatsApp:</strong> +919963721999</p>
<p><strong>Subject:</strong> "Data Deletion Request - [Your Name]"</p>
</div>
<div style="margin-top: 40px;">
<a href="/privacy" style="color: #10b981; text-decoration: none; margin: 0 15px;">📋 Privacy Policy</a>
<a href="/terms" style="color: #10b981; text-decoration: none; margin: 0 15px;">📜 Terms of Service</a>
<a href="/" style="color: #10b981; text-decoration: none; margin: 0 15px;">🏠 Back to Home</a>
</div>
</div>
<script>
function submitDeletion(event) {
event.preventDefault();
const email = document.getElementById('email').value;
const phone = document.getElementById('phone').value;
const reason = document.getElementById('reason').value;
// Generate a request ID
const requestId = 'DEL-' + Date.now() + '-' + Math.random().toString(36).substr(2, 6).toUpperCase();
// In a real implementation, this would send data to your server
console.log('Data deletion request:', {
email,
phone,
reason,
requestId,
timestamp: new Date().toISOString()
});
// Send email notification (in real implementation)
// sendDeletionNotification(email, requestId);
// Show success message
document.getElementById('deletionForm').style.display = 'none';
document.getElementById('successMessage').style.display = 'block';
document.getElementById('requestId').textContent = requestId;
// Store request for tracking
localStorage.setItem('deletionRequest', JSON.stringify({
requestId,
email,
status: 'submitted',
timestamp: new Date().toISOString()
}));
// Send WhatsApp notification (optional)
const whatsappMessage = `Data deletion request submitted:%0A%0ARequest ID: ${requestId}%0AEmail: ${email}%0APhone: ${phone}%0AReason: ${reason}`;
// window.open(`https://wa.me/919963721999?text=${whatsappMessage}`, '_blank');
}
// Check for existing deletion request
window.onload = function() {
const existingRequest = localStorage.getItem('deletionRequest');
if (existingRequest) {
const request = JSON.parse(existingRequest);
const daysSince = (Date.now() - new Date(request.timestamp).getTime()) / (1000 * 60 * 60 * 24);
if (daysSince < 30) {
document.getElementById('deletionForm').innerHTML = `
<div class="info-box">
<h3>📋 Existing Deletion Request</h3>
<p><strong>Request ID:</strong> ${request.requestId}</p>
<p><strong>Status:</strong> ${request.status}</p>
<p><strong>Submitted:</strong> ${new Date(request.timestamp).toLocaleDateString()}</p>
<p>Your request is being processed. You will receive confirmation within 30 days.</p>
</div>
`;
}
}
};
</script>
</body>
</html>