@extends('layouts.admin')

@section('page-header')
Sliders
<a href="{{ route('admin.carousel.create') }}" class="btn btn-outline-primary">New Slide</a>
@endsection

@section('content')
<ul id="carousel-images" class="list-group list-img" data-url="{{ route('admin.ordered-slides.edit') }}">
    @forelse ($slides as $slide)

    <li data-id="{{ $slide->id }}" class="list-group-item d-flex">
        <div class="slide-image-container">
            <img src="{{ user_asset($slide->path) }}" alt="" height="100" class="">
        </div>
        <div>
            <h4>{{ $slide->description }}</h4>
            <a href="{{ route('admin.carousel.edit', $slide->id) }}" class="btn btn-outline-primary">Edit</a>
            <a href="{{ route('admin.carousel.delete', $slide->id) }}" class="btn btn-danger">Delete</a>
        </div>
    </li>
    @empty
    @endforelse
</ul>
<script>


</script>
@endsection