Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>{% block title %}Tabble-v3 Restaurant Management{% endblock %}</title> | |
| <!-- Bootstrap CSS --> | |
| <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> | |
| <!-- Font Awesome --> | |
| <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet"> | |
| <!-- Custom CSS --> | |
| <style> | |
| :root { | |
| --primary-color: #2c3e50; | |
| --secondary-color: #3498db; | |
| --success-color: #27ae60; | |
| --warning-color: #f39c12; | |
| --danger-color: #e74c3c; | |
| --light-bg: #ecf0f1; | |
| } | |
| body { | |
| font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; | |
| background-color: var(--light-bg); | |
| } | |
| .navbar-brand { | |
| font-weight: bold; | |
| color: var(--primary-color) ; | |
| } | |
| .card { | |
| border: none; | |
| border-radius: 10px; | |
| box-shadow: 0 2px 10px rgba(0,0,0,0.1); | |
| } | |
| .btn-primary { | |
| background-color: var(--secondary-color); | |
| border-color: var(--secondary-color); | |
| } | |
| .btn-success { | |
| background-color: var(--success-color); | |
| border-color: var(--success-color); | |
| } | |
| .header-section { | |
| background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); | |
| color: white; | |
| padding: 2rem 0; | |
| margin-bottom: 2rem; | |
| } | |
| .feature-card { | |
| transition: transform 0.2s; | |
| } | |
| .feature-card:hover { | |
| transform: translateY(-5px); | |
| } | |
| </style> | |
| <!-- Extra CSS Block --> | |
| {% block extra_css %}{% endblock %} | |
| </head> | |
| <body> | |
| <!-- Navigation --> | |
| <nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm"> | |
| <div class="container"> | |
| <a class="navbar-brand" href="/"> | |
| <i class="fas fa-utensils me-2"></i> | |
| Tabble-v3 | |
| </a> | |
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> | |
| <span class="navbar-toggler-icon"></span> | |
| </button> | |
| <div class="collapse navbar-collapse" id="navbarNav"> | |
| <ul class="navbar-nav ms-auto"> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="/customer"> | |
| <i class="fas fa-user me-1"></i>Customer | |
| </a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="/chef"> | |
| <i class="fas fa-hat-chef me-1"></i>Chef | |
| </a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="/admin"> | |
| <i class="fas fa-cog me-1"></i>Admin | |
| </a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="/docs" target="_blank"> | |
| <i class="fas fa-book me-1"></i>API Docs | |
| </a> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Main Content --> | |
| <main> | |
| {% block content %}{% endblock %} | |
| </main> | |
| <!-- Footer --> | |
| <footer class="bg-dark text-light py-4 mt-5"> | |
| <div class="container text-center"> | |
| <p class="mb-0"> | |
| <i class="fas fa-utensils me-2"></i> | |
| Tabble-v3 Restaurant Management System | |
| <span class="text-muted">| Powered by FastAPI & SQLAlchemy</span> | |
| </p> | |
| </div> | |
| </footer> | |
| <!-- Bootstrap JS --> | |
| <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> | |
| <!-- Custom JS --> | |
| {% block extra_js %}{% endblock %} | |
| </body> | |
| </html> |