@extends('admin.layouts.app')

@section('title', 'Ana səhifə slaydları')

@section('content')
<div class="admin-header-row">
    <div>
        <h1 class="admin-title">Ana səhifə slaydları</h1>
        <p class="admin-page-description">Slaydların sırasını və aktivliyini buradan idarə edin.</p>
    </div>
    <a href="{{ route('admin.sliders.create') }}" class="admin-btn admin-btn-primary">+ Yeni slayd</a>
</div>

<div class="slider-list">
    @forelse($sliders as $slider)
        <article class="slider-list-card">
            <div class="slider-list-card__preview">
                @if($slider->type === 'video')
                    @if($slider->poster_image)
                        <img src="{{ asset('images/' . $slider->poster_image) }}" alt="">
                    @elseif($slider->desktop_video)
                        <video src="{{ asset('videos/' . $slider->desktop_video) }}" muted></video>
                    @else
                        <span>▶</span>
                    @endif
                    <b>Video</b>
                @elseif($slider->desktop_image)
                    <img src="{{ asset('images/' . $slider->desktop_image) }}" alt="">
                    <b>Şəkil</b>
                @else
                    <span>▧</span>
                    <b>Şəkil</b>
                @endif
            </div>

            <div class="slider-list-card__content">
                <div>
                    <div class="slider-list-card__meta">
                        <span>Sıra: {{ $slider->sort_order }}</span>
                        <span class="slider-status {{ $slider->is_active ? 'active' : '' }}">
                            {{ $slider->is_active ? 'Aktiv' : 'Deaktiv' }}
                        </span>
                    </div>
                    <h2>{{ $slider->title }}</h2>
                    @if($slider->subtitle)
                        <p>{{ $slider->subtitle }}</p>
                    @endif
                </div>

                <div class="admin-actions">
                    <a href="{{ route('admin.sliders.edit', $slider) }}" class="admin-btn admin-btn-secondary">Redaktə et</a>
                    <form method="POST" action="{{ route('admin.sliders.destroy', $slider) }}"
                          onsubmit="return confirm('Bu slaydı silmək istədiyinizə əminsiniz?')">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="admin-btn admin-btn-danger">Sil</button>
                    </form>
                </div>
            </div>
        </article>
    @empty
        <div class="admin-card admin-empty-state">
            <h2>Hələ slayd yoxdur</h2>
            <p>İlk şəkil və ya video slaydınızı yaradın.</p>
            <a href="{{ route('admin.sliders.create') }}" class="admin-btn admin-btn-primary">Yeni slayd yarat</a>
        </div>
    @endforelse
</div>

{{ $sliders->links() }}
@endsection