{{define "base"}}
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>{{.Title}} - Mosis Developer Portal</title>
  <script src="https://cdn.tailwindcss.com"></script>
  <script src="https://unpkg.com/htmx.org@1.9.10"></script>
  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
  <style>
    .htmx-indicator { display: none; }
    .htmx-request .htmx-indicator { display: inline; }
    .htmx-request.htmx-indicator { display: inline; }
  </style>
</head>
<body class="bg-gray-50 min-h-screen" hx-boost="true">
  {{if .Developer}}
  {{template "navbar" .}}
  {{end}}

  <main class="{{if .Developer}}container mx-auto px-4 py-8{{end}}">
    {{template "content" .}}
  </main>

  {{template "scripts" .}}
</body>
</html>
{{end}}

{{define "scripts"}}
<!-- Page-specific scripts can go here -->
{{end}}
