@include('layout.header')

<section id="content" style="background-color: #eee;">
  <div class="container pt-4 pb-4">
    <div class="row">
      <div class="col-md-12">
        <h4>{{$title}}</h4>
        <div class="ibox float-e-margins">
          <div class="ibox-content">
            <div class="row">
              <div class="col-md-8">
                <div class="file-manager">
                  <div class="clearfix"></div>
                </div>
              </div>
              <div class="col-md-4 p-0 pr-3">
                <div class="input-group">
                  <input type="text" class="form-control" placeholder="Cari File" aria-label="Cari File" aria-describedby="basic-addon2">
                  <div class="input-group-append">
                    <button class="btn btn-outline-danger" type="button">
                      <i class="fa fa-search"></i>
                    </button>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-12 animated fadeInRight">
        <div class="row">
          <div class="col-lg-12">

            @if (count($items) == 0)
            <div class="file-box w-100">
              <div class="file mr-0 mb-2 p-4 text-center" style="border-radius: 10px;">
                Dokumen masih kosong
              </div>
            </div>
            @endif

            @foreach ($items as $item)
            <div class="file-box">
              <div class="file">
                <a href="{{asset($item->file)}}" target="_blank">
                  <span class="corner"></span>

                  @if ($item->thumbnail == '')
                        <div class="icon">
                        <i class="fa fa-file-pdf-o text-danger"></i>
                      </div>
                @else
                    <img src="{{asset($item->thumbnail)}}" alt="{{$item->thumbnail}}" style="width: 100%;padding:10px;">
                @endif
                </a>
                  <div class="file-name">
                    {{$item->title}} 
                    <a href="{{asset($item->file)}}" download="{{asset($item->file)}}">
                    <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-download" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" d="M.5 8a.5.5 0 0 1 .5.5V12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V8.5a.5.5 0 0 1 1 0V12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8.5A.5.5 0 0 1 .5 8z"/>
                        <path fill-rule="evenodd" d="M5 7.5a.5.5 0 0 1 .707 0L8 9.793 10.293 7.5a.5.5 0 1 1 .707.707l-2.646 2.647a.5.5 0 0 1-.708 0L5 8.207A.5.5 0 0 1 5 7.5z"/>
                        <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0v-8A.5.5 0 0 1 8 1z"/>
                      </svg>
                    </a>
                    <br>
                    <small>Added: {{date('M d, Y', strtotime($item->created_at))}}</small>
                  </div>
              </div>
            </div>
            @endforeach

          </div>
        </div>
      </div>
    </div>
    {{-- <div class="row pb-4">
      <div class="col-12 col-lg-12 mt-4">
        <nav aria-label="Page navigation example text-center">
          <ul class="pagination justify-content-center">
            <li class="page-item"><a class="page-link" href="#">Previous</a></li>
            <li class="page-item"><a class="page-link" href="#">1</a></li>
            <li class="page-item"><a class="page-link" href="#">2</a></li>
            <li class="page-item"><a class="page-link" href="#">3</a></li>
            <li class="page-item"><a class="page-link" href="#">Next</a></li>
          </ul>
        </nav>
      </div>
    </div> --}}
  </div>
</section>

@include('layout.footer')