{% extends 'base.html' %}

{% block top %}
  <form name='frontpage' method='post' class='form-container card p-3 bg-light' enctype='multipart/form-data'>
    {% csrf_token %}
    <div class='form-outline mb-5 text-center btn-primary h3'>
            Altemica Buste Paga Converter
    </div>
    <div class='form-outline mb-4'>
     <label class="form-label" for="customFile">File Buste Paga</label>
     <input type="file" class="form-control" id="filecaricato" name='filecaricato'/>
    </div>
    <div class='form-outline mb-4 text-center'>
      <button type='submit' class='btn btn-primary btn-block btn-lg mb-4 active'>Upload</button>
      <button type='reset' class='btn btn-secondary btn-block btn-lg mb-4'>Annulla</button>
    </div>
   </form>
  
{% endblock %}

{% block body %}
  <div class="container-sm bg-light card p-3">
  {% if 'errore' in listafiles %}Attenzione si e' verificato un errore con il file caricato
    {% else %}
      <p>
      Numero delle pagine del documento originale: {{ numeropagine }}
      </p>
      {% for k,f in listafiles.items %}
        <p>
	<button type='button' class='btn btn-primary btn-sm' onclick="window.open('{% url "Frontpage:finalize" k %}')">{{ k }} pagine: {{ f.pagine }}</button>
	<!-- <a href='https://altemica.net/bpconverter_static/upload/out/{{ k }}.pdf'>{{ k }}</a> pagine: {{ f.pagine }} -->
	</p>
      {% endfor %}
  {% endif %}
  </div>
{% endblock %}


{% block help %}
<div class="container-sm bg-light card p-3">
<p>
Il servizio tecnico Altemica è lieto di offrirvi questa increbile opportunità.
</p>
<p>
Vogliamo offrirvi due materassi al prezzo di uno che potrete pagare in comode rate per i
prossimi 130 anni.
</p>
<p>
In più vorremmo offrirvi dodici set di cuscini e un paio di lenzuola senza federe per darvi 
la certezza di avere il miglior prodotto sul mercato al miglior prezzo.
</p>
</div>
{% endblock %}