{% extends 'base.html' %}

{% block title %}FAQ{% endblock %}

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

<p class="desktop-hidden mobile-content-title">
    {% block content_title %}La Chariotte - Facile A Qomprendre{% endblock %}
  </p>
<div class="box">
	<div class="accordion">
    <article class="message">
			<div class="message-header">
				<p>C'est quoi l'outil la Chariotte ?</p>
				<a>
					<span class="icon">
					<i class="fa fa-angle-down" aria-hidden="true"></i>
					</span>
				</a>
			</div>
			<div class="message-body">
				La Chariotte c'est une application web qui permet de simplifier la gestion et l'organisation de commandes groupées. 
				Voyez ça comme un excel amélioré spécifique aux besoins de l'organisation d'une commande groupée.
			</div>
		</article>
		<article class="message">
			<div class="message-header">
				<p>C'est quoi la Chariotte plus largement ?</p>
				<a>
					<span class="icon">
					<i class="fa fa-angle-down" aria-hidden="true"></i>
					</span>
				</a>
			</div>
			<div class="message-body">
				C'est avant tout un logiciel libre dont vous pouvez utiliser l'instance officielle sur chariotte.fr. 
				C'est aussi le nom de l'association responsable de la maintenance de ce logiciel. Tous bénévoles, 
				les membres de la Chariotte font vivre et améliorent continuellement l'outil pour répondre à vos besoins.
			</div>
		</article>
		<article class="message">
			<div class="message-header">
				<p>Faut-il faire partie de l'asso pour utiliser la chariotte ?</p>
				<a>
					<span class="icon">
					<i class="fa fa-angle-down" aria-hidden="true"></i>
					</span>
				</a>
			</div>
			<div class="message-body">
				Non !
			</div>
		</article>
		<article class="message">
			<div class="message-header">
				<p>Puis-je rejoindre l'association ?</p>
				<a>
					<span class="icon">
					<i class="fa fa-angle-down" aria-hidden="true"></i>
					</span>
				</a>
			</div>
			<div class="message-body">
				Bien sûr et avec grand plaisir ! 
				Si vous êtes intéressés pour rejoindre cette aventure, 
				contactez-nous sur <a href="mailto:{% settings_value "CONTACT_MAIL" %}">contact@chariotte.fr</a>.
			</div>
		</article>
		<article class="message">
			<div class="message-header">
				<p>C'est quoi un logiciel libre ?</p>
				<a>
					<span class="icon">
					<i class="fa fa-angle-down" aria-hidden="true"></i>
					</span>
				</a>
			</div>
			<div class="message-body">
				La Chariotte est développée sous licence libre Affero GPL.
				 Cela signifie que vous pouvez <a href="{% settings_value "GITLAB_LINK" %}">aller voir le code</a> 
				 si vous êtes curieux, y contribuer si vous êtes motivé·e, ou même créer votre propre instance si vous le souhaitez !
			</div>
		</article>
		<article class="message">
			<div class="message-header">
				<p>C'est quoi une commande groupée ? Ça s'organise comment ?</p>
				<a>
					<span class="icon">
					<i class="fa fa-angle-down" aria-hidden="true"></i>
					</span>
				</a>
			</div>
			<div class="message-body">
				C'est la mise en relation ponctuelle d'un producteur, ou plutôt ses produits, 
				avec des particuliers, pour permettre une consommation en circuit court et hors 
				des modes de consommation de masse conventionnels.
				<br><br>
				Pour faire simple, imaginons que vous connaissiez l'apicultrice du coin et que plusieurs de 
				vos voisins vous aient dit être prêts à acheter du miel. 
				Vous pouvez alors commander 40 pots de miel à votre amie et les redistribuer à tout le quartier, 
				tout ça en un seul voyage !
			</div>
		</article>
		<article class="message">
			<div class="message-header">
				<p>Quelle est la différence avec une AMAP ?</p>
				<a>
					<span class="icon">
					<i class="fa fa-angle-down" aria-hidden="true"></i>
					</span>
				</a>
			</div>
			<div class="message-body">
				Dans les faits, la plupart des AMAPs fonctionnent sur la base de commandes 
				groupées régulières et à destination d'un public d'adhérents fixe.
			</div>
		</article>
		<article class="message">
			<div class="message-header">
				<p>Quel est l'avantage de la Chariotte par rapport au logiciel de mon AMAP ?</p>
				<a>
					<span class="icon">
					<i class="fa fa-angle-down" aria-hidden="true"></i>
					</span>
				</a>
			</div>
			<div class="message-body">
				Nous avons conçu la Chariotte spécifiquement pour répondre aux besoins des 
				organisateurs et des participants à une commande groupée, en particulier des commandes groupées ponctuelles.
				Il s'agit d'un outil spécialisé dont la seule ambition est de simplifier la vie de ses utilisateurs. 
				Libre à vous d'évaluer vos options et de choisir l'outil qui convient le mieux à votre organisation.
			</div>
		</article>
		<article class="message">
			<div class="message-header">
				<p>Je veux organiser une commande groupée, où est-ce que je trouve des producteurs ?</p>
				<a>
					<span class="icon">
					<i class="fa fa-angle-down" aria-hidden="true"></i>
					</span>
				</a>
			</div>
			<div class="message-body">
				La Chariotte ne fournit pour l'instant pas de liste de producteurs ; 
				c'est une bonne occasion de faire connaissance avec ceux près de chez vous !
			</div>
		</article>
		<article class="message">
			<div class="message-header">
				<p>Suis-je obligé de créer un compte pour commander ?</p>
				<a>
					<span class="icon">
					<i class="fa fa-angle-down" aria-hidden="true"></i>
					</span>
				</a>
			</div>
			<div class="message-body">
				La création d'un compte n'est obligatoire que pour les utilisateurs souhaitant organiser 
				leurs propres commandes groupées. La participation à une commande existante 
				se veut à destination du plus grand nombre et ne nécessite donc pas de compte sur le site.
			</div>
		</article>
		<article class="message">
			<div class="message-header">
				<p>Comment puis-je soutenir la Chariotte ?</p>
				<a>
					<span class="icon">
					<i class="fa fa-angle-down" aria-hidden="true"></i>
					</span>
				</a>
			</div>
			<div class="message-body">
				<p>Dons, bénévolat, retour utilisateur, communication de l'outil (Connaissez-vous un CE, 
					une association de quartier, un groupe d'amis que cela pourrait intéresser ?)</p>
				<p>Nous sommes une jeune association, et nous avons besoin de trois choses : de la visibilité, 
					des retours d'utilisateurs et un peu d'argent !</p>
				<p>Vous pouvez nous rejoindre sur les réseaux (Facebook, Mastodon, LinkedIn) pour aimer 
					et partager nos posts, ou encore parler de la Chariotte à vos amis !</p>
				<p>Si vous saisissez une occasion d'utiliser la Chariotte, nous avons besoin de vous ! 
					N'hésitez pas à nous faire un rapport de votre expérience de la Chariotte en pointant 
					les bons et les mauvais côtés de l'application.</p>
				<p>Si le projet vous parle et que vous avez envie de nous soutenir de manière plus significative 
					encore, nous avons besoin d'un peu d'argent de poche pour soutenir les frais de l'association ; 
					par ici pour en savoir plus (TODO insérer lien campagne de dons).</p>
				<p>Et enfin, si vous souhaitez en savoir plus sur l'association en elle-même et que vous 
					souhaitez faire partie intégrante du projet, la Chariotte est à la recherche de bénévoles motivé·e·s !
					 N'hésitez pas à nous écrire un mot sur contact@chariotte.fr pour en savoir plus et rentrer en contact directement avec nous.</p>
			</div>
		</article>
	</div>
</div>
{% endblock %}


<script>
{% block extra_js %}
	document.addEventListener('DOMContentLoaded', () => {
		var acc = document.getElementsByClassName("message-header");
		var i;
		
		for (i = 0; i < acc.length; i++) {
			acc[i].addEventListener("click", function() {
				/* Toggle between adding and removing the "active" class,
				to highlight the button that controls the panel */
				this.classList.toggle("active");
		
				/* Toggle between hiding and showing the active panel */
				var panel = this.nextElementSibling;
				if (panel.style.display === "block") {
					panel.style.display = "none";
				} else {
					panel.style.display = "block";
				}
			});
		} 
		
	});

{% endblock %}
</script>