<div class="flex flex-row flex-wrap justify-center"
     id="llista-name">
  <form>
    <input name="name"
           placeholder="Nom de la playlist"
           value="{{ playlist.name if playlist.name else '' }}"
           class="border border-beige focus:outline-none
                  rounded text-3xl
                  bg-brown p-2 m-0"
      />
    <button title="Desa"
            class="text-beige text-3xl mx-1"
            hx-put="/api/llista/{{ playlist.id }}/name"
            hx-target="#llista-name"
            hx-swap="outerHTML">
      <i class="fa fa-check" aria-hidden="true"></i>
    </button>
    <button title="Descarta"
            class="text-beige text-3xl mx-1"
            hx-get="/api/llista/{{ playlist.id }}/name"
            hx-target="#llista-name"
            hx-swap="outerHTML">
      <i class="fa fa-times" aria-hidden="true"></i>
    </button>
  </form>
</div>