@extends('layouts.app')
@section('content')
  <!--Conteúdo-->
<section id="topo-internas"><!--topo página interna-->
  <div class="container">
    <div class="row">
      <div class="col">
        <div class="box-topo-internas " style="margin-bottom:-10px;">

        <div class="box-titulo-padrao titulo-internas">
          <h1><span class="traco-titulo">Galeria de fotos</span></h1>
        </div>

      </div>
      </div>
    </div>
  </div>
</section><!--fim topo página interna-->

<section id="galeria"><!--seção galeria-->
  <div class="container">
    <div class="row">
          @if (!count($imagens))
            <h2>Nenhuma imagem encontrada</h2>
          @else
            <div align="center" class="box-filtros" style="margin-top:40px;">
                <button class="btn btn-default filter-button" data-filter="all">{!! $title !!}</button>
            </div>
            <!--fim filtros galeria-->

              <!--img galeria-->
              <div class="box-galeria">
                <div class="container">
                  <div class="row">
                    @foreach ($imagens as $key => $value)
                    <div class="col-md-3 col-sm-4">
                        <figure class="img-galeria">
                          <a href="https://farm{{$value['farm']}}.staticflickr.com/{{$value['server']}}/{{$value['id']}}_{{$value['secret'] }}_b.jpg" rel="shadowbox['galeria']">
                            <img src="{{url('timthumb.php?src=')}}https://farm{{ $value['farm'] }}.staticflickr.com/{{ $value['server'] }}/{{ $value['id'] }}_{{ $value['secret'] }}_n.jpg&w=320&h=210" alt="">
                            <figcaption>
                                <p><i style="margin-right:10px" class="fa fa-search-plus" aria-hidden="true"></i>Zoom</p>
                            </figcaption>
                          </a>
                        </figure>
                    </div>
                    @endforeach
                  </div>
                </div>
              </div>
              <!-- fim img galeria-->
          @endif
      </div>
    </div>
</section><!--fim seção galeria-->

{{$imagens->links('pagination.my-pagination')}}

@endsection