{% extends "menu.html" %}

{% block css %}
{% load staticfiles %}
<link rel="stylesheet" href="{% static "css/bootstrap.css" %}">
<link rel="stylesheet" href="{% static "css/bootstrap-theme.min.css" %}">
{% endblock %}



{% block content %}

<div id="loading" style="position:absolute; top:50%; left:40%; width:80px; display: none;" >

    <img src="{% static "img/ajax-loader.gif" %}" alt="" />
</div>

<div class="container theme-showcase" role="main">
		<div class="jumbotron">
				<h1>Title</h1>
		<form enctype="multipart/form-data" action="/add/corpus/" method="post">
    {% csrf_token %}
		{{ form.non_field_errors }}
		{{ form.as_p}}

		<input type="submit" value="Save" />
</form>
</div>
</div>

<script>
function showLoader(){
  $('#loading').setStyle('display', 'block');
  $('submit_btn').disabled = true;
};
</script>

{% endblock %}