@extends("layouts.app")

@section("breadcrumb")
<h5 class="mb-0">Imagenes</h5>
<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="{{url('/')}}">Principal</a></li>
    <li class="breadcrumb-item">Imagenes</li>
  </ol>
</nav>
@endsection

@section("content")
<div id="content-page" class="content-page">
  <div class="container-fluid">
    <div class="row row-eq-height">
      <div class="col-sm-12">
        <div class="iq-card">
          <div class="iq-card-header d-flex justify-content-between">
            <div class="iq-header-title">
              <a href="{{url('/sistema/imagenes/crear')}}" class="btn btn-outline-success mt-3 mb-3"><i class="ion-ios-plus"></i> Agregar</a>
            </div>
          </div>
          <div class="iq-card-body">
            <div class="row photos">
              @foreach($archivos as $a)
                <div class="col-4 col-sm-3 col-md-2 col-lg-1 px-1">
                  <div class="item-gallery my-2">
                    <div class="body">
                      <img class="img-fluid" src="{{$a->url}}" data-toggle="tooltip" data-placement="bottom" title="{{$a->nombre}}">
                    </div>
                    <div class="footer">
                      <div class="row">
                        <div class="col-6">
                          <a href="{{url('/sistema/imagenes/editar/'.$a->idImagen)}}">
                            <i class="ri-pencil-line"></i>
                          </a>
                        </div>
                        <div class="col-6">
                          <a href="{{$a->url}}" data-lightbox="photos">
                            <i class="ri-eye-line"></i>
                          </a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              @endforeach
            </div>

            <div class="row">
              <nav style="overflow-x: scroll;">
                @if($archivos->lastPage() > 1)
                  @php
                  $uage = (isset($_GET["page"])) ? $_GET["page"] : 1;
                  @endphp
                  <ul class="pagination mb-0">
                    <li class="page-item">
                      <a class="page-link" href="{{url('/sistema/imagenes?page='.$archivos->onFirstPage())}}" aria-label="Previous"><i class="ion-ios-arrow-left"></i></a>
                    </li>
                    @for($i = 1; $i <= $archivos->lastPage(); $i ++)
                    <li class="page-item @if($uage == $i) active @endif">
                      <a class="page-link" href="{{ url('/sistema/imagenes?page='.$i) }}">{{$i}}</a>
                    </li>
                    @endfor
                    <li class="page-item">
                      <a class="page-link" href="{{url('/sistema/imagenes?page='.$archivos->lastPage())}}" aria-label="Previous"><i class="ion-ios-arrow-right"></i></a>
                    </li>
                  </ul>
                @endif
              </nav>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection