{% extends 'base.html' %}
{% load i18n lazysignup_tags %}

{% block title %}{% trans "Dashboard"%}{% endblock %}

{% block content %}
<div class="uk-section">
  <div class="uk-container">

    <div class="uk-flex uk-flex-center">
      <div class="uk-alert-primary" uk-alert>
        <a class="uk-alert-close" uk-close></a>
        <p style="padding-right: 10px">Watch the <a href="https://keenfootwear.wistia.com/medias/ld970jfi9o" target="_blank">tutorial video on creating catalogs!</a></p>
      </div>
    </div>

    <div class="uk-grid-match uk-child-width-expand" uk-grid>

      <div>
        <div class="uk-card uk-card-default uk-card-body">
          <h3 class="uk-card-title">{% trans "Catalogs" %}</h3>
          <ul class="uk-list">
            <li><a href="{% url 'catalogedit' %}">{% trans "New catalog" %}</a></li>
            <li><a href="{% url 'cataloglist' %}">{% trans "Catalog list" %}</a></li>
          </ul>
        </div>
      </div>

      <div>
        <div class="uk-card uk-card-default uk-card-body">
          <h3 class="uk-card-title">{% trans "Images" %}</h3>
          <ul class="uk-list">
            <li><a href="http://a.keen.procatalog.io/tools/downloader/">{% trans "Image downloader" %}</a></li>
            {% if not user|is_lazy_user %}
            <li><a href="http://a.keen.procatalog.io/images/upload">{% trans "Image uploader" %}</a></li>
            <li><a href="http://a.keen.procatalog.io/tools/status">{% trans "Image status" %}</a></li>
            {% endif %}
          </ul>
        </div>
      </div>

      {% if not user|is_lazy_user %}
      <div>
        <div class="uk-card uk-card-default uk-card-body">
          <h3 class="uk-card-title">{% trans "Tools" %}</h3>
          <ul class="uk-list">
            <li><a href="http://a.keen.procatalog.io/tools/regionizer/">{% trans "Region editor" %}</a></li>
          </ul>
        </div>
      </div>
      {% endif %}

    </div>
  </div>
</div>
{% endblock %}