@include('layout.header')

<section id="content" style="background-color: #eee;">
  <div class="container pt-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">
                &nbsp;
              </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 mb-3">

            @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 w-100">
                <div class="file mr-0 mb-2">
                  <a href="{{asset($item->file)}}" target="_blank">
                    <span class="corner"></span>
                    <div class="file-name">
                      <div class="row">
                        <div class="col-md-1 pl-4 pr-0" style="max-width: 5%;">
                          <i class="fa fa-file" style="font-size: 18px;color: #dadada;"></i>
                        </div>
                        <div class="col-md-8 pl-0">
                          {{$item->title}} <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>
                        </div>
                        <div class="col-md-3 pl-0 text-right">
                          <small>Added: {{date('M d, Y', strtotime($item->created_at))}}</small>
                        </div>
                      </div>
                    </div>
                  </a>
                </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')