@extends('layouts.admin')

@section('title', 'Slides')

@section('content')
    <div class="row">
        <div class="col-sm-4 col-3">
            <h4 class="page-title">Slides</h4>
        </div>
        <div class="col-sm-8 col-9 text-right m-b-20">
            <a href="{{ route('admin-cnp.slides.create') }}" class="btn btn-primary float-right btn-rounded">
                <i class="fa fa-plus"></i> Nouveau slide
            </a>
        </div>
    </div>

    <div class="row">
        <div class="col-sm-12">
            @if (session('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    {{ session('success') }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
            @endif
        </div>
    </div>

    <div class="row">
        @forelse ($slides as $slide)
            <div class="col-sm-6 col-md-6 col-lg-4">
                <div class="blog grid-blog">
                    <div class="blog-image">
                        <a href="#.">
                            <img class="img-fluid" style="height:130px;" src="{{asset('images/slides/'.$slide->image)}}" alt="">
                        </a>
                    </div>
                    <div class="blog-content">
                        <h3 class="blog-title">Titre : {{ $slide->titre }}</h3>
                        <a href="#." class="read-more">Lien : {{ $slide->lien }}</a>
                        <div class="blog-info clearfix">
                            <div class="post-left">
                                <ul>
                                    <li><i class="fa fa-calendar"></i> <span>{{ date("d M Y à H:i", strtotime($slide->created_at)) }}</span></li>
                                </ul>
                            </div>
                            <div class="post-right">
                                <a href="{{ route('admin-cnp.slides.edit', $slide) }}">
                                    <i class="fa fa-edit"></i>
                                </a>
                                <a href="#!"
                                    onclick="if (confirm('Etes-vous sûr de vouloir supprimer cet élément ?')) {
                                        event.preventDefault(); document.getElementById('{{ 'slide'.$slide->id }}').submit();
                                    }" >
                                    <i class="fa fa-trash text-danger"></i>
                                </a>
                                {!! Form::model($slide, ['method' => 'DELETE', 'id'=>'slide'.$slide->id, "url" => route('admin-cnp.slides.destroy', $slide)]) !!}
                                    @csrf
                                {!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @empty
            Pas encore de slide
        @endforelse
        
        <div class="col-md-12">
            @if ($slides)
            <div class="mt-3">
                {{ $slides->links() }}
            </div>
            @endif
        </div>
    </div>
@endsection