{% extends "Master/MenuTemplate.html.twig" %}

{% block body %}
  {{ parent() }}

  <script>
    window.__FSC = {
      files: {{ fsc.files|json_encode|raw }},
      path: {{ fsc.path|json_encode|raw }},
      url: {{ fsc.url()|json_encode|raw }},
      root: {{ fsc.root|json_encode|raw }}
    };
  </script>

  <main class="nc-page">
    <div class="container" x-data="drive(window.__FSC)">
      {% include 'Nextcloud/breadcrumbs.html.twig' %}
      {% include 'Nextcloud/up_button.html.twig' %}
      {% include 'Nextcloud/file_grid.html.twig' %}
      {% include 'Nextcloud/empty_state.html.twig' %}
    </div>
  </main>

  <div class="modal fade" id="pdfModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
      <div class="modal-content border-0 bg-transparent">
        <div class="modal-body p-0 text-center">
          <iframe src="" frameborder="0" style="width:100%;height:80vh;" class="d-block mx-auto"></iframe>
        </div>
      </div>
    </div>
  </div>

  {% include 'Nextcloud/style.html.twig' %}
{% endblock %}

  {% block javascripts %}
  {{ parent() }}
  <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.umd.js"></script>
  {% include 'Nextcloud/drive.js.twig' %}
  {% endblock %}