{% extends 'main_base.html' %}

{% block title %} Archive {% endblock %}

{% block pageTitle %} Archive {% endblock %}

{% block extra_head %}
	<!-- <link rel="stylesheet" href="/static/css/reset.css" /> -->
    <link rel="stylesheet" href="/static/css/files/archive.css" />
    <script type="text/javascript" src="/static/js/files/browse.js"></script>
{% endblock %}

{% block content %}
    <div id="fileFilters">
        <form id="filterForm">
          {{ filterForm.as_p }}
          <p>
            <input type="hidden" name="page_no" id="page_no" value="1" />
            <input type="submit" value=" Find " id="submitFilter" />
          </p>
        </form>
      </div>
    <div id="leftCol">
      <div id="fileWrapper">
        <div id="fileList">
        
        </div>
        <div id="pageDataWrapper">
          <div id="loadingPage">Loading...</div>
          <div id="pageData">
            Results: <span id="noOfResults"></span>. Page <span id="currentPageNo"></span> of <span id="noOfPages"></span>
          </div>
          <div id="pageBtnsWrapper">
            <div id="firstPage">First</div>
            <div id="prevBtn">&lt;&lt;</div>
            <div id="nextBtn">&gt;&gt;</div>
            <div id="lastPage">Last</div>
          </div>
        </div>

  {% if user.is_authenticated %}
		<div id="withSelected">
          Selected Items: <button id="deleteSelectedBtn">Delete</button>
         <p id="em">OR</p> <p>Move to:
			<select id="moveSelectedSelect">
				
			</select> 
      <button id="moveSelectedBtn">Move</button></p>
    </div>      
  {% endif %}
  </div>      
</div>
  

    <div id="previewPane">

    </div>
{% endblock %}
