{% extends "base.html" %}

{% block title %} | Extension: Sapelli{% endblock %}

{% block main %}
<div class="page-header">
    <div class="container">
        <div class="row">
            <div class="col-sm-6">
                <h1 class="smaller"><a href="{% url 'geokey_sapelli:index' %}">Sapelli</a></h1>
            </div>
        </div>

    </div>
</div>

<div class="container">
    {% include 'snippets/sapelli_messages.html' %}

    <div class="row">
        {% include 'snippets/sapelli_menu.html' %}
        <div class="col-sm-8">
            <h3 class="header">Upload new Sapelli project</h3>

            <form role="form" method="POST" action="{% url 'geokey_sapelli:project_upload' %}" enctype="multipart/form-data" novalidate>
                {% csrf_token %}
                <div class="form-group">
                    <label for="sap_file" class="control-label">Sapelli Project file:</label>
                    <input type="file" name="sap_file" id="sap_file" required>
					Typically the file has extension .sap, .sapelli, .excites, or .zip.
                </div>

                <div class="form-group">
                    <button type="submit" class="btn btn-primary">Upload</button>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}

{% block libraries %}
        <script src="/static/js/admin.ui.forms.validate.js"></script>
        <link rel="stylesheet" href="/static/lib/file-upload/css/fileinput.min.css">
        <script src="/static/lib/file-upload/js/fileinput.min.js"></script>
        <script>
            $('input#sap_file').fileinput({
                'showUpload': false
            });
        </script>
{% endblock %}