136 lines
3.4 KiB
HTML
136 lines
3.4 KiB
HTML
{% extends "base.html" %}
|
|
{% load static %}
|
|
|
|
{% block title %}Logout - Hospital Management System{% endblock %}
|
|
|
|
{% block css %}
|
|
<style>
|
|
.logout-container {
|
|
min-height: 100vh;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
}
|
|
|
|
.logout-card {
|
|
background: white;
|
|
border-radius: 15px;
|
|
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
|
|
overflow: hidden;
|
|
width: 100%;
|
|
max-width: 400px;
|
|
text-align: center;
|
|
}
|
|
|
|
.logout-header {
|
|
background: linear-gradient(135deg, #348ac7 0%, #7474bf 100%);
|
|
color: white;
|
|
padding: 2rem;
|
|
}
|
|
|
|
.logout-body {
|
|
padding: 2rem;
|
|
}
|
|
|
|
.logout-icon {
|
|
font-size: 4rem;
|
|
color: #28a745;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.btn-login-again {
|
|
background: linear-gradient(135deg, #348ac7 0%, #7474bf 100%);
|
|
border: none;
|
|
padding: 12px 24px;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.btn-login-again:hover {
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 5px 15px rgba(52, 138, 199, 0.4);
|
|
}
|
|
</style>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="logout-container">
|
|
<div class="logout-card">
|
|
<div class="logout-header">
|
|
<h3 class="mb-0">
|
|
<i class="fas fa-hospital-alt me-2"></i>
|
|
Hospital Management
|
|
</h3>
|
|
</div>
|
|
|
|
<div class="logout-body">
|
|
<div class="logout-icon">
|
|
<i class="fas fa-check-circle"></i>
|
|
</div>
|
|
|
|
<h4 class="text-success mb-3">Successfully Logged Out</h4>
|
|
|
|
<p class="text-muted mb-4">
|
|
You have been safely logged out of the Hospital Management System.
|
|
Thank you for using our platform.
|
|
</p>
|
|
|
|
<div class="alert alert-info" role="alert">
|
|
<i class="fas fa-info-circle me-2"></i>
|
|
For security reasons, please close your browser if you're on a shared computer.
|
|
</div>
|
|
|
|
<div class="d-grid gap-2">
|
|
<a href="{% url 'accounts:login' %}" class="btn btn-primary btn-login-again">
|
|
<i class="fas fa-sign-in-alt me-2"></i>Sign In Again
|
|
</a>
|
|
|
|
<a href="{% url 'core:home' %}" class="btn btn-outline-secondary">
|
|
<i class="fas fa-home me-2"></i>Go to Homepage
|
|
</a>
|
|
</div>
|
|
|
|
<hr class="my-4">
|
|
|
|
<div class="text-center">
|
|
<small class="text-muted">
|
|
<i class="fas fa-shield-alt me-1"></i>
|
|
Your session has been securely terminated
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
// Auto-redirect after 30 seconds
|
|
setTimeout(function() {
|
|
if (confirm('Would you like to be redirected to the login page?')) {
|
|
window.location.href = "{% url 'accounts:login' %}";
|
|
}
|
|
}, 30000);
|
|
|
|
// Clear any cached data
|
|
if ('caches' in window) {
|
|
caches.keys().then(function(names) {
|
|
names.forEach(function(name) {
|
|
caches.delete(name);
|
|
});
|
|
});
|
|
}
|
|
|
|
// Clear localStorage (if used)
|
|
try {
|
|
localStorage.clear();
|
|
sessionStorage.clear();
|
|
} catch (e) {
|
|
// Ignore errors
|
|
}
|
|
});
|
|
</script>
|
|
{% endblock %}
|
|
|