{% extends 'guichet/event_base.html' %}

{% load bootstrap3 %}

{% block admintickettab %} class="active"{% endblock %}

{% block css %}
  {{ block.super }}
  {{ form.media.css }}
{% endblock %}

{% block eventcontent %}

  <div class="page-header">
    <h1>
      Type d'information supplémentaire à créer :
    </h1>
    <em>Billet: {{ ticket.name }}</em>
  </div>


  <div class="list-group">
    <a class="list-group-item list-group-item-info"
       href="{% url 'infosup-add-ticket' event.short_url ticket.id Info_Sup.INFO_SIMPLE %}">
      <h4>Simple</h4>
      <p>Auncun champ n'est disponible pour le client pour rentrer l'information.</p>
    </a>
  </div>

  <div class="list-group">
    <a class="list-group-item list-group-item-info"
       href="{% url 'infosup-add-ticket' event.short_url ticket.id Info_Sup.INFO_SHORT_TEXT %}">
      <h4>Texte court</h4>
      <p>Un champ de saisie de texte sur une ligne (128 caractères) devra être rempli par le client.</p>
    </a>
  </div>

  <div class="list-group">
    <a class="list-group-item list-group-item-info"
       href="{% url 'infosup-add-ticket' event.short_url ticket.id Info_Sup.INFO_LONG_TEXT %}">
      <h4>Texte long</h4>
      <p>Un champ de saisie de texte sur plusieurs lignes devra être rempli par le client.</p>
    </a>
  </div>

  <div class="list-group">
    <a class="list-group-item list-group-item-info"
       href="{% url 'infosup-add-ticket' event.short_url ticket.id Info_Sup.INFO_CHOICE %}">
      <h4>Choix</h4>
      <p>Le champ sera représenté sous la forme d'une liste déroulante. Le client devra choisir un des élements de la
        liste.</p>
    </a>
  </div>

  <div class="list-group">
    <a class="list-group-item list-group-item-info"
       href="{% url 'infosup-add-ticket' event.short_url ticket.id Info_Sup.INFO_INT %}">
      <h4>Nombre entier</h4>
      <p>Le client devra entrer un nombre entier compris entre des bornes prédéfinies.</p>
    </a>
  </div>

  <div class="list-group">
    <a class="list-group-item list-group-item-info"
       href="{% url 'infosup-add-ticket' event.short_url ticket.id Info_Sup.INFO_FLOAT %}">
      <h4>Nombre réel</h4>
      <p>Le client devra entrer un nombre réel compris entre des bornes prédéfinies.</p>
    </a>
  </div>

  <div class="list-group">
    <a class="list-group-item list-group-item-info"
       href="{% url 'infosup-add-ticket' event.short_url ticket.id Info_Sup.INFO_FILE %}">
      <h4>Fichier</h4>
      <p>Le client devra envoyer un fichier pdf ou une image pour une taille maximum de {{ FILE_MAX_SIZE }} Mo.</p>
    </a>
  </div>

{% endblock %}

{% block js_foot %}
  {{ block.super }}
  {{ form.media.js }}
{% endblock %}