{% extends _cms.conf.adminTemplate %}

{% block title %}Document List{% endblock %}

{% block head %}

  <link rel="stylesheet" href="/css/plugin/cms/dms.css" />

{% endblock %}

{% block content %}

<a class="tiny button btn btn-primary" href="{{context|safe}}/document/add?folderId={{folderId}}&docType={{defaultDocTypeForAddFile}}"><i class="fa fa-file fa-fw"></i> Add File</a>

<a class="tiny button btn btn-primary" href="{{context|safe}}/document/add?isFolder=y&folderId={{folderId}}"><i class="fa fa-folder fa-fw"></i> New Folder</a>

<div id="DROP_ZONE" >
  <ul class="navigation">
    {%if parentFolders%}
    <li><a href="{{context|safe}}/document/list">Root</a></li>
    {%for parentFolder in parentFolders%}
    <li>/ 
      {%if loop.last%}
      {{parentFolder.name}}
      {%else%}
      <a href="{{context|safe}}/document/list?folderId={{parentFolder._id.toString()}}">{{parentFolder.name}}</a>
      {%endif%}

    </li>
    {%endfor%}
    {%else%}
    <li>Root</li>
    {%endif%}
  </ul>


  <table class="doc-list">
    <thead>
      <tr>
        <th>Actions</th>
        <th colspan="2">
          Name
        </th>
      </tr>
    </thead>
    <tbody>
      {%if documents %}
      {%for document in documents %}
      <tr>
        <td>
          <a title="Edit Details" alt="E" href="{{context|safe}}/document/edit/{{document._id.toString()}}?docType={{document.docType}}"><i class="fa fa-pencil fa-fw dbedit" style="margin-right: 3px;"></i>{%if _cms.conf.showIconDescrip%}Edit{%endif%}</a>

          {%if not document.isFolder%}

          <a title="Download" alt="DL" href="{{context|safe}}/document/download?_id={{document._id.toString()|urlencode}}" style="margin-right: 3px"><i class="fa fa-download fa-fw dbedit"></i>{%if _cms.conf.showIconDescrip%}Download{%endif%}</a>

          <a title="Delete" alt="X" onclick="return confirm('Do you want to delete this record?')" href="{{context|safe}}/document/delete/{{document._id.toString()|urlencode}}"><i class="fa fa-remove fa-fw dbedit" style="color: red;"></i>{%if _cms.conf.showIconDescrip%}Delete{%endif%}</a>


          {%endif%}

        </td>
        <td>
          {%if document.isFolder%}
          <div class="folder"></div>
          {%else%}
          <div class="file"></div>
          {%endif%}
        </td>
        <td>
          {%if document.isFolder%}
          <a href="?folderId={{document._id.toString()}}">{{document.name}}</a>
          {%else%}
          {{document.name}}
          {%endif%}


        </td>
      </tr>
      {%endfor%}

      {%else%}
      <tr>
        <td colspan="3">
          No documents found.
        </td>
      </tr>
      {%endif%}
    </tbody>
  </table>

</div>

{% endblock %}

{%block beforeEndBody%}
 <script src="/js/plugin/cms/list-dropzone.js"></script>
 <script>
(function() {
  initDropZone("{{context|safe}}", "{{_csrf}}", "{{folderId}}");
})()
 </script>
{%endblock%}