50 lines
2.7 KiB
PHP
50 lines
2.7 KiB
PHP
@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>
|