@extends('rod.layouts.rod')

@section('content')

    <!-- Start Page Title Area -->
    <div class="page-title-area style-four bg6">
        <div class="container">
            <div class="page-title-content text-start">
                <h2>Galériák</h2>
                <ul>
                    <li><a href="{{ url('/') }}">Kezdőlap</a></li>
                    <li>Galériák</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- End Page Title Area -->

    <!-- Start Gallery Area -->
    <div class="blog-area ptb-100">
        <div class="container">
            <div class="section-title">
                <span class="sub-title">Fotógyűjtemények a munkáinkról</span>
                <h2>Válassz a galériák közül</h2>
            </div>

            <div class="row">

                @foreach($galleries as $gallery)
                    <div class="col-lg-4 col-md-6">
                        <div class="single-post-item startup-color without-box-shadow">
                            <div class="post-image">
                                <a href="{{ route('gallery.show', $gallery->slug) }}" class="d-block">
                                    <img src="{{ $gallery->getFirstMediaUrl('images', 'thumbnail') }}" alt="image">
                                </a>
                            </div>
                            <div class="post-content">
                                <ul class="meta">
                                    <li><i class="far fa-calendar-alt"></i> {{ $gallery->created_at->format('Y. m. d.') }}</li>
                                    {{--                                    <li><i class="far fa-user-circle"></i> <a href="#">User</a></li>--}}
                                </ul>
                                <h3><a href="{{ route('gallery.show', $gallery->slug) }}">{{ $gallery->name }}</a></h3>
                                <a href="{{ route('gallery.show', $gallery->slug) }}" class="link-btn">Képek megtekintése <i class="fas fa-chevron-right"></i></a>
                            </div>
                        </div>
                    </div>
                @endforeach

                {{ $galleries->links('rod.components.pagination') }}

            </div>
        </div>
    </div>
    <!-- End Gallery Area -->

@endsection