@extends('frontend.layouts.app')

@section('content')
    <section class="bread " >
        <div class="container">
        <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{route('frontend.home')}}">Home</a></li>
        <li class="breadcrumb-item active" aria-current="page">Photo Gallery</li>
      </ol>
    </nav>
    </div>
    </section>

    <section class="gallery section-padding">
        <div class="container">
             <div class="heading text-center mb-3">
                 <span>Check our gallery</span>

                <h1 data-aos="fade-right">Photo Gallery</h1>
                <div class="hero-stars mb-4">
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star big"></i>
                    <i class="fas fa-star"></i>
                </div>
            </div>

            <div class="row">
                @foreach($galleries as $gallery)
                    <div class="col-lg-4 col-md-6">
                    <div class="gallery-wrapper mag">
                        <div class="photo-stack">
                            <a href="{{route('frontend.gallerys.single', $gallery->id)}}">
                                @foreach($gallery->upload as $k => $u)
                                    @if($k < 3)
                                        <img src="{{asset('/').$u->filebasepath.'/'.$u->filepath.'/'.$u->filename}}" alt="{{$u->filename}}">
                                    @endif
                                @endforeach
                            </a>
                        </div>

                        <div class="gallery-title">
                            <h5>{{$gallery->title}}</h5>

                        </div>
                        </a>


                    </div>
                </div>
                @endforeach
            </div>
              <nav aria-label="Page navigation example">
                        <ul class="pagination justify-content-end">
                            {{$galleries->links()}}
                        </ul>
                    </nav>
        </div>
    </section>
@endsection