@include(FilamentCms::getViewPrefix() . '.partials.header')
@include(FilamentCms::getViewPrefix() . '.partials.navigation')

{{-- Portfolio Section --}}
<section id="portfolio" class="bg-gray-900/60 flex items-center justify-center pt-26 px-4 pb-10 md:pb-38">
    <div class="container mx-auto max-w-6xl">
        <h1 class="text-3xl md:text-5xl font-bold text-center mb-6 md:mb-9 glow-text">
            <span class="hidden md:block">{!! fcms__('content-portfolio.title') !!}</span>
            <span class="md:hidden">{!! fcms__('content-portfolio.mobile-title') !!}</span>
        </h1>

        <div class="grid md:grid-cols-2 gap-4">

            @foreach(fcms__('content-portfolio.sets') as $set)

                <div class="bg-gray-800/50 backdrop-blur-sm p-6 rounded-lg cyber-border hover-glow transition">
                    <div class="aspect-video rounded-lg mb-4 flex items-center justify-center">
                        <div>
                            <a href="{{ $set['link']['url'] }}" title="{{ $set['link']['title'] }}">
                                <img src="{{ $set['img']['url'] }}" class="w-full h-full" alt="{{ $set['img']['alt'] }}">
                            </a>
                        </div>
                    </div>
                    <h3 class="text-sm md:text-xl font-bold mb-2">
                        <a href="{{ $set['link']['url'] }}" title="{{ $set['link']['title'] }}" target="_blank" rel="noopener">{{ $set['title'] }}</a>
                    </h3>
                    <p class="text-gray-400">
                        <a href="{{ $set['link']['url'] }}" title="{{ $set['link']['title'] }}" target="_blank" rel="noopener">{{ $set['name'] }}</a>
                    </p>
                </div>

            @endforeach

        </div>

        <div class="text-center text-blue-300 mt-4 text-sm">
            <a href="{{ fcms__('content-portfolio.more.url') }}" title="{{ fcms__('content-portfolio.more.title') }}">
                {!! fcms__('content-portfolio.more.text') !!}
            </a>
        </div>
    </div>
</section>

@include(FilamentCms::getViewPrefix() . '.partials.footer')
