{{ render_partial("reusable/h1.html", text="Write your message") }}
<form class="w-full h-full flex flex-col gap-4 box-border starting:opacity-0 opacity-100 transition-opacity duration-500"
      id="contentForm"
      hx-post="/cards/add_content?id={{ id }}&location={{ location }}"
      hx-swap="outerHTML">
    <fieldset class="fieldset px-2">
        <legend class="fieldset-legend">Card content</legend>
        {{ render_partial("reusable/form/text_input.html",id="sender",label="From:",placeholder="Your
                name") }} {{ render_partial("reusable/form/text_input.html",id="recipient",label="To:",placeholder="Recipient
         name") }} {{ render_partial("reusable/form/textarea.html",id="msg",label="Message (max
         150 characters):",placeholder="Your message") }}
    </fieldset>
    <button x-transition type="submit" class="btn btn-primary">Confirm</button>
</form>