{% extends "base.html" %}

{% block title %}Simple Fileupload{% endblock %}

{% block content %}

<h2>Scanned notes or survey upload into wallet </h2>
<p style="font-family: monospace; font-weight: bold; font-size: 130%; text-align: center">
<a style="font-weight: normal;" href="/scanupload/{{prevy}}:01">{{prevy}}</a>
&nbsp;...&nbsp;
<a href="/scanupload/{{year}}:{{prev}}">{{year}}:{{prev}}</a> 
&larr; {{wallet}} &rarr; 
<a href="/scanupload/{{year}}:{{next}}">{{year}}:{{next}}</a>
&nbsp;...&nbsp;
<a style="font-weight: normal;" href="/scanupload/{{nexty}}:01">{{nexty}}</a>
</p>


    <div style = "max-width:40%;">

    {% if filesaved %}
        <p style="margin-left:20%;">
        <b>File(s) saved as 
        {% for f in actual_saved %}
        <em>'{{f}}'</em> 
        {% endfor %}
        <br><br>Upload more?</b>
        </p>
        <br>
    {% endif %}


    <form method ='post' enctype ="multipart/form-data">
        {% csrf_token %}              
            <br>         
                   <input type = "file" multiple="multiple"  style = "margin-left:20%;" 
                   placeholder = "Simplefile" name = "simplefile" id="files">
            <br>  <br>    
                   <input type = "text" size = "8" style = "margin-left:20%;" 
                   placeholder = "Wallet id e.g. 2021#23" name = "title" value='{{wallet}}'id="wallet"><label for="wallet"> Wallet id</label>
              
                <center>       
                   <button style = "color: #fff; border:1px; background-color:#999; margin-top:8%; 
                      height:35px; width:80%; margin-left:19%;" type = "submit" value = "Upload" >
                      <strong>Upload</strong>
                   </button>
                </center>
    </form>
    </div>

        <p style="margin-left:20%;">
{% for f in files %}
<a href="/expofiles/surveyscans/{{year}}/{{wallet|urlencode}}/{{f}}">{{ f}}</a><br />
{% endfor %}
</p>
 {% endblock %}