@extends('layouts.master')
@section('title', 'Gallery')
@section('content')

<!-- Breadcrumb section -->
<div class="site-breadcrumb">
	<div class="container">
		<a href="#"><i class="fa fa-home"></i> Home</a> <i class="fa fa-angle-right"></i>
		<span>Gallery</span>
	</div>
</div>
<!-- Breadcrumb section end -->

<section class="about-section spad pt-0">
	<div class="container">
		<div class="section-title text-center">
			<h3>Gallery Sekolah</h3>
			<p>Foto Dokumentasi Kegiatan Sekolah</p>
		</div>
		<div class="row">
			<div class="col-lg-12">
				<!-- Gallery section -->
				<div class="gallery-section">
				    <div class="gallery">
				        <div class="grid-sizer"></div>
				        <?php $no=0; foreach($data as $row){ $no++; ?>
				        <div class="gallery-item <?php if($no == 1 || $no == 5){ echo 'gi-big'; }elseif($no == 4 || $no == 6){ echo 'gi-long'; } ?> set-bg" data-setbg="{{ url('assets/files/gallery/'.$row->picture.'?time='.time()) }}">
				            <a class="img-popup" href="{{ url('assets/files/gallery/'.$row->picture.'?time='.time()) }}"><i class="ti-plus"></i></a>
				        </div>
				        <?php } ?>
				    </div>
				</div>
				<!-- Gallery section -->
			</div>
		</div>
	</div>
</section>
@endsection
