@extends('vendor.site-bases.website.layouts.master')

@section('title', trans('title.photos'))

@section('page_title', trans('title.photos'))

@section('breadcrumbs')
    {!! Breadcrumbs::render('photos') !!}
@endsection

@section('content')
    <div class="gallery_page container">
        @foreach ($photos as $item)
            <div class="gallery">
                <div class="gallery_image">
                    <a href="{{ $item->url }}" data-count="{{ $item->images->count() + 1 }} @lang('site.photo')">
                        <img src="{{ asset($item->thumb) }}" alt="">
                    </a>
                    <a href="{{ $item->url }}" class="read_more">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="15.556" viewBox="0 0 16 15.556">
                            <path id="prefix__Path_157" d="M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z" data-name="Path 157" transform="translate(-4 -4.222)"></path>
                        </svg>
                    </a>
                </div>
                <h3>
                    <a href="{{ $item->url }}">
                        {{ $item->title }}
                    </a>
                </h3>
            </div>
        @endforeach
    </div>
    <div class="pagination">
        {{ $photos->appends(request()->except('page'))->links() }}
    </div>
@endsection