@extends('layouts.backend')

@section('content')
<form action="{{ route('bo.sliders.update', $slider->id) }}" method="POST" enctype="multipart/form-data">
    @method('PUT')
    @csrf
    <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
        <h1 class="h2"><a href="{{route('bo.sliders.index')}}" class="h2 text-decoration-none">
                < </a> {{ __('Slider') }} <small class="text-muted">{{ __('Édition') }}</small></h1>
        @if (session('success'))
        <span class="float-center text-success">{{ session('success') }}</span>
        @endif
        <div class="btn-toolbar mb-2 mb-md-0">
            <button type="submit" class="btn btn-sm btn-primary">{{ __('Enregistrer') }}</a>
        </div>
    </div>
    @include('back.sliders.form-inputs')
</form>
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
    <h2><small class="text-muted">{{ __('Slides') }}</small></h2>
</div>
<table class="table">
    <thead class="thead-dark">
        <tr>
            <th scope="col">{{ __('Image') }}</th>
            <th scope="col">{{ __('Lien') }}</th>
            <th scope="col">{{ __('Début') }}</th>
            <th scope="col">{{ __('Fin') }}</th>
            <th scope="col">{{ __('Slider de regroupement') }}</th>
            <th scope="col">{{ __('Ordre') }}</th>
            <th scope="col"></th>
        </tr>
    </thead>
    <tbody>
        @foreach($slider->slides as $slide)
        <tr>
            <td>@if (!empty($slide->picture))<img src="{{ asset($slide->picture) }}" height="50px">@endif</td>
            <td><a href="{{$slide->link}}" target="_slide">{{ $slide->link_label }}</a></td>
            <td>{{date_format($slide->date_start, "d/m/Y H:i")}}</td>
            <td>{{date_format($slide->date_end, "d/m/Y H:i")}}</td>
            <td>{{$slide->slider->label}}</td>
            <td>
                @if ($loop->first)
                <a href="{{route('bo.slides.change-order', ['slide' => $slide->id, 'action' => 'down'])}}" class="btn-link text-decoration-none">
                    >
                </a>
                @elseif($loop->last)
                <a href="{{route('bo.slides.change-order', ['slide' => $slide->id, 'action' => 'up'])}}" class="btn-link text-decoration-none">
                    <
                </a>
                @else
                <a href="{{route('bo.slides.change-order', ['slide' => $slide->id, 'action' => 'up'])}}" class="btn-link text-decoration-none">
                    <
                </a>
                <a href="{{route('bo.slides.change-order', ['slide' => $slide->id, 'action' => 'down'])}}" class="btn-link text-decoration-none">
                    >
                </a>
                @endif
            </td>
            <td><a href="{{route('bo.slides.edit', ['slide' => $slide->id])}}" class="btn btn-sm btn-primary">{{ __('Éditer') }}</a></td>
        </tr>
        @endforeach
    </tbody>
</table>
@endsection