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

{% load bootstrap3 %}
{% load modal_tags %}

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

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

{% block eventcontent %}

  {% if request.managers_access >= manager_acl.ENTRY_MANAGER %}
    <div class="panel panel-primary">

      <div class="panel-heading">
        <h4>
          Contrôle des entrées
          {% if entered %}
            <div class="pull-right">
              entrées validées : {{ entered }} / {{ total }}, restantes : {{ expected }}
            </div>
          {% endif %}
        </h4>
      </div>

      {% if message %}
        <div class="panel-body">
          <p class="test-warning">{{ message }}</p>
        </div>
      {% endif %}
    </div>

    {% if registration %}
      <div class="panel panel-primary">

        <div class="panel-heading">
          <h4>Détails</h4>
        </div>

        <div class="panel-body">
          <p><strong>Bénéficiaire :</strong> {{ registration.get_real_payee }}</p>
          <p><strong>Billet :</strong> {{ registration.ticket.name }}</p>
          {% if registration.payee %}
            <p><strong>Référent :</strong> {{ registration.owner.get_full_name }}</p>
          {% endif %}
          <p><strong>Numéro de billet :</strong> {{ registration.id }}</p>
          {% if registration.options.all %}
            <p><strong>Option(s) choisie(s) :</strong>
            <ul>{% for o in registration.options.all %}
              <li>{{ o.name }} : {{ o.description }}</li>{% endfor %}</ul></p>
          {% endif %}
          <br>
          {% if registration.used == False %}
            <form action="" method="post" role="form">
              {% csrf_token %}
              {% buttons %}
                <button type="submit" class="btn btn-success">Valider ce billet</button>
              {% endbuttons %}
            </form>
          {% else %}
            <h4>Ce billet est déjà validé</h4>
          {% endif %}
        </div>
      </div>
    {% endif %}

    {% if tickets %}
      <div class="panel panel-primary">
        <div class="panel-heading clearfix">
          <h4>Vente sur Place</h4>
        </div>
        <ul class="list-group">
          {% for ticket in tickets %}
            {% include "guichet/parts/new_registration_li.html" %}
          {% endfor %}
        </ul>
      </div>
    {% endif %}

    {% confirm_modal_form %}

  {% else %}
    <div class="panel panel-error">
      <div class="panel-heading">
        <h4>Accès non authorisé</h4>
        </h4>
      </div>

      <div class="panel-body">
        <p>Vous n'avez pas les permissions nécessaires pour contrôler cette entrée</p>
      </div>
    </div>
  {% endif %}

{% endblock %}

{% block js_foot %}
<script>
  form = document.querySelector('form');
  form.addEventListener('submit', (e) => {
    e.preventDefault();
    fetch(document.URL, {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
          "X-CSRFToken": "{{ csrf_token }}",
        },
        body: JSON.stringify({}),
      })
      .then(response => response.json())
      .then((data) => {
        if (data.message == "Billet valide.") {
          window.location.reload();;
        } else {
          throw new Error("Network response was not ok.");
        }
      })
});
</script>
  {{ block.super }}
  {% confirm_modal_js %}
{% endblock %}