<!--====================Gallery==============-->
{{-- <div class="services-section-two pull-up">
    <div class="container">
        <div class="row">
            @foreach($galleryImages as $gallery)
            <div class="col-md-4">
                <div class="service-block-two">
                    <div class="inner-box">
                        <div class="image-box">

                            <figure class="image"><a href="{{ url('uploads/galleryImages/source' , $gallery->img) }}"
                                    class="lightbox-image" data-fancybox="gallery"><img src="{{ url('uploads/galleryImages/source' , $gallery->img) }}"
                                        alt="Image"></a></figure>
                        </div>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</div> --}}
<!--====================Gallery==============-->
<div class="services-section-two pull-up pt-5 pb-5">
    <div class="container">
            <div class="row">
                @foreach ($albums as $key => $album)
              <div class="col-md-4">  
                <div class="service-block-two">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image">
                            <a href="{{ url('uploads/album_items/source/' . $album->image) }}"
                                        class="lightbox-image" data-fancybox="gallery-{{ $key }}"><img src="{{ url('uploads/album_items/source/' . $album->image) }}"
                                        alt="Image">
                            </a>

                            <div style="display:none">
                                @foreach ($album->images as $index => $img)
                                    <a data-fancybox="gallery-{{ $key }}" href="{{ url('uploads/album_items/source/' . $img->name) }}">
                                        <img src="{{ url('uploads/album_items/source/' . $img->name) }}" />
                                    </a>
                                    
                                    @endforeach
                                 
                            </div>
                            <h1>Project 1 </h1>
                            </figure>
                        </div>
                    </div>
                </div>
              </div>
            @endforeach             
            </div>
    </div>
</div>

