{% extends "base-nav.html" %}

{% block css %}
<link rel="stylesheet" href="{{ static_url("ffu.css") }}">
{% end %}

{% block content %}
<div class="container">
  <form id="form-upload" enctype="multipart/form-data" action="" method="post">
    <input type="file" id="fileselect" name="fileselect" multiple="multiple" style="display:none"/>
    <div class="row">
      <div class="col-md-8 col-sm-8 bot-padding">
        <div id="upload-zone" class="well upload-zone">
          <p id="upload-text" class="lead text-center text-muted">Drop files or Click here</p>
        </div>
      </div>
      <div class="col-md-4 col-sm-4 bot-padding">
        <button id="upload-btn" class="btn btn-lg btn-default btn-block" type="submit" disabled>Upload</button>
        <button id="clear-btn" class="btn btn-lg btn-default btn-block" type="reset" disabled>Clear</button>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-12">
        <ul id="filelist" class="list-group"></ul>
      </div>
    </div>
  </form>
</div><!-- /.container -->
{% end %}

{% block js %}
<script src="{{ static_url("ffu.js") }}"></script>
{% end %}