File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/mayergramprsfarm.in/admin/logout.php
Back
<?php session_start(); session_destroy(); header("Location: login.php"); exit; ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Admin Dashboard - Mayer Gram</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet"> <style> :root { --primary-color: #2c3e50; --secondary-color: #3498db; --accent-color: #2ecc71; --light-color: #f8f9fa; --dark-color: #34495e; --sidebar-width: 250px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Poppins', sans-serif; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; } .dashboard-container { display: flex; min-height: 100vh; } /* Sidebar Styles */ .sidebar { width: var(--sidebar-width); background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); padding: 30px 0; box-shadow: 5px 0 25px rgba(0, 0, 0, 0.1); position: fixed; height: 100vh; overflow-y: auto; z-index: 1000; } .sidebar-header { text-align: center; padding: 0 20px 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 30px; } .logo { width: 80px; height: 80px; background: linear-gradient(45deg, #3498db, #2ecc71); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px; box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3); } .logo i { font-size: 36px; color: white; } .admin-info { text-align: center; } .admin-name { font-weight: 600; color: var(--primary-color); font-size: 18px; margin-bottom: 5px; } .admin-role { color: #7f8c8d; font-size: 14px; background: #f1f2f6; padding: 3px 12px; border-radius: 20px; display: inline-block; } /* Navigation */ .sidebar-nav ul { list-style: none; padding: 0; } .sidebar-nav li { margin: 5px 20px; } .sidebar-nav a { display: flex; align-items: center; padding: 15px 20px; color: var(--dark-color); text-decoration: none; border-radius: 10px; transition: all 0.3s ease; font-weight: 500; } .sidebar-nav a:hover { background: linear-gradient(45deg, #3498db, #2ecc71); color: white; transform: translateX(5px); box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3); } .sidebar-nav a.active { background: linear-gradient(45deg, #3498db, #2ecc71); color: white; box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3); } .sidebar-nav i { width: 30px; font-size: 18px; margin-right: 15px; } /* Main Content */ .main-content { flex: 1; margin-left: var(--sidebar-width); padding: 40px; } .content-wrapper { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); border-radius: 20px; padding: 40px; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1); min-height: calc(100vh - 80px); } /* Header */ .content-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .welcome-section h1 { color: var(--primary-color); font-weight: 700; margin-bottom: 10px; font-size: 32px; } .welcome-section p { color: #7f8c8d; font-size: 16px; } .date-time { background: linear-gradient(45deg, #3498db, #2ecc71); color: white; padding: 15px 25px; border-radius: 15px; box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3); } .date-time .time { font-size: 24px; font-weight: 600; } .date-time .date { font-size: 14px; opacity: 0.9; } /* Stats Cards */ .stats-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; margin-bottom: 40px; } .stat-card { background: white; border-radius: 15px; padding: 25px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; border-left: 5px solid; } .stat-card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); } .stat-card.pages { border-left-color: #3498db; } .stat-card.users { border-left-color: #2ecc71; } .stat-card.analytics { border-left-color: #9b59b6; } .stat-card.settings { border-left-color: #e74c3c; } .stat-icon { width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; font-size: 24px; color: white; } .stat-card.pages .stat-icon { background: linear-gradient(45deg, #3498db, #2980b9); } .stat-card.users .stat-icon { background: linear-gradient(45deg, #2ecc71, #27ae60); } .stat-card.analytics .stat-icon { background: linear-gradient(45deg, #9b59b6, #8e44ad); } .stat-card.settings .stat-icon { background: linear-gradient(45deg, #e74c3c, #c0392b); } .stat-card h3 { font-size: 24px; font-weight: 600; color: var(--primary-color); margin-bottom: 10px; } .stat-card p { color: #7f8c8d; margin-bottom: 15px; font-size: 14px; } .stat-number { font-size: 28px; font-weight: 700; color: var(--dark-color); } /* Quick Actions */ .quick-actions { margin-bottom: 40px; } .section-title { font-size: 24px; font-weight: 600; color: var(--primary-color); margin-bottom: 25px; padding-bottom: 15px; border-bottom: 2px solid #f1f2f6; } .action-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; } .action-card { background: white; border-radius: 15px; padding: 30px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; border: 1px solid #f1f2f6; } .action-card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); border-color: var(--secondary-color); } .action-card i { font-size: 40px; margin-bottom: 20px; background: linear-gradient(45deg, #3498db, #2ecc71); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .action-card h4 { font-size: 20px; font-weight: 600; color: var(--primary-color); margin-bottom: 10px; } .action-card p { color: #7f8c8d; margin-bottom: 20px; font-size: 14px; } .btn-action { display: inline-flex; align-items: center; justify-content: center; padding: 10px 25px; background: linear-gradient(45deg, #3498db, #2ecc71); color: white; border: none; border-radius: 10px; font-weight: 500; text-decoration: none; transition: all 0.3s ease; box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3); } .btn-action:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(52, 152, 219, 0.4); color: white; } .btn-action i { margin-right: 10px; font-size: 16px; background: none; -webkit-text-fill-color: white; } /* Logout Button */ .logout-section { margin-top: 40px; padding-top: 30px; border-top: 1px solid rgba(0, 0, 0, 0.1); } .btn-logout { display: inline-flex; align-items: center; justify-content: center; padding: 12px 30px; background: linear-gradient(45deg, #e74c3c, #c0392b); color: white; border: none; border-radius: 10px; font-weight: 500; text-decoration: none; transition: all 0.3s ease; box-shadow: 0 5px 15px rgba(231, 76, 60, 0.3); } .btn-logout:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(231, 76, 60, 0.4); color: white; } .btn-logout i { margin-right: 10px; } /* Responsive Design */ @media (max-width: 992px) { .sidebar { width: 80px; padding: 20px 0; } .sidebar-header { padding: 0 10px 20px; } .logo { width: 50px; height: 50px; } .logo i { font-size: 24px; } .admin-info, .sidebar-nav span { display: none; } .sidebar-nav i { margin-right: 0; width: 100%; text-align: center; } .main-content { margin-left: 80px; } } @media (max-width: 768px) { .dashboard-container { flex-direction: column; } .sidebar { width: 100%; height: auto; position: relative; padding: 20px; } .main-content { margin-left: 0; padding: 20px; } .content-wrapper { padding: 20px; } .stats-cards, .action-cards { grid-template-columns: 1fr; } } /* Animation */ @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .fade-in { animation: fadeIn 0.5s ease-out; } /* Custom Scrollbar */ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; } ::-webkit-scrollbar-thumb { background: linear-gradient(45deg, #3498db, #2ecc71); border-radius: 10px; } ::-webkit-scrollbar-thumb:hover { background: linear-gradient(45deg, #2980b9, #27ae60); } </style> </head> <body> <div class="dashboard-container"> <!-- Sidebar --> <aside class="sidebar"> <div class="sidebar-header"> <div class="logo"> <i class="fas fa-leaf"></i> </div> <div class="admin-info"> <div class="admin-name"><?php echo htmlspecialchars($adminName); ?></div> <div class="admin-role">Super Admin</div> </div> </div> <nav class="sidebar-nav"> <ul> <li> <a href="#" class="active"> <i class="fas fa-tachometer-alt"></i> <span>Dashboard</span> </a> </li> <li> <a href="edit-index.php"> <i class="fas fa-home"></i> <span>Home Page</span> </a> </li> <li> <a href="edit-events.php"> <i class="fas fa-calendar-alt"></i> <span>Events Page</span> </a> </li> <li> <a href="#"> <i class="fas fa-images"></i> <span>Media Library</span> </a> </li> <li> <a href="#"> <i class="fas fa-cog"></i> <span>Settings</span> </a> </li> </ul> </nav> </aside> <!-- Main Content --> <main class="main-content"> <div class="content-wrapper fade-in"> <!-- Header --> <div class="content-header"> <div class="welcome-section"> <h1>Welcome back, <?php echo htmlspecialchars($adminName); ?>!</h1> <p>Here's what's happening with your website today.</p> </div> <div class="date-time"> <div class="time" id="currentTime"></div> <div class="date" id="currentDate"></div> </div> </div> <!-- Stats Cards --> <div class="stats-cards"> <div class="stat-card pages fade-in"> <div class="stat-icon"> <i class="fas fa-file-alt"></i> </div> <h3>Pages Managed</h3> <p>Total editable pages on your website</p> <div class="stat-number">2</div> </div> <div class="stat-card users fade-in"> <div class="stat-icon"> <i class="fas fa-users"></i> </div> <h3>Active Users</h3> <p>Currently logged in administrators</p> <div class="stat-number">1</div> </div> <div class="stat-card analytics fade-in"> <div class="stat-icon"> <i class="fas fa-chart-line"></i> </div> <h3>Performance</h3> <p>Website optimization status</p> <div class="stat-number">94%</div> </div> <div class="stat-card settings fade-in"> <div class="stat-icon"> <i class="fas fa-cogs"></i> </div> <h3>System Status</h3> <p>All systems operational</p> <div class="stat-number">✓</div> </div> </div> <!-- Quick Actions --> <div class="quick-actions"> <h2 class="section-title">Quick Actions</h2> <div class="action-cards"> <div class="action-card fade-in"> <i class="fas fa-home"></i> <h4>Edit Home Page</h4> <p>Update banner images, about section, accommodation details, and homepage content.</p> <a href="edit-index.php" class="btn-action"> <i class="fas fa-edit"></i> Edit Now </a> </div> <div class="action-card fade-in"> <i class="fas fa-calendar-alt"></i> <h4>Edit Events Page</h4> <p>Manage event listings, rate charts, testimonials, and event-related content.</p> <a href="edit-events.php" class="btn-action"> <i class="fas fa-edit"></i> Edit Now </a> </div> <div class="action-card fade-in"> <i class="fas fa-upload"></i> <h4>Upload Images</h4> <p>Upload new images for banners, rooms, testimonials, and other sections.</p> <a href="#" class="btn-action" onclick="alert('Use the image upload feature within page editors')"> <i class="fas fa-cloud-upload-alt"></i> Upload Now </a> </div> </div> </div> <!-- Logout Section --> <div class="logout-section"> <a href="logout.php" class="btn-logout"> <i class="fas fa-sign-out-alt"></i> Logout </a> </div> </div> </main> </div> <script> // Update time and date function updateDateTime() { const now = new Date(); // Time const timeOptions = { hour: '2-digit', minute: '2-digit', second: '2-digit' }; const currentTime = now.toLocaleTimeString('en-US', timeOptions); document.getElementById('currentTime').textContent = currentTime; // Date const dateOptions = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }; const currentDate = now.toLocaleDateString('en-US', dateOptions); document.getElementById('currentDate').textContent = currentDate; } // Update immediately and then every second updateDateTime(); setInterval(updateDateTime, 1000); // Add animation to cards on hover document.querySelectorAll('.stat-card, .action-card').forEach(card => { card.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-5px)'; }); card.addEventListener('mouseleave', function() { this.style.transform = 'translateY(0)'; }); }); // Active navigation highlighting document.querySelectorAll('.sidebar-nav a').forEach(link => { link.addEventListener('click', function(e) { if(this.getAttribute('href') !== '#') { document.querySelectorAll('.sidebar-nav a').forEach(l => l.classList.remove('active')); this.classList.add('active'); } }); }); // Welcome message with time of day document.addEventListener('DOMContentLoaded', function() { const hour = new Date().getHours(); let greeting = ''; if (hour < 12) greeting = 'Good Morning'; else if (hour < 18) greeting = 'Good Afternoon'; else greeting = 'Good Evening'; const welcomeTitle = document.querySelector('.welcome-section h1'); if (welcomeTitle) { welcomeTitle.textContent = `${greeting}, ${welcomeTitle.textContent.split(',')[1]}`; } }); </script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings