<?= $this->layout('_theme', ['title' => $title, 'subtitle' => 'Editar categoria do kit']); ?>

<div class="p-4 bg-gray-100 rounded-lg">
    <form action="<?= __redirect('administration/auth/edit/kit/category/' . $id) ?>">
        <div>
            <p class="px-1 py-3 text-[13px]">Nome do kit</p>
            <input class="rounded-sm p-2 my-1 text-xs w-full border border-neutral-400 focus:outline-none focus:bg focus:bg-neutral-100" type="text" name="name" placeholder="Nome do item" maxlength="80" value="<?= $category->name ?>">
        </div>


        <div>
            <p class="px-1 py-3 text-[13px]">Categoria do shopping </p>
            <ul class="items-center w-full text-[13px] font-medium text-gray-900 bg-white border border-gray-200 rounded-lg sm:flex">
                <?php $cont = 0;
                foreach (web()->shoppings as $key => $shop) : $cont++; ?>
                    <li class="w-full border-b border-gray-200 sm:border-b-0 sm:border-r">
                        <div class="flex items-center pl-3">
                            <input id="<?= $key ?>" type="radio" name="category" value="<?= $key ?>" id="<?= $key ?>" <?= $key == $category->category ? 'checked' : '' ?> class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 focus:ring-blue-500">
                            <label for="<?= $key ?>" class="w-full py-3 ml-2 text-[13px] font-medium text-gray-900"><?= ucfirst($key) ?></label>
                        </div>
                    </li>
                <?php endforeach; ?>
            </ul>
        </div>

        <button class="rounded-lg py-3 px-6 bg-sky-500 text-white block mt-4 mx-auto text-sm border-2 border-sky-400 hover:bg-sky-700 transition ease-in-out duration-500" type="submit">Editar</button>
    </form>
</div>