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

{% block title %}Admin - Lista Utenti{% endblock %}

{% block breadcrumb %}
  <a href="{% url 'server'%}" class="breadcrumb hide-on-med-and-down">Admin</a>
  <a class="breadcrumb hide-on-med-and-down">Lista Utenti</a>
{% endblock %}
{% block toolbar %}
  <div class="nav-wrapper {{color}}">
    <form>
      <div class="input-field">
        <input autocomplete="off" id="search" type="search" onkeyup="filterResults()" required>
        <label class="label-icon" for="search"><i class="material-icons">search</i></label>
      </div>
    </form>
  </div>
{% endblock %}

{% block content %}
{% load app_filter %}
<form id="form" action="{% url 'ulist' %}" method="post">
{% csrf_token %}
<input type="hidden" name="action" id="action">
<ul class="collapsible">
  {% for user in users %}
    <li>
      <div class="collapsible-header list">
        {% if user.user.is_staff %}
          <i class="material-icons">star</i>
        {% elif "capi" in user.user|user_groups %}
          <i class="material-icons">star_border</i>
        {% endif %}
        {{user.first_name}} {{user.last_name}}
      </div>
      <div class="collapsible-body"><span>
        <div id="modal{{user.id}}" class="modal">
          <div class="modal-content">
            <h4>Attenzione</h4>
            <p>
              Sei sicuro di volerlere riumuovere la persona {{user.first_name}} {{user.last_name}} dalla branca {{user.branca}}?<br>
              Una volta rimossa dovrà essere riaggiunta dalla persona stessa o con un codice di trasferimento.
              <br>
              I dati dell'utente non verranno rimossi come anche i documenti.
            </p>
          </div>
          <div class="modal-footer">
            <a style="color:red" href="#!" class="modal-close waves-effect waves-green btn-flat">Annulla</a>
            <a onclick="send('d{{user.id}}')" class="modal-close waves-effect waves-green btn-flat">Rimuovi</a>
          </div>
        </div>
        <div class="hide-on-med-and-down">
          <a class="waves-effect waves-light btn {{color}} modal-trigger" href="#modal{{user.id}}"><i class="material-icons left">remove_circle_outline</i>Rimuovi utente dalla branca</a>
        </div>
        <div style="margin-bottom: 0px;" class="hide-on-large-only row">
          <a class="col s12 waves-effect waves-light btn {{color}} modal-trigger" href="#modal{{user.id}}"><i class="material-icons left">remove_circle_outline</i>Riumuovi utente dalla branca</a>
        </div>
        <ul class="collection">
          <li class="collection-item">
            <i class="material-icons left">confirmation_number</i>U{{user.code}}
          </li>
        </ul>
        <ul class="collapsible">
          <li>
            <div class="collapsible-header">
              <i class="material-icons">person</i>Dati personali
            </div>
            <div class="collapsible-body"><span>
              <div class="row">
                <div class="input-field col l4 s12">
                  <input disabled value="{{user.first_name}}" id="first_name" type="text" >
                  <label for="first_name">Nome</label>
                </div>
                <div class="input-field col l4 s12">
                  <input disabled value="{{user.last_name}}" id="last_name" type="text" >
                  <label for="last_name">Cognome</label>
                </div>
                <div class="input-field col l4 s12">
                  <input disabled value="{{user.born_date}}" id="birth_date" type="text">
                  <label for="birth_date">Data di nascita</label>
                </div>
                <div class="input-field col l4 s12">
                  <input disabled value="{{ user.branca.name }}" id="branca" type="text">
                  <label for="branca">Branca</label>
                </div>
                <div class="input-field col l4 s12">
                  <input disabled value="{{user.parent_name}}" id="parent_name" type="text" >
                  <label for="parent_name">Nome dei genitori</label>
                </div>
                <div class="input-field col l4 s12">
                  <input disabled value="{{user.avs_number}}" id="avs_number" type="text">
                  <label for="avs_number">Numero AVS</label>
                </div>
                <div class="input-field col l12 s12">
                  <input value="{{user.via}}" disabled id="via" type="text" >
                  <label for="via">Via e numero</label>
                </div>
                <div class="input-field col l4 s12">
                  <input disabled value="{{user.cap}}" name="cap" id="cap" type="text" >
                  <label for="cap">CAP</label>
                </div>
                <div class="input-field col l4 s12">
                  <input disabled value="{{user.country}}" name="country" id="country" type="text" >
                  <label for="country">Comune</label>
                </div>
                <div class="input-field col l4 s12">
                  <input disabled value="{{user.nationality}}" name="nationality" id="nationality" type="text" >
                  <label for="nationality">Nazionalit&agrave;</label>
                </div>
                <div class="input-field col l4 s12">
                  <input disabled value="{{user.phone}}" name="phone" id="phone" type="text" >
                  <label for="phone">Cellulare</label>
                </div>
                <div class="input-field col l4 s12">
                  <input disabled value="{{user.home_phone}}" name="home_phone" id="home_phone" type="text" >
                  <label for="home_phone">Telefono di casa</label>
                </div>
                <div class="input-field col l4 s12">
                  <input disabled value="{{user.user.email}}" name="email" id="email" type="text" >
                  <label for="email">Email</label>
                </div>
                <div class="input-field col l8 s12">
                  <input disabled value="{{user.school}}" name="school" id="school" type="text" >
                  <label for="school">Scuola frequentata</label>
                </div>
                <div class="input-field col l4 s12">
                  <input disabled value="{{user.year}}" name="year" id="year" type="text" >
                  <label for="year">Classe</label>
                </div>
              </div>
            </span></div>
          </li>
          <li>
            <div class="collapsible-header">
              <i class="material-icons">healing</i>Dati medici
            </div>
            <div class="collapsible-body"><span>
              <div class="row">
                <div class="col s12">
                  <h6>Persona di contatto in caso di necessit&agrave;</h6>
                </div>
              </div>
              <div class="row">
                <div class="input-field col l6 s12">
                  <input disabled name="emer_name" value="{{user.medic.emer_name}}" id="emer_name" type="text" >
                  <label for="emer_name">Nome e cognome</label>
                </div>
                <div class="input-field col l3 s12">
                  <input disabled name="emer_relative" value="{{user.medic.emer_relative}}" id="emer_relative" type="text" >
                  <label for="emer_releative">Parentela</label>
                </div>
                <div class="input-field col l3 s12">
                  <input disabled name="cell_phone" value="{{user.medic.cell_phone}}" id="cellphone" type="text" >
                  <label for="cell_phone">Cellulare</label>
                </div>
                <div class="input-field col l9 s12">
                  <input disabled value="{{user.medic.address}}" name="address" id="address" type="text" >
                  <label for="address">Indirizzo completo</label>
                </div>
                <div class="input-field col l3 s12">
                  <input disabled value="{{user.medic.emer_phone}}" name="emer_phone" id="emer_phone" type="text" >
                  <label for="emer_phone">Telefono di casa</label>
                </div>
              </div>
              <div class="row">
                <div class="col s12">
                  <h6>Assicurazione</h6>
                </div>
              </div>
              <div class="row">
                <div class="input-field col l4 s12">
                  <input disabled value="{{user.medic.health_care}}" name="health_care" id="health_care" type="text" >
                  <label for="health_care">Cassa Malati</label>
                </div>
                <div class="input-field col l4 s12">
                  <input disabled value="{{user.medic.injuries}}" name="injuries" id="injuries" type="text" >
                  <label for="injuries">Infortuni</label>
                </div>
                <div class="input-field col l4 s12">
                  <input disabled value="{{user.medic.rc}}" name="rc" id="rc" type="text" >
                  <label for="rc">Responsabilit&agrave; civile</label>
                </div>
              </div>
              <div class="row">
                <div class="switch col s12">
                  &Egrave; sostenitore REGA&nbsp;&nbsp;
                  <label>
                    No
                    <input disabled name="rega" type="checkbox" {% if user.medic.rega %}checked="checked"{%endif%}>
                    <span class="lever"></span>
                    Si
                  </label>
                </div>
              </div>
              <div class="row">
                <div class="col s12">
                  <h6>Medico di famiglia</h6>
                </div>
                <div class="input-field col l6 s12">
                  <input disabled value="{{user.medic.medic_name}}" name="medic_name" id="medic_name" type="text" >
                  <label for="medic_name">Nome e cognome</label>
                </div>
                <div class="input-field col l6 s12">
                  <input disabled value="{{user.medic.medic_phone}}" name="medic_phone" id="medic_phone" type="text" >
                  <label for="medic_phone">Telefono studio</label>
                </div>
                <div class="input-field col l12 s12">
                  <input disabled value="{{user.medic.medic_address}}" name="medic_address" id="medic_address" type="text" >
                  <label for="medic_address">Indirizzo completo</label>
                </div>
              </div>
              <div class="row">
                <div class="col s12">
                  <h6>Scheda medica personale</h6>
                </div>
                <div class="input-field col s12">
                  <input disabled value="{{user.medic.sickness}}" name="sickness" id="sickness" type="text">
                  <label for="sickness">Principali malattie avute</label>
                </div>
                <div class="input-field col l8 s12">
                  <input disabled value="{{user.medic.vaccine}}" name="vaccine" id="vaccine" type="text">
                  <label for="vaccine">Vacinazioni fatte</label>
                </div>
                <div class="input-field col l4 s12">
                  <label for="tetanus_date">Ultima vacinazione contro il tetano</label>
                  <input disabled value="{{user.medic.tetanus_date}}" name="tetanus_date" id="tetanus_date" type="text">
                </div>
                <div class="input-field col s12">
                  <input disabled value="{{user.medic.allergy}}" name="allergy" id="allergy" type="text">
                  <label for="allergy">Allergie particolari/Intolleraze alimentari</label>
                </div>
                <div class="switch col s12">
                  Deve assumere regolarmente medicamenti&nbsp;&nbsp;
                  <label>
                    No
                    <input disabled name="drugs_bool" type="checkbox" {% if user.medic.drugs_bool %}checked="checked"{%endif%}>
                    <span class="lever"></span>
                    Si
                  </label>
                </div>
                <div class="input-field col s12">
                  <input disabled value="{{user.medic.drugs}}" name="drugs" id="drugs" type="text">
                  <label for="drugs">Se s&igrave; quali, in che dosi e prescrizioni</label>
                </div>
                <div class="switch col s12">
                  Informazioni particolari sullo stato di salute: (postumi di operazioni, incidenti, malattie, disturbi fisici)&nbsp;&nbsp;
                  <label>
                    No
                    <input disabled name="misc_bool" type="checkbox" {% if user.medic.misc_bool %}checked="checked"{%endif%}>
                    <span class="lever"></span>
                    Si
                  </label>
                </div>
                <div class="input-field col s12">
                  <input disabled value="{{user.medic.misc}}" name="misc" id="misc" type="text">
                  <label for="misc">Se s&igrave; quali</label>
                </div>
            </span></div>
          </li>
          <li>
            <div class="collapsible-header">
              <i class="material-icons">attach_file</i>Allegati
            </div>
            <div class="collapsible-body"><span>
              <div class="row">
                <div class="col s12">
                  <div class="card">
                    <div class="card-image">
                      {% if user.medic.health_care_certificate %}
                        <img class="lazy" data-src="{{ health_file.0 }}{{ user.id }}{{ health_file.1}}">
                      {% else %}
                        <p>Foto della tessera della cassa malati non caricata</p>
                      {% endif %}
                    </div>
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col s12">
                  <div class="card">
                    <div class="card-image">
                      {% if user.medic.vac_certificate %}
                        <img class="lazy" data-src="{{ vac_file.0 }}{{ user.id }}{{ vac_file.1 }}">
                      {% else %}
                        <p>Foto del certificato di vacinazione non caricato</p>
                      {% endif %}
                    </div>
                  </div>
                </div>
              </div>
            </span></div>
          </li>
          <li>
            <div class="collapsible-header">
              <i class="material-icons">assignment</i>Documenti
            </div>
            <div class="collapsible-body"><span>
              <ul class="collapsible">
                {% for doc in request.user|user_docs:user.user %}
                <li>
                  <div class="collapsible-header"><a onclick="send('f{{doc.id}}')">{{doc.document_type.name}}</a></div>
                </li>
                {% endfor %}
              </ul>
            </span></div>
          </li>
        </ul>
      </span></div>
    </li>
  {% endfor %}
</ul>
</form>
{% endblock %}

{% block script %}
$(document).ready(function(){
    $('.modal').modal();
    $('.collapsible').collapsible();
    var lazyLoadInstance = new LazyLoad({
      // Your custom settings go here
    });
});

function send(id) {
  var form = document.getElementById('form')
  var action = document.getElementById('action')

  action.setAttribute('value', id);
  form.submit()
}

function filterResults() {
  var search = document.getElementById('search')
  var filter = search.value.toUpperCase()
  var items = document.getElementsByClassName('list')


  for (i = 0; i < items.length; i++) {
    var a = items[i];
    var txtValue = a.innerText;
    if (txtValue.toUpperCase().indexOf(filter) > -1) {
      items[i].style.display = "";
    } else {
      items[i].style.display = "none";
    }
  }
}
{% endblock %}