{% extends 'base.html' %}

{% block top %}
    <div class='form-outline mb-4 text-center btn-primary h3'>
           {{ HeaderTitle }}
    </div>
    <div clasS='form-outline mb-4 text-center btn-primary h3'>
           Azienda in elaborazione: {{ azienda.nome }}
    </div>
    <div clasS='form-outline mb-4 text-center btn-primary h3'>
           Amministratore: {{ admin.username }}
    </div>
{% endblock %}

{% block body %}
  <form name="inputUtente" method="POST">
  {% csrf_token %}
  <table class='table table-striped table-hover'>
    <thead class='thead-dark'>
      <tr>
        <th scope='col'>Id</th>
        <th scope='col'>Nome</th>
        <th scope='col'>Codice Fiscale</th>
        <th scope='col'>Data di Nascita</th>
	<th scope='col'>Luogo di Nascita</th>
	<th scope='col'>documenti</th>
        <th scope='col'>Mail</th>
	<th scope='col'>Password</th>
      </tr>
    </thead>
    <tbody>
      {% csrf_token %}
      {% for uu in utenti %}
        <tr>
	  <td> <input type='submit' name='scelta' value='{{ uu.id }}'></td>
          <td> {{ uu.nome }} </td>
	  <td> {{ uu.codicefiscale }} </td>
	  <td> {{ uu.datanascita|date:'d/m/Y' }} </td>
	  <td> {{ uu.luogonascita }} </td>
	  <td> {{ uu.documenti }} </td>
          <td> {{ uu.mail }} </td>
          <td> {{ uu.password }} </td>
	</tr>
      {% endfor %} 
    </tbody>
  </table>
  </form>
  <div class='form-control'>
    <input type='submit' name='scelta' value='0'>
    
    <a href='documento:upload'>Upload Multipli</a>
  </div>
{% endblock %}

{% block bodybottom %}
  <div>
	  &nbsp;
  </div>
  <br>
  <form name='upload' method='post' enctype='multipart/form-data'>
    {% csrf_token %}
    <table class='table table-striped table-hover'>
      <tbody>
        <tr>
         <form name='upload' method='post' enctype='multipart/form-data'>
           {% csrf_token %}
   
           <td><input type='file' name='indice' id='indice' value='{{ uf.indice }}' accept='text/csv'></td>
           <td><input type='file' name='allegati' id='allegati' value='{{ uf.allegati }}' accept='application/pdf' multiple></td>
           <td><input type='submit' value='Inserisci'><td>
         </form>
         <td>
           <button type='button' class='btn btn-secondary' name='umf'
           data-toggle='modal' data-target='#UploadMultipleFile'>
           Multi Upload</Button>
         </td>
                   	  
        </tr>
      </tbody>
    </table>  
    
      	  <!-- modal -->
	  <div class="modal fade" id="UploadMultipleFile" tabindex="-1" role="dialog"
	  aria-labelledby="Upload Multi File" aria-hidden="true">
            <div class="modal-dialog" role="document">
              <div class="modal-content">
                <form name='upload' method='post' enctype='multipart/form-data'>
                {% csrf_token %}
 
                <div class="modal-header">
                  <h5 class="modal-title"
                  id="TitleUploadMultipleFile">Upload Multi File</h5>
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                  </button>
                </div>
                <div class="modal-body">
	          <td><input type='file' name='indice' id='indice' value='{{ uf.indice }}' accept='text/csv'></td>
	          <td><input type='file' name='allegati' id='allegati' value='{{ uf.allegati }}' accept='application/pdf' multiple></td>
	          <td><input type='submit' value='Inserisci'>
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                  <button type="submit" class="btn btn-primary" name="upload"
                  value="Inserisci">Inserisci</button>
                </div>
                </form>
              </div>
            </div>
          </div>
          <!-- end Modal -->
{% endblock %}