{% extends 'base.html' %}

{% block title %}Mode d'emploi{% endblock %}
{% block content_title %}La Chariotte - mode d'emploi{% endblock %}

{% block content %}
{% load static %}
<div class="box">
	<p class="title">Comment ça va marcher ?</p>
    <p>Ci dessous 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> 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 %}