@php
    Theme::asset()->container('footer')->usePath()->add('imagesloaded', 'plugins/imagesloaded.min.js', ['jquery']);

    Theme::set('pageTitle', __('Galleries'));
    Theme::layout('full-width');
@endphp

<section class="section pb-100">
    <section class="profile fix pt-60">
        <div class="container-xxl">
            @if (isset($galleries) && !$galleries->isEmpty())
                <div class="row">
                    <div class="col-xl-12 col-lg-12">
                        <div class="my-masonry text-center mb-50">
                            <div class="button-group filter-button-group">
                                <button class="active" data-filter="*">{{ __('All') }}</button>
                                @foreach ($galleries as $gallery)
                                    @if($gallery->is_featured === 1)
                                        @php
                                            $galleryName = $gallery->name;
                                            $galleryClass = '.' . str_replace(' ', '', strtolower($gallery->name));
                                        @endphp
                                        <button data-filter="{{ $galleryClass }}">{{ $galleryName }}</button>
                                    @endif
                                @endforeach
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="masonry-gallery-huge">
                            <div class="grid">
                                <div class="gallery-wrap">
                                    @foreach ($galleries as $gallery)
                                        @php
                                            $galleryName = $gallery->name;
                                            $galleryClass = str_replace(' ', '', strtolower($gallery->name));
                                        @endphp
                                        <div class="grid-item {{ $galleryClass }}">
                                            <a href="{{ $gallery->url }}">
                                                <figure class="gallery-image">
                                                    <img src="{{ RvMedia::getImageUrl($gallery->image, 'medium') }}" alt="{{ $gallery->name }}" class="img" />
                                                </figure>
                                            </a>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </section>
</section>