<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Admin Panel</title>

<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

<style>
body {
    margin:0;
    font-family:Poppins;
    display:flex;
    background:#f4f6fb;
}

/* SIDEBAR */
.sidebar {
    width:240px;
    height:100vh;
    background:#111827;
    color:#fff;
    transition:0.3s;
}

.sidebar.collapsed {
    width:70px;
}

.sidebar h2 {
    padding:20px;
}

.sidebar a {
    display:block;
    padding:12px 20px;
    color:#ccc;
    text-decoration:none;
}

.sidebar a.active,
.sidebar a:hover {
    background:#1f2937;
    color:#fff;
}

/* MAIN */
.main {
    flex:1;
    padding:20px;
}

/* TOPBAR */
.topbar {
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#fff;
    padding:15px;
    border-radius:12px;
}

/* CARDS */
.cards {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:20px;
    margin-top:20px;
}

.card {
    background:#fff;
    padding:20px;
    border-radius:12px;
    box-shadow:0 5px 15px rgba(0,0,0,0.05);
}

/* TABLE */
.table {
    margin-top:20px;
    background:#fff;
    padding:20px;
    border-radius:12px;
}

table {
    width:100%;
    border-collapse:collapse;
}

th,td {
    padding:10px;
    border-bottom:1px solid #eee;
}

/* BUTTON */
.btn {
    padding:8px 12px;
    background:#4f46e5;
    color:#fff;
    border:none;
    border-radius:6px;
    cursor:pointer;
}

/* TOAST */
.toast {
    position:fixed;
    top:20px;
    right:20px;
    background:#4CAF50;
    color:#fff;
    padding:12px;
    border-radius:6px;
    display:none;
}
</style>
</head>

<body>

<div class="sidebar" id="sidebar">
    <h2>Admin</h2>

   <ul class="sidebar-menu">
    <li><a href="<?php echo e(route('admin.dashboard')); ?>"><i class="fa fa-home"></i> Dashboard</a></li>
    <li><a href="<?php echo e(route('admin.products')); ?>"><i class="fa fa-box"></i> Products</a></li>
    <li><a href="<?php echo e(route('admin.orders')); ?>"><i class="fa fa-shopping-cart"></i> Orders</a></li>
    <li><a href="<?php echo e(route('admin.logs')); ?>"><i class="fa fa-history"></i> Login Logs</a></li>
</ul>
</div>

<div class="main">

    <div class="topbar">
        <button onclick="toggleSidebar()">☰</button>
        <div>Admin 👤</div>
    </div>

    <?php echo $__env->yieldContent('content'); ?>

</div>

<div class="toast" id="toast">Success</div>

<script>
function toggleSidebar(){
    document.getElementById('sidebar').classList.toggle('collapsed');
}

function showToast(msg){
    let t=document.getElementById('toast');
    t.innerText=msg;
    t.style.display='block';
    setTimeout(()=>t.style.display='none',2000);
}
</script>

</body>
</html><?php /**PATH /home2/jitrealx/public_html/hotelbooking/resources/views/admin/layouts/app.blade.php ENDPATH**/ ?>