@extends('frontend.layouts.master')
@section('title') Gallery @endsection
@section('main-content')

<section class="page_breadcrumbs ds parallax section_padding_top_65 section_padding_bottom_65">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 text-center">
                <h2 class="highlight">Gallery</h2>
                <ol class="breadcrumb darklinks">
                    <li>
                        <a href="{{route('home')}}">
                            Home
                        </a>
                    </li>
                    <li class="active">Gallery</li>
                </ol>
            </div>
        </div>
    </div>
</section>

<section class="ls page_portfolio section_padding_top_100 section_padding_bottom_75">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <div class="isotope_container isotope row masonry-layout columns_margin_bottom_20" data-filters=".isotope_filters">
                    @if($galleries)
                        @foreach($galleries as $gallery)
                            <div class="isotope-item col-lg-4 col-md-6 col-sm-12 architecture">
                                <div class="vertical-item gallery-item content-absolute text-center ds">
                                    <div class="item-media">
                                        @php
                                            $photo=explode(',',$gallery->photo);
                                        @endphp
                                        <img src="{{ Storage::url($gallery->photo) }}" alt="">
                                        <div class="media-links">
                                            <div class="links-wrap">
                                                <a class="p-view prettyPhoto " title="" data-gal="prettyPhoto[gal]" href="{{ Storage::url($gallery->photo) }}"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item-content darken_gradient">
                                        <h4 class="poppins">
                                            <a>{{$gallery->title}}</a>
                                        </h4>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    @endif
                </div>
                <!-- eof .isotope_container.row -->
            </div>
        </div>
    </div>
</section>

@endsection