@extends('layouts.back')

@section('title', sprintf('%s - %s', __('models.classes.sliders'), Str::ucfirst(__('liste'))))

@section('breadcrumb', request()->route()->getName())

@section('content')
    <div class="card">
        <div class="card-header">
            <div class="row">
                <div class="col-12">
                    @include('back.breadcrumb.breadcrumb-body')
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <h1 class="h2">{{ $currentType->label }}&nbsp;{{ Str::ucfirst(__('liste')) }}</h1>
                </div>
                <div class="col-md-3">
                    <form id="typeFilter" action="{{ request()->url() }}">
                        <div class="input-group justify-content-end">
                            <select
                                id="selectSliderType"
                                class="form-select col-md-8"
                                name="typefilter">
                                @foreach (App\Enums\Sliders\SliderType::toArray() as $type)
                                <option value="{{$type->value}}" @if($type->equals($currentType))selected @endif>{{$type->label}}</option>
                                @endforeach
                            </select>
                            @push('scripts')
                            <script nonce="{{ $nonce }}">document.getElementById('selectSliderType').addEventListener('change', function (e) {
                                document.getElementById('typeFilter').submit();
                            });</script>
                            @endpush
                            <a href="{{ route('bo.sliders.create') }}" class="btn btn-primary" title="{{ __('Ajouter un :model', [
                                'model' => Str::singular(__('models.classes.sliders'))
                            ]) }}" data-bs-toggle="tooltip"><i class="fa-solid fa-plus"></i></a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="card-body">
            @include('back.modules.searchBar')
            <div class="row justify-content-center">
                <div class="col-12 col-md-6 p-0 p-md-3">
                    {{ $sliders->withQueryString()->onEachSide(1)->links() }}
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <div class="table-responsive">
                        <table class="table fix-action">
                            <thead>
                                @php
                                $rst = !is_null(request()->rst);
                                $routeName = request()->route()->getName();
                                $noOrder = Session::get("$routeName.sort_col") !== 'order' and (Session::has("$routeName.sort_col") or Session::has("$routeName.sort_way"));
                                $noOrder = Session::get("$routeName.sort_col") !== '' and (Session::has("$routeName.sort_col") or Session::has("$routeName.sort_way"));
                                $cols = ['title' => __('Titre'), 'order' => __('Ordre'), 'status' => __('Publication'), 'updated_at' => __('Mis à jour')];
                                @endphp
                                @include('back.modules.tableColSorter', [ 'cols' => $cols, 'mobileHide' => ['status']])
                            </thead>
                            <tbody>
                                @if($sliders->count())
                                @foreach ($sliders as $slider)
                                <tr>
                                    <td><b>{{ $slider->title }}</b></td>
                                    @if(!$noOrder or $rst)
                                    <td class="d-flex flex-column">
                                        @if(!($loop->first and $sliders->onFirstPage()))
                                        <form action="{{ route('bo.sliders.change-order', ['slider' => $slider, 'action' => 'up']) }}" method="POST">
                                            @csrf
                                            <button type="submit" class="btn btn-sm" title="{{ __('Modifier l\'ordre d\'apparition vers le haut') }}" data-bs-toggle="tooltip">
                                                <i name="up_arrow" class="icon-size far fa-arrow-alt-circle-up"></i>
                                            </button>
                                        </form>
                                        @endif
                                        @if (!($loop->last and $sliders->currentPage() === $sliders->lastPage()))
                                        <form action="{{ route('bo.sliders.change-order', ['slider' => $slider, 'action' => 'down']) }}" method="POST">
                                            @csrf
                                            <button type="submit" class="btn btn-sm" title="{{ __('Modifier l\'ordre d\'apparition vers le bas') }}" data-bs-toggle="tooltip">
                                                <i name="down_arrow" class="icon-size far fa-arrow-alt-circle-down"></i>
                                            </button>
                                        </form>
                                        @endif
                                    </td>
                                    @endif
                                    <td class="d-none d-md-table-cell">
                                        <form action="{{ route('bo.sliders.change-published', $slider->id) }}" method="POST">
                                            @csrf
                                            <button type="submit" class="btn btn-sm" title="{{ __(':action :model', [
                                                'action' => $slider->status ? __('Dépublier') : __('Publier'),
                                                'model' => Str::singular(__('models.classes.sliders'))
                                            ]) }}" data-bs-toggle="tooltip">
                                                <i class="fas @if($slider->status)fa-check check-green @else fa-times cross-red @endif"></i>
                                            </button>
                                        </form>
                                    </td>
                                    <td>
                                        <span class="badge text-dark text-wrap">{{ $slider->updated_at->formatLocalized('%d/%m/%Y à %I:%M') }}</span>
                                    </td>
                                    <td>
                                        <div class="btn-group">
                                            <a class="btn btn-sm btn-primary" href="{{ route('bo.sliders.edit', $slider->id) }}" title="{{ __('Modifier :model', [
                                                'model' => Str::singular(__('models.classes.sliders'))
                                            ]) }}" data-bs-toggle="tooltip"><i class="fa-solid fa-pencil"></i></a>
                                        </div>
                                    </td>
                                </tr>
                                @endforeach
                                @else
                                <tr>
                                    <td colspan="5" class="text-center"><span class="h3">{{
                                        __('Aucun résultat pour les :models', ['models' => __('models.classes.sliders') ])
                                    }}</span></td>
                                </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-12 col-md-6 p-0 p-md-3">
                    {{ $sliders->withQueryString()->onEachSide(1)->links() }}
                </div>
            </div>
        </div>
    </div>
@endsection