{% extends 'base.html' %}

{% block title %}Tableau de bord{% endblock %}
{% block content_column_class%}is-10{% endblock %}

{% block content %}
{% load static %}

<p class="desktop-hidden mobile-content-title">
  {% block content_title %}{% endblock %}
</p>
{% if user.is_authenticated %}
<div class="buttons is-centered mt-3">
  <a class="button is-primary" href="{% url 'order:index' %}">
    <i class="fa fa-shopping-basket mr-3" aria-hidden="true"></i>Mes commandes groupées
  </a>
</div>
{% else %}
<div class="columns is-centered">
  <div class="column is-10">
    <div class="box has-text-centered">
      <p class="title">La Chariotte, gestion de commandes groupées</p>
      <div class="buttons is-centered">
        <a class="button is-info" href="{% url 'notice' %}">
          <i class="fa fa-book mr-3" aria-hidden="true"></i>Manuel d'utilisation
        </a>
        <a class="button is-info" href="{% url 'about_chariotte' %}">
          <i class="fa fa-info-circle mr-3" aria-hidden="true"></i>En savoir plus
        </a>
        <a class="button is-info" href="{% url 'faq' %}">
          <i class="fa fa-question mr-3" aria-hidden="true"></i>Foire Aux Questions
        </a>
      </div>
    </div>
  </div>
</div>
{% endif %}
<div class="columns is-centered">
  <div class="column is-half has-text-centered">
    <div class="box full-height">
      <p class="subtitle">Rejoindre une commande groupée</p>
      <form method="post">
        {% csrf_token %}
        {% for error in form.code.errors %}
        <p class="help is-danger">{{ error }}</p>
        {% endfor %}
        <div class="field has-addons is-justify-content-center">
          <div class="control">
            <input name="code" class="input {% if form.code.errors %}is-danger{% endif %}" placeholder="Code à 6 caractères" type="text">
          </div>
          <div class="control">
            <input class="button is-primary" type="submit" value="Rejoindre">
          </div>
        </div>
      </form>
    </div>
  </div>
</div>
{% endblock %}