<?= $this->layout('_theme', ['title' => $title, 'subtitle' => 'Adicionar novo download']); ?>

<div cclass="p-4 bg-gray-100 rounded-lg">
    <form action="<?= __redirect('administration/auth/new/download') ?>">
        <div>
            <p class="px-1 py-3 text-[13px]">Título do download</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="title" placeholder="Digite aqui o título do download" maxlength="80">
        </div>

        <div>
            <p class="px-1 py-3 text-[13px]">Descrição do download</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="description" placeholder="Descrição do download">
        </div>

        <div>
            <p class="px-1 py-3 text-[13px]">Tamanho do arquivo</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="size" placeholder="[Ex: 120 MB]">
        </div>

        <div>
            <p class="px-1 py-3 text-[13px]">Link download</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="link" placeholder="Link do download">
        </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">Salvar</button>
    </form>
</div>