@extends('model.list')

@include('web::sidebar')

@push('styles')
    <link rel="stylesheet" href="{{ asset('css/jquery.fancybox.min.css') }}">
@endpush

@section('breadcrumb')
    <a href="{{ route('admin.home') }}" class="breadcrumb-item">
        <i class="icon-home2 mr-2"></i>
        Inicio
    </a>
    <span class="breadcrumb-item active">
        Administraci&oacute;n de Slides
    </span>
@endsection

@section('card-title', 'Listado de Slides')

@section('table-header')
    <tr>
        <th>ID</th>
        <th>Imagen</th>
        <th>T&iacute;tulo</th>
        <th>Periodo activo</th>
        <th>Orden</th>
        <th>Slider</th>
        <th>Web</th>
        <th>Acciones</th>
    </tr>
@endsection

@section('table-body')
    @forelse($data as $row)
        <tr>
            <td>{{ $row->id }}</td>
            <td>
                <a
                    href="{{ config('sipemu.url_web').$row->image }}"
                    data-fancybox="gallery"
                >
                    <img
                        style="height:37px;width:auto"
                        src="{{ config('sipemu.url_web').$row->image }}"
                        alt=""
                    >
                </a>
            </td>
            <td>{{ $row->name ?? '~' }}</td>
            <td>
                {{ isset($row->starts_on) ? $row->starts_on->isoFormat('L') : '~' }}&ndash;{{ isset($row->ends_on) ? $row->ends_on->isoFormat('L') : '~' }}
            </td>
            <td>{{ $row->position }}</td>
            <td>{{ $row->slider->name }}</td>
            <td>
                @if ($row->is_enabled)
                    <span class="badge bg-success">Si</span>
                @else
                    <span class="badge bg-warning">No</span>
                @endif
            </td>
            <td>
                <x-lists.buttons.edit
                    :url="route($templateData->routes['edit'], $row->id)"
                />
                <x-lists.buttons.delete
                    :url="route($templateData->routes['delete'], $row->id)"
                />
            </td>
        </tr>
    @empty
        <tr>
            <td colspan="100">
                <h4 class="text-center mt-4 mb-4">
                    Sin datos para esta selecci&oacute;n.
                </h4>
            </td>
        </tr>
    @endforelse
@endsection

@push('scripts')
    <script src="{{ asset('js/jquery.fancybox.min.js') }}"></script>
@endpush