@php
    $slides = $slides ?? collect();
    $isSingle = $slides->count() <= 1;
@endphp

<div class="pc-home-slider {{ $sliderClass ?? '' }}" data-home-slider>
    <div class="pc-home-slider-track">
        @forelse ($slides as $slide)
            @php
                $hasTitle = $slide->show_title && !empty($slide->title);
                $hasSubtitle = $slide->show_subtitle && !empty($slide->subtitle);
                $hasButton = $slide->show_button && !empty($slide->button_text) && !empty($slide->button_url);
                $hasContent = $hasTitle || $hasSubtitle || $hasButton;
                $altText = $hasTitle ? __($slide->title) : __('Слайд на главной странице');
            @endphp
            <article class="pc-home-slide {{ $loop->first ? 'is-active' : '' }}" data-home-slide>
                <img src="{{ $slide->image_url }}" alt="{{ $altText }}" loading="{{ $loop->first ? 'eager' : 'lazy' }}">
                <div class="pc-home-slide-overlay"></div>
                @if ($hasContent)
                    <div class="pc-home-slide-content">
                        @if ($hasTitle)
                            <h2>{{ __($slide->title) }}</h2>
                        @endif
                        @if ($hasSubtitle)
                            <p>{{ __($slide->subtitle) }}</p>
                        @endif
                        @if ($hasButton)
                            <a class="pc-btn primary" href="{{ $slide->button_url }}">{{ __($slide->button_text) }}</a>
                        @endif
                    </div>
                @endif
            </article>
        @empty
            <article class="pc-home-slide is-active is-fallback" data-home-slide>
                <div class="pc-home-slide-overlay"></div>
                <div class="pc-home-slide-content">
                    <h2>{{ __($fallbackTitle ?? 'Собирайте ПК быстрее') }}</h2>
                    <p>{{ __($fallbackText ?? 'Загрузите баннеры в админке, чтобы вывести акции и подборки товаров на главной странице.') }}</p>
                    @if (!empty($fallbackUrl))
                        <a class="pc-btn primary" href="{{ $fallbackUrl }}">{{ __($fallbackButton ?? 'Открыть каталог') }}</a>
                    @endif
                </div>
            </article>
        @endforelse
    </div>

    <button class="pc-home-slider-btn is-prev" type="button" data-home-slider-prev aria-label="{{ __('Предыдущий слайд') }}" @disabled($isSingle)>‹</button>
    <button class="pc-home-slider-btn is-next" type="button" data-home-slider-next aria-label="{{ __('Следующий слайд') }}" @disabled($isSingle)>›</button>
</div>