<!DOCTYPE html>
<html>
<head>
<title>CCMS Admin</title>

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

<style>
* {
    font-family: 'Poppins', sans-serif;
    margin: 0;
}

body {
    background: #f1f5f9;
}

/* SIDEBAR */
.sidebar {
    width: 250px;
    height: 100vh;
    position: fixed;
    background: linear-gradient(180deg, #1e293b, #0f172a);
    color: white;
    padding-top: 20px;
}

.sidebar h2 {
    text-align: center;
    margin-bottom: 20px;
}

.sidebar a {
    display: flex;
    align-items: center;
    padding: 14px 20px;
    color: #cbd5e1;
    text-decoration: none;
    transition: 0.3s;
}

.sidebar a i {
    margin-right: 10px;
}

.sidebar a:hover {
    background: #334155;
    color: white;
}

/* CONTENT */
.content {
    margin-left: 250px;
    padding: 20px;
}

/* TOPBAR */
.topbar {
    background: white;
    padding: 15px 20px;
    border-radius: 12px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

/* CARDS */
.card {
    background: white;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

/* GRID */
.grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

/* STAT CARDS */
.stat {
    color: white;
    border-radius: 15px;
    padding: 20px;
}

.blue { background: linear-gradient(135deg,#3b82f6,#2563eb); }
.green { background: linear-gradient(135deg,#10b981,#059669); }
.orange { background: linear-gradient(135deg,#f59e0b,#d97706); }
.red { background: linear-gradient(135deg,#ef4444,#dc2626); }

</style>
</head>

<body>

<div class="sidebar">
    <h2>⚡ CCMS</h2>

    <a href="/dashboard"><i class="fa fa-chart-line"></i> Dashboard</a>
    <a href="/consumers"><i class="fa fa-users"></i> Consumers</a>
    <a href="/devices"><i class="fa fa-microchip"></i> Devices</a>
    <a href="/feeders"><i class="fa fa-bolt"></i> Feeders</a>
    <a href="/logs"><i class="fa fa-database"></i> Logs</a>
    <a href="/alerts"><i class="fa fa-bell"></i> Alerts</a>
    <a href="/schedules"><i class="fa fa-clock"></i> Schedules</a>
    <a href="/logout"><i class="fa fa-sign-out"></i> Logout</a>
</div>

<div class="content">

    <div class="topbar">
        <h3>Dashboard</h3>
        <span>Welcome Admin</span>
    </div>

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

</div>

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