{% extends 'base.html' %}

{% load bootstrap3 %}
{% load static %}

{% block content %}

  <div class="page-header">
    <h1>
      Documentation
    </h1>
  </div>

  {% comment %}
Utilisation des icônes d'information :

Conseil : <span class="text-info"><span class="glyphicon glyphicon-info-sign"></span>  CONSEIL </span>
Informations supplémentaires : <span class="text-warning"><span class="glyphicon glyphicon-exclamation-sign"></span> INFO </span>
Avertissement : <span class="text-danger"><span class="glyphicon glyphicon-warning-sign"></span> AVERTISSEMENT </span>

{% endcomment %}

  <div class="panel panel-info" id="introduction">
    <div class="panel-heading">
      <h4>Introduction</h4>
    </div>
    <div class="panel-body">
      <p>Cette documentation a pour but de décrire les différentes possibilités offertes par la
        billetterie INP-net aux organisateurs d'évènements.</p>
      <p>Si vous avez encore des questions ou souhaitez des compléments d'information technique
        sur la billetterie, n'hésitez pas à nous contacter :
      </p>
      <ul>
        <li>Par l'onglet d'assistance</li>
        <li>Par mail (<a href="https://www.bde.inp-toulouse.fr/contact">Contact mail</a>)</li>
      </ul>
    </div>
    <a href="#" class="pull-right"><small>Haut de la page</small></a>
  </div>

  <div class="panel panel-warning" id="avertissement">
    <div class="panel-heading">
      <h4>Avertissement</h4>
    </div>
    <div class="panel-body">
      <p>La billetterie est un outil d'aide à l'organisation d'évènement. Les organisateurs
        restent libres d'utiliser tout ou partie des fonctionnalités de la billetterie. INP-net
        ne pourra pas être considéré comme (co)organisateur des évènements, ou comme responsable d'une
        mauvaise utilisation de la billetterie.</p>
      <p>La billetterie est développée, maintenue et hébergée par des bénévoles sur leur temps libre.
        Merci d'en tenir compte lors de vos échanges.</p>
    </div>
    <a href="#" class="pull-right"><small>Haut de la page</small></a>
  </div>

  <div class="panel panel-info" id="sommaire">
    <div class="panel-heading">
      <h4>Sommaire</h4>
    </div>
    <div class="panel-body">
      <ul>
        <li><a href="#fonctionnement-billetterie">Fonctionnement général de la Billetterie</a></li>
        <li><a href="#compte-utilisateur">Compte utilisateur</a></li>
        <li><a href="#configuration-evenement">Configuration d'un évènement</a></li>
        <li><a href="#configuration-billet">Configuration des billets</a></li>
        <li><a href="#configuration-options-seule">Configuration des options seules</a></li>
        <li><a href="#configuration-groupes-options">Configuration des groupes d'options</a></li>
        <li><a href="#configuration-informations-supplementaires">Configuration des informations supplémentaires</a>
        </li>
        <li><a href="#gestion-administrateurs">Gestion des administrateurs</a></li>
        <li><a href="#parrainage">Fonctionnement du parrainage</a></li>
        <li><a href="#paypal">Paiement par PayPal</a></li>
        <li><a href="#lydia">Paiement par Lydia</a></li>
        <li><a href="#template-billet">Templates des billets</a></li>
        <li><a href="#export">Export des données d'un évènement</a></li>
        {% comment %}
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        {% endcomment %}
      </ul>
    </div>
    <a href="#" class="pull-right"><small>Haut de la page</small></a>
  </div>

  <div class="panel panel-info" id="fonctionnement-billetterie">
    <div class="panel-heading">
      <h4>Fonctionnement général de la Billetterie</h4>
    </div>
    <div class="panel-body">
      <b>Évènement</b>
      <p>La billetterie permet de gérer plusieurs évènements. Chaque évènement peut avoir plus ou moins de visibilité
        en fonction du public visé (soirée étudiante, gala, conférence, activité de club...).</p>
      <b>Billet</b>
      <p>Un billet correspond à un type de place que les utilisateurs de la billetterie vont pouvoir acheter.
        Il est possible de restreindre l'accès à un billet en fonction de la promotion, de l'adhésion aux associations
        ou
        de l'école. Chaque billet peut posséder des options qui peuvent modifier le prix de celui-ci.</p>
      <b>Préréservation et réservation</b>
      <p>Une (pré)réservation est créée quand un utilisateur choisit un billet ou qu'un administrateur donne un billet à
        un utilisateur.
        Chaque utilisateur ne peut avoir qu'au plus une (pré)réservation à son nom par évènement. Les utilisateurs ont
        aussi
        la possibilité de (pré-)réserver des places pour d'autres personnes grâce à un système de parrainage.</p>
      <b>Préréservation</b>
      <p>Une préréservation est définie quand un utilisateur choisit un billet avec les options correspondantes.
        Cette préréservation deviendra une réservation quand elle sera marquée comme ayant été payée par un
        administrateur ou par un système de
        paiement en ligne. Une préréservation ne contient aucun engagement et peut donc être supprimée par
        l'organisateur
        ou l'utilisateur. Les options choisies dans une préréservation ne peuvent pas être modifiées.</p>
      <b>Réservation</b>
      <p>Une réservation est définie quand un utilisateur paye sa préréservation ou que le prix de la réservation est
        nul.
        Une préréservation n'est pas annulable, mais peut être mise en opposition. La mise en opposition invalide la
        place, mais
        permet de conserver la preuve d'une transaction. Une réservation qui n'est pas invalidée permet normalement au
        participant
        d'accéder à l'évènement. Si un template de billet est disponible pour le billet associé à la réservation, le
        participant
        pourra imprimer son billet que vous pourrez valider à l'entrée de l'évènement. Il est également possible de
        sortir les listes
        des réservations pour gérer les entrées manuellement.</p>
    </div>
    <a href="#" class="pull-right"><small>Haut de la page</small></a>
  </div>

  <div class="panel panel-info" id="compte-utilisateur">
    <div class="panel-heading">
      <h4>Compte utilisateur</h4>
    </div>
    <div class="panel-body">
      <p>La billetterie gère deux types de comptes : </p>
      <ul class="list-group">
        <li class="list-group-item">
          <b>Compte INP-net</b>
          <p>Les comptes INP-net sont des comptes créés pour les étudiants de Toulouse INP. Ils sont
            créés lors de l'inscription aux associations étudiantes ou sur demande. Chaque compte dispose
            d'un login composé des six premières lettres du nom et de la première lettre du prénom. Ces comptes
            sont vérifiés et peuvent disposer d'avantages. Les informations permettant de calculer les avantages
            sont importées lors de la connexion de l'utilisateur.</p>
        </li>
        <li class="list-group-item">
          <b>Compte Extérieur</b>
          <p>Les comptes extérieurs sont des comptes créés directement sur la billetterie. Ils peuvent être
            créés à partir d'une simple adresse email. Ils ne sont pas vérifiés par INP-net.</p>
        </li>
      </ul>
      <b>Suppression des Comptes Extérieurs</b>
      <p>Les personnes ayant un compte extérieur ont la possibilité de supprimer leur compte 30 jours après
        le dernier évènement pour lequel elles ont un billet. Les comptes supprimés apparaîtront avec la
        mention "Anonyme" dans la liste des participants.
    </div>
    <a href="#" class="pull-right"><small>Haut de la page</small></a>
  </div>

  <div class="panel panel-info" id="configuration-evenement">
    <div class="panel-heading">
      <h4>Configuration d'un évènement</h4>
    </div>
    <div class="panel-body">
      <b>Créer un évènement</b>
      <p>Le formulaire de création d'évènements est disponible aux membres du bureau
        d'un club dans l'une des associations étudiantes de Toulouse INP. Un bouton
        <button class="btn btn-success btn-xs">Annoncer un évènement</button>
        est alors disponible
        en haut à droite de la <a href="{% url 'list-events' %}">liste des évènements</a>.
      </p>
      <p>Si vous ne pouvez pas accéder au formulaire, demander à quelqu'un qui possède les droits de le créer
        pour vous et de vous donner les droits de gestion.</p>

      <b>Éditer un évènement</b>
      <p>Pour modifier les informations d'un évènement, rendez-vous sur la page détaillant l'évènement.
        Un bouton
        <button class="btn btn-success btn-xs">Éditer</button>
        est disponible en haut à droite si vous êtes
        administrateur de l'évènement.
      </p>

      <b>Description du formulaire</b>
      <ul class="list-group">
        <li class="list-group-item">
          <b>Nom de l'évènement</b>
          <p>Ce champ définit le nom de l'évènement tel qu'il sera visible dans la liste des évènements. Lors de la
            création
            de l'évènement, ce champ sert également à la génération de l'url associée à l'évènement. <br/>
            <span class="text-warning"><span class="glyphicon glyphicon-exclamation-sign"></span> L'url d'un évènement
           ne peut pas être modifiée par la suite.</span></p>
        </li>
        <li class="list-group-item">
          <b>Date et heure de début</b>
          <p>Ce champ informe les clients de la date et de l'heure de début de l'évènement.</p>
        </li>
        <li class="list-group-item">
          <b>Date et heure de fin</b>
          <p>Ce champ informe les clients de la date et de l'heure de fin de l'évènement.
            Elle doit être après la date et l'heure de début. Une fois cette date passée,
            votre évènement sera déplacé dans la <a href="{% url 'list-past-events' %}">liste des évènements passés</a>.
          </p>
        </li>
        <li class="list-group-item">
          <b>Description de l’évènement</b>
          <p>Ce champ vous permet de décrire votre évènement, le lieu, les activités proposées, etc.
            Il sera affiché sur la page d'accueil et sur la page de détails de l'évènement.</p>
        </li>
        <li class="list-group-item">
          <b>Email de contact de l'organisation (assistance aux participants)</b>
          <p>Ce champ doit contenir une adresse email. Les participants pourront vous contacter à cette adresse
            s’ils ont des questions sur votre évènement.</p>
        </li>
        <li class="list-group-item">
          <b>Message envoyé par email avec les billets</b>
          <p>Lorsqu'un participant termine la procédure d'achat et a fourni toutes les informations nécessaires
            à l'évènement, un mail lui est envoyé. Si un template de billet est fourni, un billet est généré et est
            joint à ce message. Ce champ permet de personnaliser le texte contenu dans ce message.
        </li>
        <li class="list-group-item">
          <b>Description des autres moyens de paiement acceptés que PayPal</b>
          <p>Cette description indique au participant les moyens de paiement autre que PayPal que vous leur
            proposez pour payer leur place.</p>
        </li>
        <li class="list-group-item">
          <b>Description des conditions d’utilisation de la billetterie</b>
          <p>Ce champ doit contenir vos conditions d'accès à l'évènement. Les participants devront les accepter
            lors de leur réservation.</p>
        </li>
        <li class="list-group-item">
          <b>Nombre de parrainages autorisés par personne (0 = pas de parrainage)</b>
          <p>Ce champ défini le nombre de billets que peut prendre un utilisateur pour d'autres personnes.
            Voir la section <a href="#parrainage">Parrainage</a> pour plus d'information.</p>
        </li>
        <li class="list-group-item">
          <b>Nombre de billets maximum pour l'évènement (0 = illimité)</b>
          <p>Ce champ permet de limiter le nombre total de tickets vendus sur l'évènement. Une fois le nombre de tickets
            atteint,
            les utilisateurs ne pourront plus préréserver de place ni payer leurs préréservations. <br/><span
                    class="text-danger">
           <span class="glyphicon glyphicon-warning-sign"></span> Si l'évènement propose PayPal comme moyen de paiement,
           il est possible que plusieurs utilisateurs effectuent et valident leur paiement par PayPal au même moment,
           il peut donc y avoir plus de billets vendus que de places disponibles. <br/>
           <span class="glyphicon glyphicon-warning-sign"></span> Les administrateurs de l'évènement peuvent également
           dépasser cette limite.</span></p>
        </li>
        <li class="list-group-item">
          <b>Email du compte PayPal associé à l’évènement</b>
          <p>Sélectionnez le compte PayPal qui recevra les transactions. Vous pouvez également désactiver PayPal en
            sélectionnant
            l'option correspondante. Voir la section <a href="#paypal">PayPal</a> pour plus d'informations sur le
            paiement par PayPal.</p>
        </li>
        <li class="list-group-item">
          <b>Confidentialité de l’évènement</b>
          <p>Ce choix permet de sélectionner la visibilité de l'évènement pour les utilisateurs de la billetterie.</p>
          <table class="table table-bordered table-hover">
            <thead>
            <tr>
              <th>Visibilité</th>
              <th>Description</th>
            </tr>
            </thead>
            <tbody>
            <tr>
              <td>Évènement public</td>
              <td>L'évènement sera visible pour tous les utilisateurs, même les utilisateurs non connectés.</td>
            </tr>
            <tr>
              <td>Évènement réservé aux membres connectés</td>
              <td>L'évènement sera visible pour tous les utilisateurs connectés, avec un compte extérieur ou INP-net
              </td>
            </tr>
            <tr>
              <td>Évènement privé (restriction par club)</td>
              <td>L'évènement ne sera visible que par les utilisateurs qui peuvent prendre un billet. <br/>
                <span class="text-danger"><span class="glyphicon glyphicon-warning-sign"></span>
                  Si vous créez un ticket sans restriction, cela revient à mettre l'évènement en réservé.</span>
              </td>
            </tr>
            <tr>
              <td>Évènement caché (non listé)</td>
              <td>Seuls les administrateurs de l'évènement pourront le voir dans la liste des évènements. Il faut
                disposer du lien et être
                connecté pour pouvoir accéder à la page de l'évènement. <br/><span class="text-danger">
                  <span class="glyphicon glyphicon-warning-sign"></span> Il existe des moyens de trouver
                  les évènements cachés. Ne choisissez pas cette option en pensant que l'url est un secret suffisant.</span>
              </td>
            </tr>
            </tbody>
          </table>
          <p><span class="text-info"><span class="glyphicon glyphicon-info-sign"></span> Nous vous recommandons de mettre votre évènement
           en privé le temps d'effectuer toutes les configurations nécessaire.</span></p>
        </li>
      </ul>
      <b>Annulation d'un évènement</b>
      <p>Aucune procédure ne permet actuellement de gérer l'annulation d'un évènement.</p>
    </div>
    <a href="#" class="pull-right"><small>Haut de la page</small></a>
  </div>

  <div class="panel panel-info" id="configuration-billet">
    <div class="panel-heading">
      <h4>Configuration des billets</h4>
    </div>
    <div class="panel-body">
      <p>Le seul moyen d'effectuer des transactions avec la billetterie est de créer des billets.
        Les utilisateurs de la billetterie auront la possibilité de préréserver un billet s’ils
        en vérifient les contraintes. Ils devront ensuite le payer pour que celui-ci soit valide.</p>
      <b>Créer un billet</b>
      <p>Pour créer un billet, rendez vous dans l'onglet
        <button type="button" class="btn btn-default btn-xs">
          <span class="text-info">Billets</span></button>
        de votre évènement. Si vous disposez de droits
        suffisants, un bouton
        <button class="btn btn-success btn-xs">Créer un billet</button>
        est disponible en haut à droite.
        Vous devrez ensuite choisir entre deux types de billets. <br/><span class="text-warning">
       <span class="glyphicon glyphicon-exclamation-sign"></span> Le type du billet ne peut pas être modifié
       à postériori.</span></p>
      <ul class="list-group">
        <li class="list-group-item">
          <b>Billet accessible à tous</b>
          <p>Ce type de billet est accessible à tout le monde, membre de Toulouse INP ou extérieur.<br/><span
                  class="text-danger">
           <span class="glyphicon glyphicon-warning-sign"></span> Si votre évènement est en visibilité Privé,
           cela revient rendra votre évènement visible à tous les utilisateurs connectés.</span></p>
        </li>
        <li class="list-group-item">
          <b>Billet soumis à restrictions</b>
          <p>Ce type de billet n’est pas accessible aux extérieurs (Uniquement compte INP-net) et les conditions d’accès
            peuvent être ajustées.</p>
        </li>
      </ul>
      <b>Modifier un billet</b>
      <p>Pour éditer un billet existant, rendez vous dans l'onglet
        <button class="btn btn-default btn-xs">
          <span class="text-info">Billets</span></button>
        de votre évènement. Sur le billet que vous souhaitez éditer,
        cliquez sur le bouton
        <button class="btn btn-primary btn-xs"><span class="glyphicon glyphicon-edit"></span>&#160;Détails</button>
        .
        Vous accéderez ainsi à une page détaillant le billet. Si vous disposez des droits nécessaires pour éditer le
        billet,
        un bouton
        <button class="btn btn-primary btn-xs"><span class="glyphicon glyphicon-edit"></span>&#160;Éditer</button>
        est disponible.
      </p>
      <b>Description du formulaire</b>
      <ul class="list-group">
        <li class="list-group-item">
          <b>Nom</b>
          <p>Indiquez le nom du billet. Il apparaîtra lors de la commande et sur le billet.</p>
        </li>
        <li class="list-group-item">
          <b>Remarques (courtes, liste des billets)</b>
          <p>Indiquez une courte description du billet et de ses avantages. Cette courte description sera
            affichée en dessous du billet sur la page de description de l'évènement.</p>
        </li>
        <li class="list-group-item">
          <b>Remarques (longues, page de confirmation)</b>
          <p>Indiquez une description détaillée du billet et de ses avantages. Cette description
            sera visible lors de la réservation du billet. Si aucune description n'est fournie, la
            description courte sera utilisée.</p>
        </li>
        <li class="list-group-item">
          <b>Prix (0 pour un billet gratuit)</b>
          <p>Indiquez le prix du billet. <br/> <span class="text-warning">
           <span class="glyphicon glyphicon-exclamation-sign"></span> Le prix du billet n'est plus éditable s'il
           existe une (pré)réservation avec ce billet.</span><br/>
            <span class="text-danger"><span class="glyphicon glyphicon-warning-sign"></span>
           Si le billet est gratuit, les réservations sont automatiquement validées. Il n'est alors pas possible de les supprimer.
           </span></p>
        </li>
        <li class="list-group-item">
          <b>Paiement en ligne possible</b>
          <p>Cochez si vous souhaitez que ce billet puisse être payé en ligne par PayPal.
            Les utilisateurs pourront payer sans prendre contact avec les organisateurs de l'évènement.
            <br/> <span class="text-warning"><span class="glyphicon glyphicon-exclamation-sign"></span>
           Cette case ne peut pas être cochée si aucun compte PayPal n'est associé à l'évènement. De même,
           si le compte PayPal est retiré de l'évènement, cette case est automatiquement décochée.</span></p>
        </li>
        <li class="list-group-item">
          <b>Nombre de places disponibles (0 = illimité)</b>
          <p>Définissez le nombre de places disponibles avec ce billet. Une fois le nombre de places atteint,
            les utilisateurs ne pourront plus préréserver de place et le paiement des préréservations sera
            bloqué. <br/>
            <span class="text-warning"><span class="glyphicon glyphicon-exclamation-sign"></span>
           Si cette option est utilisée avec l'option "Nombre de billets maximum pour l'évènement", la première limite
           a être atteinte bloque les préréservations et les paiements.</span><br/>
            <span class="text-danger"><span class="glyphicon glyphicon-warning-sign"></span>
           Si l'évènement propose PayPal comme moyen de paiement, il est possible que plusieurs
           utilisateurs effectuent et valident leur paiement par PayPal au même moment,
           il peut donc y avoir plus de billets vendus que de places disponibles. <br/>
           <span class="glyphicon glyphicon-warning-sign"></span> Les administrateurs de l'évènement peuvent également
           dépasser cette limite.</span>
          </p>
        </li>
        <li class="list-group-item">
          <b>Date limite d’achat (si prévente)</b>
          <p>Saisissez dans ce champ la date de fin de vente du billet. Une fois cette date passée, il ne sera plus
            possible
            de préréserver et de payer sa place pour ce billet. Ce champ peut être laissé vide pour ne pas activer
            cette contrainte.<br/>
            <span class="text-warning"><span class="glyphicon glyphicon-exclamation-sign"></span>
           Si la date de fin de prévente est après la date de fin de l'évènement, la valeur de ce champ est supprimée.
           </span><span class="text-danger"><br/>
           <span class="glyphicon glyphicon-warning-sign"></span> Les administrateurs de l'évènement peuvent
           continuer à valider le paiement après cette limite (avec un message d'avertissement)</span></p>
        </li>
        <li class="list-group-item">
          <b>Date début de vente</b>
          <p>Saisissez la date de début de vente du billet. Si aucune valeur n'est saisie, le billet est immédiatement
            disponible.
            <br/><span class="text-info"><span class="glyphicon glyphicon-info-sign"></span> Il est recommandé de mettre
           une date de début de vente pour vous laisser le temps de rentrer toutes les options que vous souhaitez sur le billet.
           Dès qu'une (pré)réservation est effectuée sur le billet, certaines actions deviennent impossibles.</span></p>
        </li>
        <li class="list-group-item">
          <b>Template du billet</b>
          <p>Importez une image qui sera utilisée pour la génération des billets. Un template au bon format est fourni
            en
            bas du formulaire. Plus d'informations dans la section <a href="#template-billet">Template des billets</a>.
          </p>
        </li>
        <li class="list-group-item">
          <b>Restriction par année</b>
          <span class="text-warning"><span class="glyphicon glyphicon-exclamation-sign"></span> Disponible uniquement
            pour les billets restreints.</span>
          <p>
            Cochez les promotions qui peuvent prendre ce billet. Les promotions sont calculées en fonction de l'année de
            sortie
            des utilisateurs disponibles dans la base de données INP-net et uniquement pour des cursus de 3 ans.
            Le billet sera accessible pour les personnes des promotions concernées en fonction de la date du début
            de l'évènement. Le changement de promotion a lieu au 1er septembre.<br/>
            <span class="text-warning"><span class="glyphicon glyphicon-exclamation-sign"></span> Si aucune case n'est cochée,
           aucune restriction ne sera appliquée sur l'année.</span></p>
          <table class="table table-bordered table-hover">
            <thead>
            <tr>
              <th>Date de début de l'évènement</th>
              <th>Année de sortie 1ère année</th>
              <th>Année de sortie 2ème année</th>
              <th>Année de sortie 3ème année</th>
              <th>Année de sortie diplômé</th>
              <th>Année de sortie diplômée des années précédentes</th>
            </tr>
            </thead>
            <tbody>
            <tr>
              <td>Entre le 1er septembre {{ yearp0|add:"-4" }} et le 31 août {{ yearp0|add:"-3" }}</td>
              <td>{{ yearp0|add:"-1" }}</td>
              <td>{{ yearp0|add:"-2" }}</td>
              <td>{{ yearp0|add:"-3" }}</td>
              <td>{{ yearp0|add:"-4" }}</td>
              <td>{{ yearp0|add:"-5" }} ou avant</td>
            </tr>
            <tr>
              <td>Entre le 1er septembre {{ yearp0|add:"-3" }} et le 31 août {{ yearp0|add:"-2" }}</td>
              <td>{{ yearp0|add:"0" }}</td>
              <td>{{ yearp0|add:"-1" }}</td>
              <td>{{ yearp0|add:"-2" }}</td>
              <td>{{ yearp0|add:"-3" }}</td>
              <td>{{ yearp0|add:"-4" }} ou avant</td>
            </tr>
            <tr>
              <td>Entre le 1er septembre {{ yearp0|add:"-2" }} et le 31 août {{ yearp0|add:"-1" }}</td>
              <td>{{ yearp0|add:"1" }}</td>
              <td>{{ yearp0|add:"0" }}</td>
              <td>{{ yearp0|add:"-1" }}</td>
              <td>{{ yearp0|add:"-2" }}</td>
              <td>{{ yearp0|add:"-3" }} ou avant</td>
            </tr>
            </tbody>
          </table>
        </li>
        <li class="list-group-item">
          <b>Restriction par école</b>
          <span class="text-warning"><span class="glyphicon glyphicon-exclamation-sign"></span> Disponible uniquement
            pour les billets restreints.</span><br/>
          <p>Sélectionner une école à laquelle restreindre le billet.</p>
        </li>
        <li class="list-group-item">
          <b>Réserver ce billet aux adhérents AE</b>
          <span class="text-warning"><span class="glyphicon glyphicon-exclamation-sign"></span> Disponible uniquement
            pour les billets restreints.</span><br/>
          <p>Cochez cette case si vous souhaitez que seuls les adhérents à l'une des associations étudiantes de l'INP
            puissent
            prendre le billet.<br/>
            <span class="text-warning"><span class="glyphicon glyphicon-exclamation-sign"></span>
           Si vous voulez restreindre la cotisation à une seule des associations, sélectionnez l'école correspondante dans
           le champ Restriction par école</span></p>
        </li>
        <li class="list-group-item">
          <b>Restriction par groupe</b>
          <span class="text-warning"><span class="glyphicon glyphicon-exclamation-sign"></span> Disponible uniquement
            pour les billets restreints.</span><br/>
          <p>Si vous souhaitez restreindre le billet à un ou plusieurs clubs/groupes, sélectionnez-les dans ce champ.
            Seules les personnes dans ses clubs/groupes pourront prendre les billets.<br/>
            <span class="text-warning"><span class="glyphicon glyphicon-exclamation-sign"></span> La gestion des membres
           d'un club se fait sur les portails BDE par les membres du bureau.</span></p>
        </li>
        <li class="list-group-item">
          <b>Ce billet est accessible aux personnes parrainées</b>
          <span class="text-warning"><span class="glyphicon glyphicon-exclamation-sign"></span> Disponible uniquement
            pour les billets restreints.</span><br/>
          <p>Cochez cette case si vous souhaitez que le billet soit accessible aux personnes parrainées.
            Voir la section <a href="#parrainage">Parrainage</a> pour plus d'information.</p>
        </li>
        <li class="list-group-item">
          <b>Seul un manager peut donner ce billet</b>
          <p>Si vous cochez cette case, le billet ne sera pas présenté sur la page de l'évènement et personne ne pourra
            le réserver. Seul un administrateur pourra le donner en utilisant l'onglet
            <button type="button" class="btn btn-default btn-xs">
              <span class="text-info">Nouvelle réservation</span></button>
            .
          </p>
        </li>
        <li class="list-group-item">
          <b>Vente sur Place sans compte billetterie</b>
          <p>Si vous cochez cette case, il devient possible aux administrateurs de l'évènement de réserver des places
            sans les
            associer à un compte de la billetterie. Les utilisateurs ne recevront aucun mail sur l'avancement de leur
            commande,
            car aucun compte n'est associé.</p>
        </li>
      </ul>
      <br/>
      <b>Suppression d'un billet</b>
      <p>Vous pouvez supprimer un billet tant qu'il n'y a pas de (pré)réservation avec celui-ci. Pour cela, cliquez sur
        le bouton
        <button class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-remove"></span>&#160;Supprimer</button>
        dans la liste
        des billets ou sur le bouton
        <button class="btn btn-danger btn-xs">
          <span class="glyphicon glyphicon-remove"></span>&#160;Supprimer le billet
        </button>
        sur la page détaillant le billet.
      </p>
    </div>
    <a href="#" class="pull-right"><small>Haut de la page</small></a>
  </div>

  <div class="panel panel-info" id="configuration-options-seule">
    <div class="panel-heading">
      <h4>Configuration des options seules</h4>
    </div>
    <div class="panel-body">
      <p>Les options seules seront présentées comme des cases à cocher par l'utilisateur lors de la procédure
        de préréservation. Les options seules sont facultatives et indépendantes les unes des autres. Une option ne peut
        être liée qu'à un billet. Si vous souhaitez mettre une option sur tout l'évènement,
        il faut la créer sur chaque billet.</p>
      <b>Créer une option</b>
      <p>Les options peuvent être créées tant qu'il n'existe pas de (pré)réservation sur le billet. Le formulaire de
        création
        est alors accessible depuis le détail du billet en cliquant sur
        <button class="btn btn-success btn-xs">Ajouter une option*</button>
        .
      </p>
      <b>Modifier une option</b>
      <p>Pour éditer une option, cliquez sur le bouton
        <button class="btn btn-primary btn-xs">
          <span class="glyphicon glyphicon-edit"></span>&#160;Editer
        </button>
        à côté de l'option à éditer
      </p>
      <b>Description du formulaire</b>
      <ul class="list-group">
        <li class="list-group-item">
          <b>Nom</b>
          <p>Indiquez le nom de l'option. Il apparaîtra lors de la réservation.</p>
        </li>
        <li class="list-group-item">
          <b>Prix</b>
          <p>Saisissez le prix de l'option. Celui-ci s'ajoutera au prix du billet si l'option est prise par
            l'utilisateur.<br/>
            <span class="text-warning"><span class="glyphicon glyphicon-exclamation-sign"></span> Ce champ n'est plus éditable s'il
           existe une (pré)réservation sur le billet associé.</span></p>
        </li>
        <li class="list-group-item">
          <b>Description de l'option</b>
          <p>Saisissez dans ce champ une description de l'option. Elle sera affichée en survolant l'option lors de la
            réservation.</p>
        </li>
        <li class="list-group-item">
          <b>Option uniquement visible par les administrateurs de l'évènement</b>
          <p>Cochez cette case si vous souhaitez que seul un administrateur puisse ajouter cette option au billet à
            travers
            l'onglet
            <button class="btn btn-default btn-xs"><span class="text-info">Nouvelle réservation</span></button>
            .<br/>
            <span class="text-warning"><span class="glyphicon glyphicon-exclamation-sign"></span> Ce champ n'est plus éditable s'il
           existe une (pré)réservation sur le billet associé.</span></p>
        </li>
      </ul>
      <b>Supprimer une option</b>
      <p>Il est possible de supprimer une option tant qu'il n'existe pas de (pré)réservation sur le billet de l'option.
        Il suffit
        de cliquer sur le bouton
        <button class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-trash"></span></button>
        de l'option correspondante.
      </p>
    </div>
    <a href="#" class="pull-right"><small>Haut de la page</small></a>
  </div>

  <div class="panel panel-info" id="configuration-groupes-options">
    <div class="panel-heading">
      <h4>Configuration des groupes d'options</h4>
    </div>
    <div class="panel-body">
      <p>Les groupes d'options permettent de proposer des options mutuellement exclusives entre elles. Elles seront
        présentées
        sous forme d'une liste déroulante d'options. Cette liste possède un élément neutre (gratuit) qui permet à
        l'utilisateur
        de ne sélectionner aucune des options.</p>
      <b>Créer un groupe d'options</b>
      <p>Les groupes d'options peuvent être créés tant qu'il n'existe pas de (pré)réservation sur le billet.
        Le formulaire de création est alors accessible depuis le détail du billet en cliquant sur
        <button class="btn btn-success btn-xs">Ajouter un groupe d'options**</button>
        .
      </p>
      <b>Modifier un groupe d'option</b>
      <p>Pour éditer un groupe d'option, cliquez sur le bouton
        <button class="btn btn-primary btn-xs">
          <span class="glyphicon glyphicon-edit"></span>&#160;Editer
        </button>
        à côté du groupe à éditer
      </p>
      <b>Description du formulaire</b>
      <p>Le formulaire est composé de deux parties. La première partie correspond aux champs du groupe :
        <ul class="list-group">
          <li class="list-group-item">
            <b>Nom du groupe d’option</b>
      <p>Indiquez le nom du groupe d'options. Il apparaîtra lors de la réservation.</p>
      </li>
      <li class="list-group-item">
        <b>Description de l'option</b>
        <p>Saisissez dans ce champ une description pour le groupe. Elle sera affichée avec le groupe d'options.</p>
      </li>
      <li class="list-group-item">
        <b>Option obligatoire (l'une des options doit être gratuite et disponible)</b>
        <p>Par défaut, un choix "Sans l'option" est disponible dans le menu déroulant si l'utilisateur ne souhaite pas
          prendre d'option.
          Si vous cochez cette case, la personne devra choisir une des options. <br/>
          <span class="text-warning"><span class="glyphicon glyphicon-exclamation-sign"></span> Ce champ n'est plus éditable s'il
           existe une (pré)réservation sur le billet associé.</span><br/>
          <span class="text-danger"><span class="glyphicon glyphicon-warning-sign"></span> Si vous cochez cette case,
           vous êtes obligés d'avoir une option gratuite que les utilisateurs pourront choisir (avec la case admin-only non cochée).
           </span></p>
      </li>
      </ul>
      <p>La deuxième partie du formulaire vous permet de spécifier les options du groupe. Si aucune (pré)réservation n'a
        eu lieu sur
        le billet, vous pouvez en ajouter de nouvelles et en supprimer avec les boutons
        <button class="btn btn-warning btn-xs">Ajouter
          une option
        </button>
        et
        <button class="btn btn-danger btn-xs">Supprimer cette option</button>
        .
      </p>
      <ul class="list-group">
        <li class="list-group-item">
          <b>Nom</b>
          <p>Indiquez le nom de l'option.</p>
        </li>
        <li class="list-group-item">
          <b>Prix</b>
          <p>Saisissez le prix de l'option. Celui-ci s'ajoutera au prix du billet si l'option est prise par
            l'utilisateur.<br/>
            <span class="text-warning"><span class="glyphicon glyphicon-exclamation-sign"></span> Ce champ n'est plus éditable s'il
           existe une (pré)réservation sur le billet associé.</span></p>
        </li>
        <li class="list-group-item">
          <b>Option uniquement visible par les administrateurs de l'évènement.</b>
          <p>Cochez cette case si vous souhaitez que seul un administrateur puisse ajouter cette option au billet à
            travers
            l'onglet
            <button class="btn btn-default btn-xs"><span class="text-info">Nouvelle réservation</span></button>
            .<br/>
            <span class="text-warning"><span class="glyphicon glyphicon-exclamation-sign"></span> Ce champ n'est plus éditable s'il
           existe une (pré)réservation sur le billet associé.</span></p>
        </li>
      </ul>
      <b>Supprimer un groupe d'option</b>
      <p>Il est possible de supprimer un groupe d'option tant qu'il n'existe pas de (pré)réservation sur le billet
        associé. Il suffit
        de cliquer sur le bouton
        <button class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-trash"></span></button>
        du groupe correspondant. Pour ne supprimer qu'une des options du groupe, il vous faut éditer le groupe
        d'options.
      </p>
    </div>
    <a href="#" class="pull-right"><small>Haut de la page</small></a>
  </div>

  <div class="panel panel-info" id="configuration-informations-supplementaires">
    <div class="panel-heading">
      <h4>Configuration des informations supplémentaires</h4>
    </div>
    <div class="panel-body">
      <p>Le mécanisme des informations supplémentaires modifie le fonctionnement des préréservations et des
        réservations. Il
        permet de demander aux utilisateurs des informations ou des documents, et ce, de manière bloquante. Vous pouvez
        ainsi
        empêcher un utilisateur de payer sa place ou d'utiliser sa réservation lors de votre évènement s’il ne fournit
        pas
        les informations dont vous avez besoin. Ce mécanisme permet ainsi de gérer les chèques de caution, des
        attestations
        d'assurance ou des certificats sportifs. Ce mécanisme permet de gérer des informations pouvant aller des
        fichiers
        à une taille ou un nombre.</p>
      <p>Pour chaque information, le client aura la possibilité des la remplir depuis son espace personnel. Vous devez
        ensuite
        vérifier les informations saisies en éditant la réservation correspondante. Vous avez la possibilité de modifier
        à tout moment
        les informations choisies, mais si vous validez une information, il ne sera pas possible de l'invalider.</p>
      <p>Comme pour les options, une information supplémentaire est liée à un billet. Si vous souhaitez en demander une
        sur tout
        un évènement, il vous faudra la dupliquer pour chaque billet.</p>
      <b>Créer une information supplémentaire</b>
      <p>Les informations supplémentaires peuvent être créées tant qu'il n'existe pas de (pré)réservation sur le billet.
        Le
        formulaire de création est alors accessible depuis le détail du billet en cliquant sur
        <button class="btn btn-success btn-xs">Demander une nouvelle information supplémentaire</button>
        . Au moment de la création,
        vous définissez le type d'information que vous demandez. Ce type n'est pas modifiable par la suite.
      </p>
      <ul class="list-group">
        <li class="list-group-item">
          <b>Simple</b>
          <p>La billetterie ne gère pas l'information, mais que son état. Vous indiquez simplement si vous l'avez reçu
            ou non.</p>
        </li>
        <li class="list-group-item">
          <b>Court Texte</b>
          <p>Le client peut rentrer un court texte tel qu'un nom d'équipe ou un numéro de téléphone.</p>
        </li>
        <li class="list-group-item">
          <b>Long Texte</b>
          <p>Le client peut rentrer un long texte tel qu'une adresse.</p>
        </li>
        <li class="list-group-item">
          <b>Choix</b>
          <p>Le client doit choisir une des possibilités que vous laissez. (Couleur d'un goodies,...).</p>
        </li>
        <li class="list-group-item">
          <b>Entier</b>
          <p>Le client doit rentrer un nombre entier entre les limites que vous définissez.</p>
        </li>
        <li class="list-group-item">
          <b>Décimale</b>
          <p>Le client doit rentrer un nombre décimal entre les limites que vous définissez.</p>
        </li>
        <li class="list-group-item">
          <b>Fichier</b>
          <p>Le client doit téléverser un fichier (image ou pdf) sur la billetterie. La taille maximale du fichier est
            fixé à {{ FILE_MAX_SIZE }} Mo.</p>
        </li>
      </ul>
      <b>Modifier une information supplémentaire</b>
      <p>Pour éditer une option, cliquez sur le bouton
        <button class="btn btn-primary btn-xs">
          <span class="glyphicon glyphicon-edit"></span>&#160;Editer
        </button>
        à côté de l'information supplémentaire à éditer
      </p>
      <b>Description du formulaire</b>
      <ul class="list-group">
        <li class="list-group-item">
          <b>Nom</b>
          <p>Indiquez le nom de l'information supplémentaire. Il apparaîtra lors de la réservation.</p>
        </li>
        <li class="list-group-item">
          <b>Description du document à fournir et information de transmission</b>
          <p>Saisissez dans ce champ une description du document ou de l'information que vous souhaitez recevoir.
            Vous pouvez également proposer un moyen de fournir ce document aux organisateurs.</p>
        </li>
        <li class="list-group-item">
          <b>Peut être validé après le paiement de la réservation (le billet ne sera imprimable qu'après validation)</b>
          <p>Cochez cette case si vous souhaitez que l'utilisateur puisse payer sa place avant de fournir
            l'information.</p>
          <ul class="list-group">
            <li class="list-group-item">
              <p>Si vous cochez la case, l'utilisateur peut payer sa place avant de fournir l'information. La place sera
                décomptée
                des places disponibles, mais ne donnera accès à l'évènement que si l'information est fournie. De plus,
                le billet
                n'est imprimable que si toutes les informations sont saisies.</p>
            </li>
            <li class="list-group-item">
              <p>Si vous ne cochez pas cette case, l'utilisateur devra fournir l'information avant le paiement de sa
                préréservation.
                L'utilisateur ne sera donc pas assuré d'avoir une place tant qu'il n'a pas fourni l'information et payé
                sa préréservation</p>
            </li>
          </ul>
        </li>
        <li class="list-group-item">
          <b>Auto-validation du champ dès qu'il est saisi</b>
          <p><span class="text-warning"><span class="glyphicon glyphicon-exclamation-sign"></span> Pas disponible pour les infos simples</span><br/>
            Dès que le client saisi l'information, celle-ci est considérée comme accepté sans vérification de votre
            part.</p>
        </li>
        <li class="list-group-item">
          <b>Information modifiable si elle est validée</b>
          <p><span class="text-warning"><span class="glyphicon glyphicon-exclamation-sign"></span> Pas disponible pour les infos simples</span><br/>
            Si l'option d'autovalidation est activée, l'information est automatiquement acceptée, mais devient également
            non modifiable
            par le client. Cette option permet au client de modifier l'information même si elle est validée.<br/>
            <span class="text-info"><span class="glyphicon glyphicon-info-sign"></span> Vous pouvez désactiver cette option avant l'évènement
           si vous ne souhaitez plus qu'elle puisse être modifiée.</span></p>
        </li>
        <li class="list-group-item">
          <b>Choix</b>
          <p><span class="text-warning"><span class="glyphicon glyphicon-exclamation-sign"></span> Uniquement pour les infos de choix</span><br/>
            Remplissez les choix disponibles, un par champ</p>
        </li>
        <li class="list-group-item">
          <b>Valeur minimale</b>
          <p><span class="text-warning"><span class="glyphicon glyphicon-exclamation-sign"></span> Uniquement pour les infos de nombre entier ou décimal</span><br/>
            Définissez la valeur minimale du champ. Si vide, aucune valeur minimale ne sera imposée.</p>
        </li>
        <li class="list-group-item">
          <b>Valeur maximale</b>
          <p><span class="text-warning"><span class="glyphicon glyphicon-exclamation-sign"></span> Uniquement pour les infos de nombre entier ou décimal</span><br/>
            Définissez la valeur maximale du champ. Si vide, aucune valeur maximale ne sera imposée.</p>
        </li>
        <li class="list-group-item">
          <b>Nom de fichier</b>
          <p><span class="text-warning"><span class="glyphicon glyphicon-exclamation-sign"></span> Uniquement pour les infos de fichier</span><br/>
            Préfixe du nom de fichier. Il ne doit être composé que de lettres, chiffres et underscores. Le nom de
            fichier final sera de la forme
            &lt;prefixe&gt;-&lt;alea&gt;.&lt;extension&gt;</p>
        </li>
      </ul>
      <b>Supprimer une information supplémentaire</b>
      <p>Il est possible de supprimer une information supplémentaire tant qu'il n'existe pas de (pré)réservation sur le
        billet de l'option.
        Il suffit de cliquer sur le bouton
        <button class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-trash"></span></button>
        de l'information supplémentaire correspondante.
      </p>
    </div>
    <a href="#" class="pull-right"><small>Haut de la page</small></a>
  </div>

  <div class="panel panel-info" id="gestion-administrateurs">
    <div class="panel-heading">
      <h4>Gestion des administrateurs</h4>
    </div>
    <div class="panel-body">
      <p>L'onglet
        <button class="btn btn-default btn-xs"><span class="text-info">Admins</span></button>
        permet de gérer les
        administrateurs de l'évènement. Quatre permissions existent :
      </p>
      <ul class="list-group">
        <li class="list-group-item">
          <b>Accès en lecture</b>
          <p>Cette permission permet d'accéder à l'interface d'administration de l'évènement, de consulter la liste des
            participants,
            ainsi que les statistiques de l'évènement.<br/>
            <span class="text-info"><span class="glyphicon glyphicon-info-sign"></span> Nous vous conseillons de donner cette permission
           au bureau de votre club/asso en utilisant une permission de groupe afin que vos successeurs puissent encore accéder aux
           statistiques de l'évènement.</span></p>
        </li>
        <li class="list-group-item">
          <b>Accès en lecture et gestion des entrées</b>
          <p>Cette permission rajoute le droit de gérer les entrées. Elle peut être donnée aux personnes en créneau à
            l'entrée de
            votre évènement si vous utilisez la billetterie pour vérifier les entrées.</p>
        </li>
        <li class="list-group-item">
          <b>Droit de gestion complet sauf permission</b>
          <p>Cette permission donne un accès presque total. L'utilisateur pourra notamment créer et modifier les
            billets, créer de nouvelles
            réservations, marquer les informations supplémentaires comme reçues, marquer les paiements, supprimer les
            préréservations et mettre
            en opposition les réservations. Il ne pourra pas gérer les administrateurs de l'évènement et leurs
            permissions.</p>
        </li>
        <li class="list-group-item">
          <b>Droit de gestion complet</b>
          <p>Cette permission donne un accès total à la gestion de l'évènement.</p>
        </li>
      </ul>
      <p>Quand vous créez l'évènement, vous avez automatiquement les droits de gestion complets sur l'évènement. Vous
        pouvez donner ses
        permissions de 3 manières différentes : </p>
      <ul class="list-group">
        <li class="list-group-item">
          <b>À un utilisateur</b>
          <p>De cette manière, vous donnez les permissions à une personne précise. Pour cela, sélectionnez les
            permissions que
            vous souhaitez lui donner et saisissez <b>soit</b> son login INP-net, <b>soit</b> l'adresse mail qu'elle
            utilise
            pour accéder à la billetterie</p>
        </li>
        <li class="list-group-item">
          <b>Au bureau d'un club</b>
          <p>En donnant les permissions de cette manière, seules les personnes au bureau (président, trésorier,
            vice-président,
            secrétaire) reçoivent les permissions. Lors des passations, les droits sont transmis au nouveau bureau.</p>
        </li>
        <li class="list-group-item">
          <b>Aux membres d'un club</b>
          <p>En donnant les permissions de cette manière, toutes les personnes membres du club reçoivent les
            permissions.</p>
        </li>
      </ul>
      <p><span class="text-warning"><span class="glyphicon glyphicon-exclamation-sign"></span> Si un utilisateur est affecté par plusieurs
        permissions différentes, la permission effective est celle qui donne le plus de privilèges.</span></p>
    </div>
    <a href="#" class="pull-right"><small>Haut de la page</small></a>
  </div>

  <div class="panel panel-info" id="parrainage">
    <div class="panel-heading">
      <h4>Fonctionnement du parrainage</h4>
    </div>
    <div class="panel-body">
      <p>Le parrainage est un mécanisme qui permet à un utilisateur de prendre des billets pour autrui avec ses
        avantages. Par
        exemple, il est possible pour un gala de créer un billet pour les diplômés et ses proches en autorisant les
        parrainages
        sur le billet des diplômés.</p>
      <p>Sur les billets sans restrictions, le parrainage est activé par défaut. Il ne peut pas être limité ou
        désactivé. En
        effet, comme le billet ne possède pas de restriction, il serait toujours possible de créer autant de comptes
        extérieurs pour obtenir
        le nombre de billets voulu.</p>
      <p>Sur les billets avec restrictions, le parrainage n'est activé que si la case correspondante est cochée. Un
        utilisateur
        pourra ainsi prendre ce billet en parrainage dans la limite du nombre fixé par l'évènement.</p>
    </div>
    <a href="#" class="pull-right"><small>Haut de la page</small></a>
  </div>

  <div class="panel panel-info" id="paypal">
    <div class="panel-heading">
      <h4>Paiement par PayPal</h4>
    </div>
    <div class="panel-body">
      <p>La billetterie permet de payer en ligne avec le système d'IPN de PayPal. Il permet
        ainsi aux utilisateurs de payer leur place sans action de la part des organisateurs.</p>
      <b>Fonctionnement du système IPN PayPal</b>
      <p>Avec l'email du compte destination, la billetterie peut générer le bouton de paiement PayPal contenant toutes
        les
        informations nécessaires au paiement du billet. Une fois le paiement par PayPal effectué, PayPal envoie une
        notification
        de paiement à la billetterie. La billetterie traite donc cette notification et marque la place correspondante
        comme
        payée. Si le paiement n'est pas conforme au paiement attendu, la place est automatiquement mise en opposition et
        un
        mail avertit INP-net et les organisateurs.</p>
      <b> Ajout d'un compte PayPal sur la billetterie</b>
      <p>Pour ajouter un compte PayPal à la billetterie, rendez vous sur la page d'édition de l'évènement ou créez un
        nouvel
        évènement. Le formulaire de création de comptes est disponible en cliquant sur le bouton
        <button class="btn btn-danger btn-xs">
          Enregistrez un compte PayPal (si inexistant)
        </button>
        .<br/>
        <span class="text-danger"><span class="glyphicon glyphicon-warning-sign"></span> Il n'est pas possible de modifier ce formulaire
       après l'avoir rempli. Contacter INP-net en cas de problème avec un compte existant.</span></p>
      <p>Vous avez deux champs à remplir dans le formulaire : l'adresse mail du compte PayPal destinataire et une courte
        description
        du compte associé. Une fois le formulaire rempli, le compte pourra être sélectionné dans la liste des comptes
        PayPal.</p>
      <b>Avertissement sur l'utilisation de PayPal</b>
      <p>L'utilisation de PayPal lors d'un évènement nécessite la prise en compte des éléments suivants : </p>
      <ul>
        <li>
          Le système d'IPN ne permet pas de gérer un nombre limité de produits. Si des restrictions sur le nombre de
          places disponibles sur un
          billet ou sur un évènement sont utilisées avec le paiement PayPal, il est possible que ces contraintes ne
          soient pas
          respectées. La proportion de place survendue dépend de l'affluence sur la billetterie lors des ventes des
          dernières places.
        </li>
        <li>
          La billetterie ne possède aucun accès aux comptes PayPal. Il n'est donc pas possible d'effectuer des
          remboursements à
          partir de l'interface de la billetterie. Si vous avez besoin d'effectuer un remboursement sur une opération,
          il vous faudra effectuer l'opération sur l'interface PayPal.
        </li>
        <li>
          Contrairement à la billetterie, PayPal est un service payant. Des charges sont prises sur chaque transaction.
          Ces
          charges sont déduites du montant de la transaction. <span class="text-info">
            <span class="glyphicon glyphicon-info-sign"></span> Nous vous recommandons fortement de déclarer votre compte PayPal
            comme compte association afin de pouvoir profiter de charges plus faibles.</span>
        </li>
      </ul>
    </div>
    <a href="#" class="pull-right"><small>Haut de la page</small></a>
  </div>

  <div class="panel panel-info" id="lydia">
    <div class="panel-heading">
      <h4>Paiement par Lydia</h4>
    </div>
    <div class="panel-body">
      <p>La billetterie permet le paiement par Lydia.</p>
      <b>Ajout d'un compte Lydia sur la billetterie</b>
      <p>Pour ajouter un compte Lydia à la billetterie, rendez vous sur la page d'édition de l'évènement ou créez un
        nouvel évènement. Le formulaire de création de comptes est disponible en cliquant sur le bouton
        <button class="btn btn-danger btn-xs">
          Enregistrez un compte Lydia (si inexistant)
        </button>
        .<br/>
        <span class="text-danger"><span class="glyphicon glyphicon-warning-sign"></span> Il n'est pas possible de modifier ce formulaire
       après l'avoir rempli. Contacter INP-net en cas de problème avec un compte existant.</span></p>
      <p>Vous avez trois champs à remplir dans le formulaire : les tokens publics et privés du compte Lydia et une description
        du compte (cette description sera visible lors du choix du compte). Une fois le formulaire rempli, le compte pourra
        être sélectionné dans la liste des comptes Lydia.</p>
      <b>Récupérer les tokens associés à un compte</b>
      <p><a href="{% url 'lydia-token' %}">Cette page</a> permet de récupérer les tokens associés à votre compte à partir
      de votre numéro de téléphone et votre mot de passe Lydia.</p>
      <b>Fonctionnement du paiement par Lydia</b>
      <p>Lorsqu'un utilisateur paye par Lydia, son numéro de téléphone est demandé. Ensuite une demande de paiement est envoyé
      sur son téléphone et il est redirigé sur une page de confirmation du paiement. Une fois le paiement accepté sur son téléphone,
      il peut confirmer le paiement, alors une vérification du paiement est effectuée et la paiement est validé.</p>
    </div>
    <a href="#" class="pull-right"><small>Haut de la page</small></a>
  </div>

  <div class="panel panel-info" id="template-billet">
    <div class="panel-heading">
      <h4>Templates des billets</h4>
    </div>
    <div class="panel-body">
      <p>Lors de la création des billets, vous avez la possibilité de fournir un template. Celui-ci sera utilisé pour
        générer des billets
        pour chaque place. Le template doit être au format paysage avec une taille de 2480 x 1169 pixels. Les
        informations sur la réservation
        ainsi qu'un code QR seront ajoutées à des emplacements lors de la génération du billet. Ces emplacements doivent
        être blancs afin
        de conserver une lisibilité des informations.</p>
      <p><a href="{% static 'img/ticket_template.png' %}" class="btn btn-info">Template d’exemple</a></p>
      <p><span class="text-info"><span class="glyphicon glyphicon-info-sign"></span> Nous vous conseillons d'appliquer le template d'exemple
       par-dessus votre billet avant de l'importer dans la billetterie.</span>
    </div>
    <a href="#" class="pull-right"><small>Haut de la page</small></a>
  </div>

  <div class="panel panel-info" id="export">
    <div class="panel-heading">
      <h4>Export des données d'un évènement</h4>
    </div>
    <div class="panel-body">
      <p>Vous avez la possibilité d'exporter les données de l'évènement. Pour cela, rendez-vous dans l'onglet
        <button class="btn btn-default btn-xs">
          <span class="text-info">Préreservations</span></button>
        ou
        <button class="btn btn-default btn-xs"><span class="text-info">Réservations</span></button>
        .
        En bas des listes de (pré)réservations, vous trouverez des liens pour demander les exports au format pdf
        (informations réduites), xlsx (informations complètes)
        ou avec des archives tar.gz ou zip (informations complètes et tous les fichiers reçus). <br/>
        <span class="text-danger"><span class="glyphicon glyphicon-warning-sign"></span> L'export peut prendre du temps et dépend de votre connexion internet. N'effectuez pas
       d'export d'archive si vous n'avez pas une bonne connexion internet</span></p>
    </div>
    <a href="#" class="pull-right"><small>Haut de la page</small></a>
  </div>

{% endblock %}