{% extends "base.html" %}

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

{% block content %}

<h2>Upload scan into wallet {{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:35%; margin-left:20%; text-align: center; " >
    <form method ='post' enctype ="multipart/form-data">
        {% csrf_token %}              
            <br>{% if user.username %}
                   <input class="fancybutton"   type = "file" multiple="multiple"  
                   name = "uploadfiles" id="uploadfiles"  />
                   <br><br><br>
                   <button  class="fancybutton"  style="padding: 0.5em 25px; margin-left: 155px" type = "submit" value = "Upload" >
                      Upload
                   </button>
                {% endif %}
    </form>
</div>
<div style = "max-width:29%; margin-left:20%; text-align: left" >
    {% if filesaved %}
        <p>
        <b>File(s) saved as <br>
        {% for f in actual_saved %}
        <em>{{f}}</em> <br></b>
        {% endfor %}
        </p>
    {% endif %}

<p>
{% for f in files %}
<a href="/expofiles/surveyscans/{{year}}/{{wallet|urlencode}}/{{f}}">{{ f}}</a><br />
    {% empty %}
    <p>&lt;No files here&gt;
{% endfor %}
</p>
    {% if create %}
    This online wallet does not yet exist.
    <br>It will be created and initialised automatically when you upload a file.
    {% endif %}

<p><em>
<a href="/expofiles/surveyscans/{{year}}/{{wallet|urlencode}}/walletindex.html">Wallet status page</a>
<br />
<a href="/expofiles/surveyscans/{{year}}/walletindex.html">Wallet index for this year</a>
<br />
<a href="/expedition/{{year}}">Logbook entries, Survex files for this year</a>
</em>

</div> 
<hr />
    {% if not create %}
    <br>
    <span style="font-family: monospace;  font-size: 150%; ">
    {% if cave %}<u>Cave ID</u>: <b>{{cave}}</b><br> {% endif %}
    {% if psg %}<u>Survey area</u>: <b>{{psg}}</b><br>{% endif %}
    {% if svxfiles %}<u>Survey files</u>: 
            {% for svx in svxfiles%}
            <a href="/survexfile/{{svx}}">{{svx}}</a>
            {% endfor %}

    <br><br> 
    {% endif %}
    </span>
    <span style="font-family: monospace;  font-size: 130%; ">
    <!--
    <table style="border: 1px; border-style: hidden;>
    {% for d, value in waldata.items %}
    <tr style="border-style: hidden;">
        <td  style="border-style: hidden;  padding-right: 3em;">{{d}}</td> 

            <td> <b>{{value}}</b></td>

    </tr>
    {% empty %}
        <p>&lt;No JSON data here&gt;
    {% endfor %}
    </table>
    -->
    </span>
    <style>
    input {font-family: monospace; font-weight: bold; font-size: 100%; padding: 0.5em;  }
    </style>
    <div style = "max-width:100%; margin-left:15%; font-family: monospace; font-weight: bold; font-size: 150%; text-align: right; " >
        <form method ='post'>
            {% csrf_token %}
           <label for="date">Date of the survey trip</label>
           <input 
           label = "Date" name = "date" size="12"
           title="Date of the trip in ISO format: 2020-08-17"
           placeholder="{{date}}" value="{{date}}" required /> 
    <br>        
           <label for="cave">Cave ID</label>
           <input 
           label = "Cave" name = "cave" size="12"
           title="Cave id e.g. 2017-DM-01 or 1623/256"
           placeholder="{{cave}}" value="{{cave}}"  /> 
    <br>        
           <label for="psg">Survey area</label>
           <input 
           label = "Survey area" name = "psg" size ="{{psgsize}}"
           title="Survey area, e.g. White Elephant or Nieder Augst Eck"
           placeholder="{{psg}}" value="{{psg}}"  /> 
    <br>        
           <label for="plannr">Plan not required ?</label>
           <input type="checkbox" name="plannr" id="plannr" value=" True" {% if "plan not required" in checked %}checked{% endif %}>
    <br>
           <label for="elevnr">Elevation not required ?</label>
           <input type="checkbox" name="elevnr" id="elevnr" value="True" {% if "elev not required" in checked %}checked{% endif %}>
    <br>
           <label for="survexvnr">Survex file not required ?</label>
           <input type="checkbox" name="survexvnr" id="survexvnr" value="True" {% if "survex not required" in checked %}checked{% endif %}>
    <br>
           <label for="pland">Plan drawn ?</label>
           <input type="checkbox" name="pland" id="pland" value="True" {{chkpland}} {% if "plan drawn" in checked %}checked{% endif %}>
    <br>
           <label for="elevd">Elevation drawn ?</label>
           <input type="checkbox" name="elevd" id="elevd" value="True" {% if "elev drawn" in checked %}checked{% endif %}>
    <br>
           <label for="descriptionw">Cave description written ?</label>
           <input type="checkbox" name="descriptionw" id="descriptionw" value="True" {% if "description written" in checked %}checked{% endif %}>
    <br>
           <label for="qmsw">QMs written ?</label>
           <input type="checkbox" name="qmsw" id="qmsw" value="True" {% if "qms written" in checked %}checked{% endif %}>
    <br>
           <label for="websiteupt">Website updated ?</label>
           <input type="checkbox" name="websiteupt" id="websiteupt" value="True" {% if "website updated" in checked %}checked{% endif %}>
    <br>
           <label for="electronic">Electronic survey ?</label>
           <input type="checkbox" name="electronic" id="electronic" value="True" {% if "electronic survey" in checked %}checked{% endif %}>
    <br>
           <label for="people">List of people on the survey trip</label>
           <input 
           label = "People" name = "people" size ="{{peoplesize}}"
           title="List of people on the survey trip"
           placeholder="{{people}}" value="{{people}}" /> 
    <br>
           <label for="url">URL of cave description</label>
           <input 
           label = "URL" name = "url" size ="{{urlsize}}"
           title="URL of cave description, e.g. /1623/264/264.html"
           placeholder="{{url}}" value="{{url}}"  /> 
    <br>
           <label for="survex">List of survex files</label>
           <input 
           label = "survex" name = "survex" size ="{{survexsize}}"
           title="List of survex files using this data"
           placeholder="{{survex}}" value="{{survex}}"  /> 
    <br><br>{% if user.username %}
            <button  class="fancybutton"  style="padding: 0.5em 25px; margin-left: 155px; font-size: 90%; " 
            type = "submit" value = "Edit" >
            Submit changes
            </button>{% endif %}
        </form>
    </div>
    {% endif %} <!-- not create -->
{% endblock %}