{% extends 'base' %}{% block title %} Dashboard{% endblock title %} {% block nav
%} {% include "auth_nav" %} {% endblock nav %} {% block main %}

<main class="sites__main">
  <div class="sites__collection">
    <div class="sites__actions">
      <a class="sites__actions__new-site" href="{{ page.dash.site.add }}">
        <button>Add New Site</button>
      </a>
    </div>
    {% if payload|length > 0 %}
      {% for deployment in payload %}
        <a href="{{ deployment.view }}" class="site__container">
          <div class="site__info--head">
            <img
              class="site__container--preview"
              src="{{ deployment.site.hostname }}/favicon.ico"
              alt="Website icon"
            />
            <div class="site__info--column">
              <p><b>{{ deployment.site.hostname }}</b></p>
              <p>Deploys from {{ deployment.site.repo_url }}</p>
            </div>
          </div>
          {% if deployment.last_update %}
            <div class="site__info--tail">
              <p>Last update {{ deployment.last_update.time }}</p>
            </div>
          {% endif %}
        </a>
      {% endfor %}
    {% else %}
    <p class="sites__banner">Nothing to show, click <a href="{{page.dash.site.add}}">here</a> to get started!</p>
    {% endif %}
  </div>
</main>

{% endblock main %}