<?= $this->layout('_theme', ['title' => $title, 'subtitle' => 'Todas as slider']); ?>


<div class="flex flex-wrap gap-5 justify-center">
    <?php if ($sliders) : foreach ($sliders as $slider) : ?>
            <div class="bg-gray-100 p-2 rounded-lg w-full max-w-xs text-[13px] text-center">
                <p class="bg-neutral-800 text-white p-1 rounded-lg"><?= $slider['title'] ?></p>
                <div class="my-4">
                    <img src="<?= __resources('slider/' . $slider['image']) ?>" alt="">
                </div>
                <p class="button-danger bg-gray-500 text-white p-1 rounded-sm inline-block cursor-pointer hover:bg-gray-300">
                     Remover
                    <a class="hidden bg-gray-500 absolute top-0 left-0 text-white p-1 rounded-sm hover:bg-gray-300" href="<?= __redirect("administration/to/remove/slider/{$slider['id']}") ?>" class="button-danger"> Continuar? </a>
                </p>
            </div>
        <?php endforeach;
    else : ?>
        <div class="message_warning">Não há sliders adicionada no momento</div>
    <?php endif; ?>

</div>