{% extends 'base.html' %}
{% load static %}
{% block title %}PIC Unit Report Upload{% endblock %}
{% block content %}
<div id="contentBody">
	<h3>PIC Unit Report Upload</h3>
{% if messages %}
{% for message in messages %}
    <div class="alert {% if message.tags %} alert-{{ message.tags }}{% endif %}" style="color:red;">
        <div id = "uploadAlert">
            <img src = {% static 'images/error.png' %} height="20px" width="20px" alt="upload error">
            {{ message|safe }}
        </div>
    </div>
{% endfor %}
{% endif %}
	<form enctype="multipart/form-data" id ="uploadForm" action="" method="post">
    	{% csrf_token %}
        {{ form.as_p }}
        <input type="submit" value="Upload PIC Units Report">
        <div id="uploading">
        	<img src={% static 'images/uploading.gif' %} height="30px" width="30px" style = 'padding-top: 10px;'/>
        	<strong style="padding-left:10px;">Uploading...</strong>	
        </div>
    </form>
</div>
{% endblock %}
{% block extra_js %}
<script src={% static 'js/uploading.js' %}></script>
{% endblock %}