{% 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>
                   <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>
    </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>
</em>

</div> 
<hr />
<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>
        <button  class="fancybutton"  style="padding: 0.5em 25px; margin-left: 155px; font-size: 90%; " 
        type = "submit" value = "Edit" >
        Submit changes
        </button>
    </form>
</div>
{% endblock %}