{% extends 'base.html' %}

{% block top %}
  <p>
    utente che sta effettuando gli aggiornamenti {{ utenteautorizzato.mail }}@{{ utenteautorizzato.domain.nome }}
  </p>
{% endblock %}

{% block body %}
  <p>
  Dominio: {{ dominio.nome }}
  </p>

  <p>
  Elenco dei Servizi associati a questo dominio:
  <form name='delservice' method='post'>
  {% csrf_token %}
  <table class='table table-striped table-hover'>
    <thead class='thead-dark'>
      <tr>
        <th scope='col'>Cmd</th>
	<th scope='col'>Servizio</th>
	<th scope='col'>Attivazione</th>
	<th scope='col'>Disattivazione</th>
      </tr>
    </thead>
    <tbody>
      {% for s in domainserviziassegnati %}
        <tr>
           <td><button class="btn btn-primary" type="button" 
                       name='serviziodaassegnare'
	               data-toggle='modal' data-target='#manageNotaRemove{{ s.id }}'>
                       Termina</button></td>
	   <td><div class='col'>
	       <div class='row'>{{ s.servizio.nome }}<div>
   	       <div class='row'>..{{ s.nota }}</div>
	       </div></td>
	  <td>{{ s.attivazione }}</td>
	  <td>{{ s.disattivazione }}</td>
        </tr>
           <!-- Modal -->
	   <div class="modal fade" id="manageNotaRemove{{ s.id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <h5 class="modal fade" id="exampleModalLongTitle">Eventuali Note</h5>
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
              <div class="modal-body">
		      <label>Note {{ s.servizio.nome }}</label>
		      <textarea class="form-control rounded-0" id="nota" name='nota' rows="3">{{ s.nota }}</textarea>
              </div>
		      <button type='submit' class='btn btn-primary' name='serviziodarimuovere'value=' {{ s.id }}'>Termina</button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
              </div>
            </div>
          </div>
        </div>
        <!--modal Fine -->

     {% endfor %}
    </tbody>
  </table>
</form>
  </p>
  <p>
  Servizi Disponibili
  <form name='addservice' method='post'>
  {% csrf_token %}
  <table class='table table-striped table-hover'>
    <thead class='thead-dark'>
      <tr>
        <th scope='col'>Id</th>
	<th scope='col'>Servizio</th>
      </tr>
    </thead>
    <tbody>
      {% for s in domainservizi %}
        <tr>
          <td><button class="btn btn-primary" type="button" 
		      name='serviziodaassegnare'
					      data-toggle='modal' data-target='#manageNotaAppend{{ s.id }}'>
                      Aggiungi</button></td>
          <td>{{ s.nome }}</td>
        </tr>
          <!-- Modal -->
	  <div class="modal fade" id="manageNotaAppend{{ s.id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <h5 class="modal fade" id="exampleModalLongTitle">Eventuali Note</h5>
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
              <div class="modal-body">
		      <label>Note: {{ s.nome }}</label>
	      <textarea class="form-control rounded-0" id="nota" name='nota' rows="3"></textarea>
              </div>
              <div class="modal-footer">
		      <button type="submit" class="btn btn-primary" name='serviziodaaggiungere' value='{{ s.id }}'>Aggiungi</button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
              </div>
            </div>
          </div>
        </div>
        <!--modal Fine -->

     {% endfor %}
      </tr>
    </tbody>
  </table>
 </form>
  </p>
{% endblock %}
   	  <th scope='row'><button class='btn btn-primary' type='submit' name='serviziodarimuovere' value='{{ s.id }}'>Rimuovi</button></th>