{% extends 'main_base.html' %}

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

{% block content %}
    <div id="leftCol">
      <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="Submit" id="submitFilter" />
          </p>
        </form>
      </div>
      <div id="fileWrapper">
        <div id="fileList">
        
        </div>
        <div id="pageData">
          Results: <span id="noOfResults"></span>. Page <span id="currentPageNo"></span> of <span id="noOfPages"></span>
        </div>
        <div id="firstPage">First</div>
        <div id="prevBtn">&lt;&lt;</div>
        <div id="nextBtn">&gt;&gt;</div>
        <div id="lastPage">Last</div>
		<div id="withSelected">
          Selected Items: <button id="deleteSelectedBtn">Delete</button>
          &nbsp;&nbsp;<span id="em">OR</span> &nbsp;&nbsp;Move to:
			<select id="moveSelectedSelect">
				<option value="">...............</option>
			</select>
        </div>      
      </div>      
    </div>
    <div id="previewPane">

    </div>
{% endblock %}
