{% extends "_base.html" %} {% block title %}Admin Dashboard{% endblock %} {%
block heading %}Admin Dashboard{% endblock %} {% block extra_styles %}
<link rel="stylesheet" href="/static/css/admin.css" /> {% endblock %} {% block
content %}
<div id="message"></div>
<div class="stats">
  <div class="stat-card">
    <h3 id="contact-count">--</h3>
    <p>Contact Submissions</p>
  </div>
  <div class="stat-card">
    <h3 id="newsletter-count">--</h3>
    <p>Newsletter Subscribers</p>
  </div>
  <div class="stat-card">
    <h3 id="settings-count">--</h3>
    <p>App Settings</p>
  </div>
</div>

<div class="dashboard-grid">
  <div class="dashboard-card">
    <h2>Contact Form Submissions</h2>
    <p>View and manage contact form submissions from your website visitors.</p>
    <a href="/admin/submissions">Manage Submissions</a>
  </div>

  <div class="dashboard-card">
    <h2>Newsletter Subscribers</h2>
    <p>
      Manage newsletter subscriptions and send newsletters to your subscribers.
    </p>
    <a href="/admin/newsletter">Manage Subscribers</a>
  </div>

  <div class="dashboard-card">
    <h2>Application Settings</h2>
    <p>Configure application settings and environment variables.</p>
    <a href="/admin/settings">Manage Settings</a>
  </div>

  <div class="dashboard-card">
    <h2>Create Newsletter</h2>
    <p>Create and send newsletters to your subscribers.</p>
    <a href="/admin/newsletter/create">Create Newsletter</a>
  </div>

  <div class="dashboard-card">
    <h2>Embeddable Forms</h2>
    <p>
      Instructions for embedding contact and newsletter forms on other websites.
    </p>
    <a href="/admin/embeds">View Embed Codes</a>
  </div>
</div>

<div class="logout">
  <a href="/auth/logout">Logout</a>
</div>
{% endblock %}{% block extra_scripts %}
<script src="/static/js/admin.js"></script>
<script>
  // Load stats when page loads
  if (typeof window.admin.loadDashboardStats === "function") {
    window.admin.loadDashboardStats();
  }
</script>
{% endblock %}