@extends('web.layouts.layout')

@section('content')
<section class="photos section-padding">
    <div class="container">
        <div class="row">
            @foreach($photos as $photo)
            <div class="col-lg-4">
                <div class="items">
                    <div class="img">
                        <a class="icon" data-fancybox="gallery" title="{{ $photo->currentDescription->title }}" href="{{ getImage($photo->image) }}">
                            <img src="{{ getImage($photo->image) }}" alt="{{ $photo->currentDescription->title }}">
                        </a>
                    </div>
                    <h3><a>{{ $photo->currentDescription->title }}</a></h3>
                </div>
            </div>
            @endforeach
        </div>
        
        @if( count( $photos ) && $photos->hasPages() )
            <div class="text-center"> {{ $photos->links() }} </div>
        @endif

    </div>
</section>
@endsection

@section('content_js')

@endsection