@extends('website.layouts.web-layouts')
@section('title', 'FBCCI | Galleries')
@section('description', 'Magazine | FBCCI Magazines')
@section('image', '')
@section('url', url()->full())
@section('content')
{{-- bread cumb  --}}
<x-bread-crumb module="Album" :extra="false" />

<section class="gallery-list-page">
    <div class="container">
        <div class="row">
            @foreach($albums as $album)
            <div class="col-lg-4 col-md-6">
                <div class="gallery-item">
                    <a href="#" class="d-block w-100">
                        <div class="image position-relative">
                            <img src="{{ asset($album->image) }}" alt="gallery-image" class="img-fluid w-100">
                        </div>
                        <div class="text text-center">
                            <h4>{{ $album->name }}</h4>
                            <p>{{ $album->short_description }}</p>
                        </div>
                    </a>
                </div>
            </div>
            @endforeach

            @if(empty($albums))
            <x-empty-component></x-empty-component>
            @endif
        </div>

        {{-- paginatino start --}}
        <div class="pagination my-4 d-flex justify-content-end">

            <ul class="list-unstyled">
                {!! $albums->links('website.custom.paginate') !!}
            </ul>
        </div>
        {{-- paginatino end --}}
    </div>
</section>

@endsection