@extends('frontend.layouts.app')
@section('title')
    @if ($request->type == 'images')
        Image
    @else
        Video
    @endif
    Gallery -
@endsection
@push('style')
@endpush
@section('content')
    @php
        $title = $request->type == 'images' ? 'Image Gallery' : 'Video Gallery';
    @endphp

    @include('frontend.layouts.include.breadcrumb', [
        'items' => [['name' => $title, 'url' => null]],
    ])
    <div class="container-fluid">
        <div class="row justify-content-center">
            @foreach ($folders as $folder)
                @php
                    $sub = $folder->subfolder->first();
                    $gallery = $sub?->gallery->first();
                @endphp

                @if ($gallery)
                    @if ($gallery->type == 'image')
                        <div class="col-12 col-md-3 mb-4">
                            <div class="folder-card">
                                <a href="{{ route('gallerySubPage',[$folder->slug,'type' => 'images']) }}">
                                    <img src="{{ asset($gallery->image) }}" alt="{{ $folder->name }}">
                                </a>
                                <div class="folder-overlay">{{ $folder->name }}</div>
                            </div>
                        </div>
                    @elseif ($gallery->type == 'video_link')
                        <div class="col-12 col-md-3 mb-4">
                            <div class="folder-card">
                                <a href="{{ route('gallerySubPage',[ $folder->slug,'type' => 'videos']) }}">
                                    <img src="https://img.youtube.com/vi/{{ $gallery->video_link }}/hqdefault.jpg"
                                        alt="{{ $folder->name }}">
                                </a>
                                <div class="folder-overlay">{{ $folder->name }}</div>
                            </div>
                        </div>
                    @endif
                @endif
            @endforeach

        </div>
    </div>
@endsection
@push('script')
@endpush