{% extends "gestion/base.html" %}
{% load i18n %}
{% block titre %}{% trans "Participation à un événement" %}{% endblock %}

{% block content %}
<div id="main">
        <section class="wrapper style1">
        <div class="inner">
          {% if not user.is_superuser or not user.profile.is_chef %}
          {% if user.is_superuser or user.profile.is_chef %}
          {% trans "Cet événement est encore en construction ! Reviens plus tard." %}
          {% endif %}
          {% endif %}
          {% if user.is_superuser or user.profile.is_chef or not chef_only%}
          <div class="row">
              <div class="6u 12u$(small)">
{% if envoi %}<p>{% trans "Votre réponse a été enregistrée !" %}</p>{% endif %}


<p><a href="{% url 'calendrier:view-event' id %}" class="button alt">{% trans "Retour à l'événement" %}</a></p>
<div><h4> {% blocktrans with nom=ev.nom date=ev.date debut=ev.debut|time:"H:i" %} Voulez vous participer à l'événement {{ nom }}, le {{ date }} à {{ debut }} ?{% endblocktrans %}</h4></div>
<p> <b>{% trans "Instrument principal"%} : {% if request.user.profile.instru == "Autre" %}{{request.user.profile.instru_autre}}{% else %}{{request.user.profile.instru}}{% endif %}</b></p>


<form action="{% url 'calendrier:reponse' id %}" method="post">
    {% csrf_token %}
    {{ form.non_field_errors }}
    {% for field in form %}
 <div class="fieldWrapper">
        {{ field.errors }}


        {% if field.id_for_label == "id_dont_play_main" %}

  <div id="dont_play_main_field" {% if request.user.profile.multi_instrumentiste == "Non" %} style="display: none; "{% endif %}>
{% elif field.id_for_label == "id_instrument" %}
  <div id="instru_ev_field"  style="display: none; ">
    {% elif field.id_for_label == "id_instrument_autre" %}
      <div id="instru_autre_ev_field"  style="display: none; ">
{% else %}

  <div>
{% endif %}
     <p>{{ field.label_tag }}
        {{ field }}	{% if field.help_text %}
        {{ field.help_text|safe }}
            {% endif %}</p>
</div>


</div>

{% endfor %}
    <input type="submit" value="{% trans "Valider" %}" />
</form>
</div>
</div>
{% endif %}
</div>
</section>
</div>
{% endblock %}

{% block script %}
<script type="text/javascript">
  $('#id_dont_play_main').on('change', function() {

        if (this.value == "Oui" ) {
            $('#instru_ev_field').show();
        }
        else {
            $('#instru_ev_field').hide();
        }
    });
</script>
<script type="text/javascript">
  $('#id_instrument').on('change', function() {

        if (this.value == "Autre" ) {
            $('#instru_autre_ev_field').show();
        }
        else {
            $('#instru_autre_ev_field').hide();
        }
    });
</script>
{% endblock %}
