<!DOCTYPE html>
<html lang="en" data-bs-theme="dark" data-bs-core="elegant">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>{% block title %}Admin Panel{% endblock %} - {{app_version}}</title>

  <link rel="icon" href="{{ url_for('static', filename='images/favicons/favicon-32x32.png') }}" type="image/png">

  <!-- Halfmoon CSS -->
  <link href="https://cdn.jsdelivr.net/npm/halfmoon@2.0.2/css/halfmoon.min.css" rel="stylesheet" integrity="sha256-RjeFzczeuZHCyS+Gvz+kleETzBF/o84ZRHukze/yv6o=" crossorigin="anonymous">

  <!-- Google Font -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Martian+Mono:wght@300;400;500;700&display=swap">

  <!-- Custom CSS -->
  <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">

</head>

<body class="ps-xxl-sbwidth">

  <!-- Top navbar (mobile) -->
  <nav class="navbar navbar-expand-xxl bg-body-tertiary border-bottom border-opacity-25 d-flex d-xxl-none">
    <div class="container-fluid">
      <a href="{{ url_for('main.dashboard') }}" class="navbar-brand">
        <img src="{{ url_for('static', filename='images/COC_Icon.png') }}" alt="icon" width="24" height="24"> Admin Panel
      </a>
      <button class="btn btn-secondary" type="button" data-bs-toggle="offcanvas" data-bs-target="#sidebar">
        <i class="fa-solid fa-bars"></i>
      </button>
    </div>
  </nav>

  {% include "bases/side_nav.html" %}

  {% if current_user.is_authenticated and not current_user.email_verification %}
    <div class="alert alert-warning" role="alert">
      Please verify your email to unlock all features.
      <form method="post" action="{{ url_for('auth.send') }}" style="display:inline">
        <button class="btn btn-sm btn-primary">Resend verification email</button>
      </form>
    </div>
  {% endif %}
  

  {% block body %}
  <!-- Page content goes here -->
  {% endblock %}

  <!-- Footer -->
  <footer class="text-center mt-auto mb-3 small text-muted">
      <p class="mb-0">&copy; 2025 <a href="/" class="text-reset text-decoration-none">Code of Conquest</a></p>
      <p class="mb-0"><span class="version">{{app_version}}</span></p>
  </footer>

  <!-- Bootstrap JS -->
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha256-CDOy6cOibCWEdsRiZuaHf8dSGGJRYuBGC+mjoJimHGw=" crossorigin="anonymous"></script>
  <!-- <script src="/static/halfmoon/halfmoon-1.1.1.min.js"></script> -->
  {% include "_flash_sticky.html" %}
  {% block scripts %}{% endblock %}
</body>
</html>
