<!doctype html>
<html lang="en">
<head>
<title>EatQ</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<%- include('../template/header') %>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- FontAwesome CDN -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
</head>
<body class="font-kanit-sm">
<%- include('../template/navbar') %>
<h3 class="text-center">จัดการร้านอาหาร</h3>
<!-- Centered block container -->
<div class="mx-5 d-flex justify-content-center align-items-center" style="height: 40vh;">
<div class="row row-cols-3 g-3"> <!-- Grid with 3 columns -->
<% if(role === "Administrator") { %>
<!-- <div class="col">
<a href="/table">
<div class="bg-success text-white d-flex flex-column justify-content-center align-items-center mx-5" style="width: 100px; height: 120px;">
<i class="fa-solid fa-square fa-2x"></i>
<span class="py-2">โต๊ะ</span>
</div>
</a>
</div>
<div class="col">
<a href="/tabletype">
<div class="bg-success text-white d-flex flex-column justify-content-center align-items-center mx-5" style="width: 100px; height: 120px;">
<i class="fas fa-square fa-2x"></i>
<span class="py-2">ประเภทโต๊ะ</span>
</div>
</a>
</div> -->
<div class="col">
<a href="/user">
<div class="bg-danger text-white d-flex flex-column justify-content-center align-items-center mx-5" style="width: 100px; height: 120px;">
<i class="fa-solid fa-users-gear fa-2x"></i>
<span class="py-2">ผู้ใช้</span>
</div>
</a>
</div>
<div class="col">
<a href="/staff">
<div class="bg-info text-white d-flex flex-column justify-content-center align-items-center mx-5" style="width: 100px; height: 120px;">
<i class="fa-solid fa-user-tie fa-2x"></i>
<span class="py-2">พนักงาน</span>
</div>
</a>
</div>
<% } %>
</div>
</div>
<%- include('../template/bottom_nav') %>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>
</body>
</html>