{% extends "base.html" %}
{% block title %}Dashboard{% endblock %}
{% block content %}
<div class="split">
  <section class="card">
    <h2>Create site</h2>
    <form method="post" action="/dashboard/create/">
      {% csrf_token %}
      {{ form.as_p }}
      <p class="hint">Templates are loaded from <code>templates/template_1</code> … <code>template_4</code>.</p>
      <button class="button" type="submit">Generate site</button>
    </form>
  </section>
  <section class="card">
    <h2>Your generated sites</h2>
    {% if sites %}
      <ul class="list">
        {% for site in sites %}
          <li class="list-item">
            <div>
              <strong>{{ site.business_name }}</strong>
              <p>{{ site.template_option.name }} | {{ site.status }}</p>
            </div>
            <a class="button small" href="/dashboard/sites/{{ site.id }}/">View</a>
          </li>
        {% endfor %}
      </ul>
    {% else %}
      <p>No sites generated yet.</p>
    {% endif %}
  </section>
</div>
{% endblock %}