@extends('layouts.shop')

@section('content')
    @include('partials.breadcrumbs', [
        'items' => [
            ['label' => 'Админка', 'url' => route('admin.dashboard')],
            ['label' => 'Слайдеры главной', 'url' => null],
        ],
    ])

    <section class="pc-section">
        <div class="pc-category-toolbar">
            <div class="pc-section-title">
                <h2>Слайдеры главной страницы</h2>
                <p>Загружайте баннеры для блока 2/3 и 1/3 на первом экране.</p>
            </div>
            <div class="pc-product-actions">
                <a class="pc-btn primary" href="{{ route('admin.home-slides.create', ['zone' => 'left']) }}">Добавить в 2/3</a>
                <a class="pc-btn ghost" href="{{ route('admin.home-slides.create', ['zone' => 'right']) }}">Добавить в 1/3</a>
            </div>
        </div>

        <div class="pc-grid pc-grid-2">
            @foreach ($zoneLabels as $zone => $zoneLabel)
                @php
                    $zoneSlides = $slides->get($zone, collect());
                @endphp
                <div class="pc-card">
                    <h3>{{ $zoneLabel }}</h3>
                    @if ($zoneSlides->isEmpty())
                        <p>Слайды пока не добавлены.</p>
                    @else
                        <div class="pc-account-orders">
                            @foreach ($zoneSlides as $slide)
                                <div class="pc-admin-slide-item">
                                    <div class="pc-admin-slide-preview" style="background-image: url('{{ $slide->image_url }}')"></div>
                                    <div class="pc-admin-slide-main">
                                        <strong>{{ $slide->title ?: 'Без заголовка' }}</strong>
                                        <span class="pc-muted">Порядок: {{ $slide->sort_order }} · {{ $slide->is_active ? 'Активен' : 'Скрыт' }}</span>
                                    </div>
                                    <div class="pc-product-actions">
                                        <a class="pc-btn ghost" href="{{ route('admin.home-slides.edit', $slide) }}">Редактировать</a>
                                        <form method="post" action="{{ route('admin.home-slides.destroy', $slide) }}">
                                            @csrf
                                            @method('delete')
                                            <button class="pc-btn ghost" type="submit">Удалить</button>
                                        </form>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    @endif
                </div>
            @endforeach
        </div>
    </section>
@endsection