@php
  $multiselect = true;

  if(request()->exists('multiselect')){
    $multiselect = (bool)request()->input('multiselect');
  }
  
@endphp

<div class="row filemanager-section">
  <div class="col-lg-12 grid-margin">

    <div class="card">
      <div class="p-0 border-bottom bg-light filemanager-header">
        <nav class="navbar sticky-top navbar-expand" id="nav">
          <a class="navbar-brand invisible-lg d-none d-lg-inline" id="to-previous">
            <i class="fas fa-arrow-left fa-fw"></i>
          </a>
          <a class="navbar-brand d-block d-lg-none" id="show_tree">
          </a>
          <a class="navbar-toggler collapsed border-0 px-1 py-2 m-0" data-bs-toggle="collapse" data-bs-target="#nav-buttons">
            <i class="fas fa-cog fa-fw"></i>
          </a>
          <div class="collapse navbar-collapse flex-grow-0" id="nav-buttons">
            <ul class="navbar-nav">
              @if($multiselect)
              <li class="nav-item">
                <a class="nav-link d-none" id="multi_selection_toggle">
                  <i class="fa fa-check-double fa-fw"></i>
                </a>
              </li>
              @endif
              <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                  <i class="fas fa-eye fa-fw"></i>
                </a>
                <div class="dropdown-menu dropdown-menu-end border-0 dropdown-menu-view">
                  <a class="dropdown-item" data-display="grid"><i class="fas fa-th-large fa-fw"></i><span>Griglia</span></a>
                  <a class="dropdown-item" data-display="list"><i class="fas fa-list-ul fa-fw"></i><span>Elenco</span></a>
                </div>
              </li>
              <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                  <i class="fas fa-sort fa-fw"></i>
                </a>
                <div class="dropdown-menu dropdown-menu-sort dropdown-menu-end border-0"></div>
              </li>
            </ul>
          </div>
        </nav>

      </div>

      <div class="filemanager-breadcrumbs">
        <nav aria-label="breadcrumb" class="d-block" id="breadcrumbs">
          <ol class="breadcrumb">
            <li class="breadcrumb-item invisible">Home</li>
          </ol>
        </nav>
        <a id="loading" class="navbar-brand"><i class="fas fa-spinner fa-spin"></i></a>
      </div>

      <div class="card-body">

        <div class="well">

          <div class="d-flex flex-row">
            <div id="tree"></div>
          
            <div id="main">
              <div id="alerts"></div>
          
              <div id="empty" class="d-none">
                <i class="far fa-folder-open"></i>
                {{ trans('laravel-filemanager::lfm.message-empty') }}
              </div>
          
              <div id="content"></div>
              <div id="pagination"></div>
          
              <a id="item-template" class="d-none">
                <div class="square"></div>
          
                <div class="info">
                  <div class="item_name text-truncate"></div>
                  <time class="text-muted font-weight-light text-truncate"></time>
                </div>
              </a>
            </div>
          
            <div id="fab"></div>
          </div>


        </div>


        <div class="d-none fab-wrapper fab-expand" id="actions">

          <a class="fab-button fab-action" data-label="Apri" data-action="open" data-multiple="false"><i class="fas fa-folder-open"></i></a>
          <a class="fab-button fab-action" data-label="Anteprima" data-action="preview" data-multiple="true"><i class="fas fa-images"></i></a>
          <a class="fab-button fab-action" data-label="Conferma" data-action="use" data-multiple="true"><i class="fas fa-check"></i></a>

        </div>
      </div>
    </div>

  </div>
</div>


<div class="modal fade" id="uploadModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="myModalLabel">{{ trans('laravel-filemanager::lfm.title-upload') }}</h4>
        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><span aia-hidden="true">&times;</span></button>
      </div>
      <div class="modal-body">
        <form action="{{ route('unisharp.lfm.upload') }}" role='form' id='uploadForm' name='uploadForm' method='post' enctype='multipart/form-data' class="dropzone">
          <div class="form-group" id="attachment">
            <div class="controls text-center">
              <div class="input-group w-100">
                <a class="btn btn-primary w-100 text-white" id="upload-button">{{ trans('laravel-filemanager::lfm.message-choose') }}</a>
              </div>
            </div>
          </div>
          <input type='hidden' name='working_dir' id='working_dir'>
          <input type='hidden' name='type' id='type' value='{{ request("type") }}'>
          <input type='hidden' name='_token' value='{{csrf_token()}}'>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary w-100" data-bs-dismiss="modal">{{ trans('laravel-filemanager::lfm.btn-close') }}</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="notify" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-body"></div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary w-100" data-bs-dismiss="modal">{{ trans('laravel-filemanager::lfm.btn-close') }}</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="confirm" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-body"></div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary w-100" data-bs-dismiss="modal">{{ trans('laravel-filemanager::lfm.btn-close') }}</button>
        <button type="button" class="btn btn-primary w-100" data-bs-dismiss="modal">Conferma</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="dialog" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title"></h4>
      </div>
      <div class="modal-body">
        <input type="text" class="form-control">
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary w-100" data-bs-dismiss="modal">{{ trans('laravel-filemanager::lfm.btn-close') }}</button>
        <button type="button" class="btn btn-primary w-100" data-bs-dismiss="modal">Conferma</button>
      </div>
    </div>
  </div>
</div>

<div id="carouselTemplate" class="d-none carousel slide bg-light" data-bs-ride="carousel">
  <ol class="carousel-indicators">
    <li data-bs-target="#previewCarousel" data-bs-slide-to="0" class="active"></li>
  </ol>
  <div class="carousel-inner">
    <div class="carousel-item active">
      <a class="carousel-label"></a>
      <div class="carousel-image"></div>
    </div>
  </div>
  <a class="carousel-control-prev" href="#previewCarousel" role="button" data-bs-slide="prev">
    <div class="carousel-control-background" aria-hidden="true">
      <i class="fas fa-chevron-left"></i>
    </div>
    <span class="sr-only">Previous</span>
  </a>
  <a class="carousel-control-next" href="#previewCarousel" role="button" data-bs-slide="next">
    <div class="carousel-control-background" aria-hidden="true">
      <i class="fas fa-chevron-right"></i>
    </div>
    <span class="sr-only">Next</span>
  </a>
</div>