<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title><%= typeof title !== 'undefined' ? title : 'Admin' %></title>
  <meta name="robots" content="noindex,nofollow">
  <link rel="icon" type="image/jpeg" href="/public/images/brand/logo.jpeg">
  <link rel="stylesheet" href="/public/css/style.css?v=4">
  <link rel="stylesheet" href="/public/css/admin.css?v=1">
</head>
<body class="admin-body">
<div class="admin-wrap">
  <div class="admin-top">
    <div>
      <div style="display:flex; align-items:center; gap:12px;">
        <img src="/public/images/brand/logo.jpeg" alt="TOUS CINO" style="width:52px; height:52px; object-fit:cover; border-radius:12px; border:1px solid var(--line-2);">
        <div>
          <div class="brand-name" style="font-size:20px;">TOUS <em>CINO</em></div>
          <div style="color:var(--muted); font-size:13px; margin-top:2px;"><%= site.store_name %> · <%= site.slogan %></div>
        </div>
      </div>
    </div>
    <div class="admin-actions">
      <a class="btn btn-outline btn-sm" href="/" target="_blank"><i class="ic" data-ic="arrow"></i> View store</a>
      <a class="btn btn-dark btn-sm" href="/admin/logout"><i class="ic" data-ic="logout"></i> Sign out</a>
    </div>
  </div>

  <nav class="admin-side">
    <a href="/admin" class="<%= adminPath === '/' ? 'active' : '' %>">Dashboard</a>
    <a href="/admin/products" class="<%= adminPath.startsWith('/products') ? 'active' : '' %>">Products</a>
    <a href="/admin/categories" class="<%= adminPath.startsWith('/categories') ? 'active' : '' %>">Categories</a>
    <a href="/admin/orders" class="<%= adminPath.startsWith('/orders') ? 'active' : '' %>">Orders</a>
    <a href="/admin/customers" class="<%= adminPath.startsWith('/customers') ? 'active' : '' %>">Customers</a>
    <a href="/admin/coupons" class="<%= adminPath.startsWith('/coupons') ? 'active' : '' %>">Discounts</a>
    <a href="/admin/messages" class="<%= adminPath.startsWith('/messages') ? 'active' : '' %>">Messages</a>
    <a href="/admin/reviews" class="<%= adminPath.startsWith('/reviews') ? 'active' : '' %>">Reviews</a>
    <a href="/admin/testimonials" class="<%= adminPath.startsWith('/testimonials') ? 'active' : '' %>">Testimonials</a>
    <a href="/admin/settings" class="<%= adminPath.startsWith('/settings') ? 'active' : '' %>">Settings</a>
  </nav>
