{% extends "base.html" %}
{% load static %}
{% load bootstrap4 %}

{% block content %}
<div class="container-fluid">
    <!--left-->
    <div class="col-sm-4">
        <div class="row">
            <div class="col-xs-12">
                <h4>Airspace Check</h4>
                <p>Upload the .igc file you want to check for airspace violations.<br><br>
                    We assume TRA Schwarzenberg was active.<br><br>
                    Validation may take a bit.
                </p>
                <small><p>written by Alex Stumpfl<br>wrapped by Günther Eder</p></small>
            </div>
        </div>
    </div><!--/left-->
    <!--center-->
    <div class="col-sm-6">
        <div class="row">
            <h4>Upload Your Flight</h4>
            <div class="col-xs-12">
                <form action="" method="post" class="form" enctype="multipart/form-data">
                    {% csrf_token %}
                    {% bootstrap_form upload_form %}
                    {% buttons %}
                    <button type="submit" class="btn btn-primary">Check</button>
                    {% endbuttons %}
                </form>
            </div>
        </div>
        <br>
        {%if message %}
        <div class="row">
            <h4>Result</h4>
            <div class="col-xs-12 {% if 'OK' in message %}bg-success{%else%}bg-warning{%endif%}">
                {{message}}
            </div>
        </div>
        <br>
        {%endif%}
        {%if file_id %}
        <div class="row">
            <div class="col-xs-4">
                <a class="btn btn-sm btn-info" href="{% url 'airspacecheck:download' %}{{file_id}}">Download</a>
            </div>
            <div class="col-xs-8">
                kml file of flight (evaluated).
            </div>
        </div>
        {%endif%}
    </div>
    <!--/center-->
    <!--right-->
    <div class="col-sm-2">
    </div><!--/right-->
</div><!--/container-fluid-->

{% endblock content %}
{% block scripts %}
{% endblock scripts %}