<!DOCTYPE html>
<html lang="<?= Language::getLocale() ?>">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title><?= e($pageTitle ?? 'CARGOO - Online Shopping') ?></title>
  
  <link rel="icon" type="image/png" href="<?= asset('/assets/images/brand/logo2-blue.png') ?>">

  <!-- Bootstrap 5 CSS & Bootstrap Icons -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet">
  
  <!-- CARGOO Design System -->
  <link href="<?= asset('/assets/css/app.css') ?>" rel="stylesheet">
</head>
<body class="auth-body d-flex flex-column min-vh-100 justify-content-between">
  <!-- Top Minimal Utility Header (Language Switcher & Back Link, No Duplicate Logo) -->
  <header class="auth-header py-2">
    <div class="container d-flex justify-content-between align-items-center">
      <a href="<?= url('/') ?>" class="text-muted small text-decoration-none d-inline-flex align-items-center gap-1">
        <i class="bi bi-arrow-left"></i> <span><?= Language::getLocale() === 'th' ? 'หน้าแรก' : 'Home' ?></span>
      </a>
      
      <div class="d-flex align-items-center gap-2">
        <div class="dropdown">
          <button class="btn btn-sm btn-outline-secondary dropdown-toggle rounded-pill px-3" type="button" data-bs-toggle="dropdown" aria-expanded="false">
            <i class="bi bi-globe2 text-primary me-1"></i> <?= strtoupper(Language::getLocale()) ?>
          </button>
          <ul class="dropdown-menu dropdown-menu-end shadow-sm border-0 rounded-3">
            <li><a class="dropdown-item <?= Language::getLocale() === 'th' ? 'active fw-bold' : '' ?>" href="<?= Language::switchUrl('th') ?>"><span class="badge bg-secondary-subtle text-secondary small border me-1">TH</span> ภาษาไทย</a></li>
            <li><a class="dropdown-item <?= Language::getLocale() === 'en' ? 'active fw-bold' : '' ?>" href="<?= Language::switchUrl('en') ?>"><span class="badge bg-secondary-subtle text-secondary small border me-1">EN</span> English</a></li>
          </ul>
        </div>
      </div>
    </div>
  </header>

  <!-- Auth Content Container -->
  <main class="container my-auto py-2 py-md-3">
    <div class="row justify-content-center">
      <div class="col-12 col-sm-10 col-md-8 col-lg-5" style="max-width: 420px;">
        <?php require __DIR__ . '/../components/alerts.php'; ?>
        <?= $content ?>
      </div>
    </div>
  </main>

  <!-- Bottom Minimal Footer -->
  <footer class="auth-footer py-2 text-center text-muted small">
    <div class="container text-wrap px-3">
      <span>&copy; <?= date('Y') ?> CARGOO. All rights reserved.</span>
      <span class="mx-1">•</span>
      <a href="<?= url('/') ?>" class="text-muted text-decoration-none hover-primary">หน้าแรก</a>
    </div>
  </footer>

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
  <script src="<?= asset('/assets/js/app.js') ?>"></script>
</body>
</html>

