<!DOCTYPE html>
<html lang="ko" class="dark">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>{% block title %}신라 AMP{% endblock %}</title>
  <script src="https://cdn.tailwindcss.com"></script>
  <script>
    tailwind.config = {
      darkMode: 'class',
      theme: {
        extend: {
          fontFamily: {
            sans: ['Inter', 'sans-serif']
          }
        }
      }
    };
  </script>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet" />
</head>
<body class="bg-gradient-to-br from-gray-900 via-gray-800 to-black text-white min-h-screen font-sans">

  <!-- 상단 헤더 -->
  <header class="p-4 border-b border-gray-700 flex justify-between items-center">
    <h1 class="text-xl font-bold">신라대학교 AMP 제8기</h1>
    {% if user.is_authenticated %}
      <div class="text-sm text-gray-300">
        {{ user.email }}님 |
        <a href="{% url 'account_logout' %}" class="text-red-400 hover:text-red-500">로그아웃</a>
      </div>
    {% else %}
      <div class="text-sm space-x-4">
        <a href="{% url 'account_login' %}" class="text-blue-400 hover:text-blue-500">로그인</a>
        <a href="{% url 'account_signup' %}" class="text-green-400 hover:text-green-500">회원가입</a>
      </div>
    {% endif %}
  </header>

  <!-- 콘텐츠 블럭 -->
  <main class="p-6">
    {% block content %}{% endblock %}
  </main>

</body>
</html>
