func Components.AddToPersonalList(tytd,id)
{
    
    return <form hx-post="./add-to-list"  hx-swap="outerHTML">
            <input type="hidden" name="id" value={id}>
            <div class="row">
                <div class="max">
                    <div class="field label suffix border fill">
                        <select name="name">
                            <option value="" selected>Create personal list</option>
                            <each(var item : tytd.GetPersonalLists())>
                                <option value={item.name}>Add to {item.name}</option>    
                            </each>
                        </select>
                        <label>Personal List</label>
                        <i>arrow_drop_down</i>
                    </div>
                </div>

                <button name="action" value="add"><i>add</i></button>
            </div>
    </form>;
}

func Components.CreateNewList(tytd,id)
{
    return <form hx-post="./add-to-list"  hx-swap="outerHTML">
            <input type="hidden" name="id" value={id}>
            <div class="row">
                <div class="field label border max">
  <input type="text" name="name">
  <label>List Name</label>
</div>

                <button name="action" value="add"><i>add</i></button>
            </div>
    </form>;
}