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

    <section class="publication">
        <div class="container">
            <div class="publication-main">
                <div class="publication-item">
                    <div class="row">
                        @foreach ($magazines as $magazine)
                            <div class="col-lg-3 col-xxl-2 col-md-4 col-sm-6">
                                <a href="{{ route('web.magazine.download', ['url' => $magazine->file]) }}" target="_blank"
                                    class="d-block">
                                    <div class="single-item">
                                        <div class="image">
                                            <img src="{{ $magazine->image }}" alt="{{ $magazine->title }}"
                                                class="img-fluid w-100">
                                        </div>
                                        <div class="text text-center">
                                            <h4> {{ Str::of($magazine->title ?? '')->words(4) }} </h4>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        @endforeach

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

                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection