@extends('layouts.admin')

@section('title', 'Home Sliders')

@section('content')
    <section class="dashboard-head">
        <div>
            <span class="eyebrow">Homepage</span>
            <h1>Sliders</h1>
        </div>
        <a class="button primary" href="{{ route('admin.home-sliders.create') }}">Add slider</a>
    </section>

    @if (session('status'))
        <p class="form-status">{{ session('status') }}</p>
    @endif

    <section class="panel">
        <div class="table-wrap">
            <table>
                <thead>
                    <tr>
                        <th>Image</th>
                        <th>Title</th>
                        <th>Sort</th>
                        <th>Status</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($sliders as $slider)
                        <tr>
                            <td><img class="table-thumb" src="{{ $slider->imageUrl() }}" alt="{{ $slider->title }}"></td>
                            <td>
                                <strong>{{ $slider->title }}</strong>
                                <small>{{ $slider->subtitle ?: 'No subtitle' }}</small>
                            </td>
                            <td>{{ $slider->sort_order }}</td>
                            <td><span class="status {{ $slider->is_active ? 'paid' : 'refunded' }}">{{ $slider->is_active ? 'Active' : 'Inactive' }}</span></td>
                            <td>
                                <div class="table-actions">
                                    <a class="text-button" href="{{ route('admin.home-sliders.edit', $slider) }}">Edit</a>
                                    <form method="POST" action="{{ route('admin.home-sliders.toggle', $slider) }}">
                                        @csrf
                                        @method('PATCH')
                                        <button class="text-button" type="submit">{{ $slider->is_active ? 'Disable' : 'Enable' }}</button>
                                    </form>
                                    <form method="POST" action="{{ route('admin.home-sliders.destroy', $slider) }}">
                                        @csrf
                                        @method('DELETE')
                                        <button class="text-button danger" type="submit">Delete</button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="5">No sliders yet.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        {{ $sliders->links() }}
    </section>
@endsection