38682-vm/index.php
2026-02-23 15:19:25 +00:00

144 lines
5.3 KiB
PHP

<?php
declare(strict_types=1);
require_once __DIR__ . '/db/config.php';
$settings = get_company_settings();
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><?= htmlspecialchars($settings['company_name']) ?> - Welcome</title>
<?php if (!empty($settings['favicon_url'])): ?>
<link rel="icon" href="<?= htmlspecialchars($settings['favicon_url']) ?>">
<?php endif; ?>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/custom.css?v=<?= time() ?>">
<style>
body {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
}
.hero-card {
background: rgba(255, 255, 255, 0.9);
border-radius: 24px;
box-shadow: 0 10px 40px rgba(0,0,0,0.08);
backdrop-filter: blur(10px);
border: 1px solid rgba(255,255,255,0.5);
transition: transform 0.3s ease;
}
.hero-card:hover {
transform: translateY(-5px);
}
.action-btn {
height: 120px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 16px;
font-weight: 600;
font-size: 1.2rem;
transition: all 0.2s ease;
border: 2px solid transparent;
}
.action-btn i {
font-size: 2.5rem;
margin-bottom: 10px;
}
.btn-dine-in {
background-color: #e3f2fd;
color: #0d6efd;
border-color: #bbdefb;
}
.btn-dine-in:hover {
background-color: #bbdefb;
color: #0b5ed7;
}
.btn-online {
background-color: #e8f5e9;
color: #198754;
border-color: #c8e6c9;
}
.btn-online:hover {
background-color: #c8e6c9;
color: #146c43;
}
.company-logo {
max-height: 80px;
width: auto;
margin-bottom: 20px;
}
.footer {
margin-top: 40px;
text-align: center;
color: #6c757d;
font-size: 0.85rem;
}
</style>
</head>
<body>
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8 col-lg-6">
<div class="hero-card p-5 text-center">
<?php if (!empty($settings['logo_url'])): ?>
<img src="<?= htmlspecialchars($settings['logo_url']) ?>" alt="Logo" class="company-logo">
<?php else: ?>
<div class="mb-4">
<i class="bi bi-shop fs-1 text-primary"></i>
</div>
<?php endif; ?>
<h1 class="fw-bold mb-2"><?= htmlspecialchars($settings['company_name']) ?></h1>
<p class="text-muted mb-5">Welcome! How would you like to order?</p>
<div class="row g-3">
<div class="col-6">
<a href="pos.php?order_type=dine-in" class="text-decoration-none">
<div class="action-btn btn-dine-in">
<i class="bi bi-qr-code-scan"></i>
<span>Dine In / QR</span>
</div>
</a>
</div>
<div class="col-6">
<a href="pos.php?order_type=takeaway" class="text-decoration-none">
<div class="action-btn btn-online">
<i class="bi bi-bag-check"></i>
<span>Online Order</span>
</div>
</a>
</div>
</div>
<div class="mt-5 pt-4 border-top">
<a href="admin/" class="text-muted small text-decoration-none">
<i class="bi bi-shield-lock me-1"></i> Staff Login
</a>
<a href="kitchen.php" class="text-muted small text-decoration-none ms-3">
<i class="bi bi-egg-fried me-1"></i> Kitchen Display
</a>
</div>
</div>
<div class="footer">
<p>&copy; <?= date('Y') ?> <?= htmlspecialchars($settings['company_name']) ?>. All rights reserved.</p>
<p>Powered By Abidarcafe @2026</p>
</div>
</div>
</div>
</div>
</body>
</html>