{% extends "base.html" %}

{% block title %}Upload GPX file for a *fix{% endblock %}

{% block content %}

<!-- re do all this to autogenerate the form using Django magic stuff -->


<h2>Upload GPX file for a *fix</h2>

<div style = "max-width:35%; margin-left:20%; text-align: left" >
    <form method ='post' enctype ="multipart/form-data">
        {% csrf_token %}             
            <br>
                   <input class="fancybutton2"   type = "file" multiple="multiple" required
                   name = "uploadfiles" id="uploadfiles"  />
                   <br><br><br>
                  
                  <input class="fancybutton2" style="padding: 0.5em 25px; margin-left: 125px"
                   label = "prospector" name = "prospector" id="prospector"  
                   pattern="[A-Za-z]+"
                   placeholder="Wookey" required /> 
                   <label 
                   style="padding: 0.5em 25px; margin-left:20%;"
                   for="prospector">your name<br></label>
                   
                   <br>

                  <input class="fancybutton2" style="padding: 0.5em 25px; margin-left: 125px"
                   label = "areacode" name = "areacode" id="areacode"  
                   pattern="16[0-9]+"
                   placeholder="1623" required /> 
                   <label 
                   style="padding: 0.5em 25px; margin-left:20%;"
                   for="areacode" >area code for this station<br></label>
                   
                   <br>

                  <input class="fancybutton2" style="padding: 0.5em 25px; margin-left: 125px"
                   label = "station" name = "station" id="station"  
                   pattern="[A-Za-z][\-A-Za-z0-9]*"
                   placeholder="p2049-BW-01" required /> 
                   <label 
                   style="padding: 0.5em 25px; margin-left:20%;"
                   for="station" >proposed station identifier<br></label>
                   
                   <br><br><br>
                   <button  class="fancybutton2"  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>
        {% endfor %}
        </p>
    {% endif %}
<p>
    <strong style="font-size: 110%;">Files already here:</strong> in {{yearpath}}<br>
    {% for f in files %}
    <a href="{{urlfile|urlencode}}/{{f|urlencode}}">{{f}}</a><br />
    {% empty %}
    <p>&lt;No files here&gt;
    {% endfor %}
</div> 
<p>You can upload your GPX track which will be averaged into a single *fix
<p>Note that only GPX files are accepted: all other types of files are refused.
<hr>
<p>This GPX file has x locations of which y (_%) have been averaged to produce a a location:<br>
<pre>
{% for f in actual_saved %}
       
[{{ areacode }}]
{{ fixstring }}
{{ entrancestring }}

{% endfor %}
</pre>
<p>

<hr />


{% endblock %}