{% extends 'registration/base_client.html' %}

{% block title %}Modifica iscrizione{% endblock %}

{% block breadcrumb %}
    <a href="#!" class="breadcrumb hide-on-med-and-down">Modifica iscrizione</a>
{% endblock %}

{% load app_filter %}

{% block content %}
<div class="row">
  <div class="col l8 offset-l2 s12">
    <div class="card-panel">
      <div class="row">
        <form id="form" action="{% url 'edit'%}" method="post" class="col s12">
          {% csrf_token %}
          <input type="hidden" name="doc" value="{{doc.id}}">
          <div class="row">
            <div class="input-field col s12">
              <select>
                <option disabled selected>{{doc.document_type.name}}</option>
              </select>
              <label>Iscrizione</label>
            </div>
          </div>
          {% if personal_data %}
            <div class="row">
              <div class="col s12">
                <div class="card {{color}}">
                  <div class="card-content">
                    <p style="color:white"><b>
                      Il documento conterr&agrave; le informazioni personali, prego verificare che siano corrette e aggiornate
                    </b></p>
                  </div>
                </div>
              </div>
            </div>
          {% endif %}
          {% if medical_data %}
            <div class="row">
              <div class="col s12">
                <div class="card {{color}}">
                  <div class="card-content">
                    <p style="color:white"><b>
                      Il documento conterr&agrave; le informazioni mediche, prego verificare che siano corrette e aggiornate
                    </b></p>
                  </div>
                </div>
              </div>
            </div>
          {% endif %}
          {% if custom_message %}
            <div class="row">
              <div class="col s12">
                <div class="card {{color}}">
                  <div class="card-content">
                    <p style="color:white"><b>
                      {{custom_message_text | linebreaksbr}}
                    </b></p>
                  </div>
                </div>
              </div>
            </div>
          {% endif %}
          {% if custom_data %}
            {% for key in keys %}
              {% if key.key_extra|is_heading %}
                <div class="row">
                  <div class="input-field col s12">
                    <h6>{{key.key_extra|parse_heading}}</h6>
                  </div>
                </div>
              {% elif key.key_extra|is_multiple_choice %}
                <div class="row">
                  <div class="col s12">
                    {% with arr=key.key_extra|parse_multiple_choice %}
                      {{arr.0}}
                      {% for val in arr.1 %}
                        {% if key.value == val %}
                          <p><label>
                            <input class="with-gap" name="{{key.key}}" value="{{val}}" type="radio" checked/>
                            <span>{{val}}</span>
                          </label></p>
                        {% else %}
                          <p><label>
                            <input class="with-gap" name="{{key.key}}" value="{{val}}" type="radio"/>
                            <span>{{val}}</span>
                          </label></p>
                        {% endif %}
                      {% endfor %}
                    {% endwith %}
                  </div>
                </div>
              {% elif key.key_extra|is_checkbox %}
                checkbox
              {% else %}
                <div class="row">
                  <div class="input-field col s12">
                    <input value="{{key.value}}" name="{{key.key}}" id="{{key.id}}" type="text">
                    <label for="{{key.id}}">{{key.key}}</label>
                  </div>
                </div>
              {% endif %}
            {% endfor %}
          {% endif %}
          <div class="row">
            <div class="col s12">
              <div class="card red">
                <div class="card-content">
                  <p style="color:white"><b>
                    Attenzione: il documento non sarà valido fino a quando non viene approvato. Selezionare
                    il documento dalla pagina principale per approvarlo.
                  </b></p>
                </div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col s12">
              <br>
              <a class="btn waves-effect waves-light {{color}}" onclick="window.history.back();" >
                <i class="material-icons left">navigate_before</i>Indietro
              </a>
              <a class="btn waves-effect waves-light {{color}}" onclick="send('save')" >Salva
                <i class="material-icons right">save</i>
              </a>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
{% endblock %}

{% block script %}
$(document).ready(function(){
    $('select').formSelect();
    {% if error %}
      M.toast({html: '{{ error_text}}', classes: 'orange'})
    {% endif %}
});

function send(id) {
  var form = document.getElementById('form')
  form.submit()
}
{% endblock %}