<template>
  <div class="modal" id="my-modal">
    <div class="modal-box">
      <h3 class="font-bold text-lg uppercase">Aggiungo una cosetta</h3>
      <form action="/api/cosette" method="post" enctype="multipart/form-data">
        <label class="label">
          <span class="label-text">Che roba è?</span>
        </label>
        <input type="text" name='name' placeholder="Nome" class="input input-bordered w-full" />
        <label class="label">
          <span class="label-text-alt">Metti il nome, modello, qualsiasi cosa che possa aiutare ad identificarmi</span>
        </label>

        <label class="label">
          <span class="label-text-alt">Descrizione</span>
        </label>
        <textarea name='description' class='input input-bordered w-full'></textarea>
        <label class="label">
          <span class="label-text-alt">In che stato è? Dove l'hai trovato? </span>
        </label>

        <label class="label">
          <span class="label-text">Tag</span>
        </label>
        <input type="text" name='tags' placeholder="Tags" class="input input-bordered w-full" /><br />


        <label class="label">
          <span class="label-text">Immagini</span>
        </label>
        <input class='w-full input input-bordered' type="file" name='imgs' />


        <div class="modal-action">
          <a href="#" class="btn">Annulla</a>
          <button class='btn btn-success' type='submit'>Aggiungi</button>
        </div>
      </form>
    </div>
  </div>
</template>
