@include('_partials_frontend.head')
<!--Header-->
@include('_partials_frontend.navbar')
<section class="page-gallery filter-section">
    <div class="container">
      <h3 class="title-section-2 font-xl">
        GALLERY      </h3>
      
      <!-- <div class="dropdown-filter-gallery">
        <div class="toggler-filter mobile-show">All Category</div>
        <div class="filter-gallery" id="myBtnContainer">
          <button class="btn-filter active" onclick="filterSelection('all')"> All Category</button>
          @foreach($album as $alb)
          <button class="btn-filter" onclick="filterSelection('{{ $alb->nama_album }}')">{{ $alb->nama_album }}</button>
          @endforeach
        </div>
      </div> -->
    </div>
  </section>
  <section class="page-gallery">
    <div class="container">
      <div class="row">
      	@foreach($galeri as $media)
        <div class="col-md-3 column {{ $media->nama_album }}">
          <div class="gallery-item">
            <a href="/upload/galeri/{{ $media->foto }}" data-fancybox="gallery" data-caption="{{ $media->judul_foto }}" class="fancybox font-medium">
              <img src="/upload/galeri/{{ $media->foto }}" alt="" />
              <div class="content">
                <h3 class="title font-medium">{{ $media->judul_foto }}</h3>
              </div>
            </a>
          </div>
        </div>
        @endforeach
      </div>
    </div>
  </section>
@include('_partials_frontend.footer')