{% extends 'base.html' %}

{% block title %}Mode d'emploi{% endblock %}

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

<p class="desktop-hidden mobile-content-title">
    {% block content_title %}La Chariotte - mode d'emploi{% endblock %}
  </p>
<div class="box">
    <p>Voilà un petit dessin pour vous expliquer le déroulé d'une commande groupée. Tout ne sera pas possible dès les première versions, mais on va vers là !</p>
    <figure class="image is-16by9">
        <img src="{% static 'img/notice_1.jpg' %}"/>
    </figure>
    <figure class="image is-16by9">
        <img src="{% static 'img/notice_2.jpg' %}"/>
    </figure>
    <figure class="image is-16by9">
        <img src="{% static 'img/notice_3.jpg' %}"/>
    </figure>
	<p><strong>Pour rejoindre une commande groupée,</strong> vous devez avoir reçu un lien par un organisateur ou une organisatrice de commande. 
	Si c'est le cas, vous pouvez coller ce lien dans la barre de navigation en haut de l'écran !</p>
    <p><strong>Pour créer une commande groupée,</strong> rendez-vous sur <a href="{% url 'order:create_grouped_order' %}">cette page !</a></p>
</div>
{% endblock %}