{% extends 'base.html' %}

{% block headersupplement %}
  <script language="JavaScript">

    {% if SedeEsistente %}
//      $(window).on('load',function() {
	$(document).ready(function() {
	$('#AlertSedeEsistente').modal('show');
        $("#dest_nome").html($("#nome").val());
        $("#dest_identificativo").html($("#identificativo").val());
        console.log($("#identificativo").val());
      });
    {% endif %}
    
   </script>
{% endblock %}

{% block body %}
  <div class="class="card-header">
    Lista Amministratori con autorizzazione all'accesso
  </div>
      <ul class="list-group list-group-flush">
      <li class="list-group-item">
        <table class='table table-striped table-hover'>
          <thead class='thead-dark'>
          <tr>
	    <th scope='col'>Login</th>
            <th scope='col'>Nome</th>
            <th scope='col'>Permesso</th>
	    <th scope='col'>Chiave</th>
            <th scope='col'>E</th>
            <th scope='col'>D</th>
          </tr>
          </thead>
          <tbody>
            {% for a in listaAmministratore %}
              <tr>
	              <td> {{ a.amministratore.login }} </td>
                <td> {{ a.amministratore.nome }} </td>
                <td> {{ a.permesso.nome }} </td>
		            <td> {{ a.permesso.classe }} </td>
                <td></td>
                <td><button type='submit' class='btn btn-primary' data-bs-toggle='modal' data-bs-target='#ConfirmDeleteModal{{ a.id }}' value='{{ a.id }}'>D</button></td>
              </tr>

              <!-- Modal -->
               <div class="modal fade" id="ConfirmDeleteModal{{ a.id }}" tabindex="-1" role="dialog" aria-labelledby="ConfirmDeleteLabel{{ a.id }}" aria-hidden="true">
                 <div class="modal-dialog" role="document">
              <div class="modal-content">
                <div class="modal-header">
                  <h5 class="modal-title" id="ConfirmDeleteLabel">Conferma Cancellazione Permesso</h5>
                </div>
                <div class="modal-body">
                  La conferma rimuove immediatamente tutti i diritti associati alla
                  sede' {{ a.nome }}.
                  Confermi la cancellazione dei diritti di accesso di {{ a.nome }}?<br>
                </div>
                <div class="modal-footer">
                  <form name='ConfirmDeleteModal' method='POST'>
                    {% csrf_token %}
                    <button type="submit" name="CancellaSedePermessiButton"value='{{ a.id }}' class="btn btn-primary">Cancella Permesso</button>
                    <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Chiudi/Annulla</button>
                  </form>
                </div>
              </div>
            {% endfor %}

            <form name='formAmministratoreDaAggiungere' method='POST'>
              {% csrf_token %}
              <tr>
                <td>
                  <select class="form-select"
                  name="ListaAmministratori"
		  id="ListaAmministratori">
                    <option value="">-- Amministratori disponibili --</option>
                    {% for la in listaAmministratoreDaAggiungere  %}
                      <option value="{{ la.id }}">{{ la.nome }}</option>
                    {% endfor %}
                  </select>
                </td>

		<td>
		  <select class="form-select"
		  name="ListaPermessi"
		  id="ListaPermessi">
		    <option value="">-- Permessi disponibili --</option>
                    {% for lp in listaPermessoDaAggiungere %}
		      <option value="{{ lp.id }}">{{ lp.classe }} - {{ lp.nome }}</option>
		    {% endfor %}
		  </select>
		</td>
		<td>
                  <button type='submit' class='btn btn-primary' name='PermessoDaAggiungereButton'>Aggiungi</button>
                  <button type='submit' class='btn btn-primary' name='AssegnaIdenticiPermessiButton'>Copia Permessi</button>
                </td>
              </tr> 

          </tbody>
        </table>
      </li>
      </ul>
                  <button type='submit' class="btn btn-primary" name= 'IndietroAziendaButton' value='IndietroAzienda'>Indietro</button>
                  <button type='submit' class="btn btn-primary" name= 'FineAziendaButton' value='FineAzienda'>Chiudi</button>
    </div>
  </form>
{% endblock %}