<div class="card" id="rsvp-email">

    <h3>You are invited to {{ event.title }}</h3>

    <div class="subcard">
        <h4>Message from the host</h4>
        <p> {{ rsvp.personalized_message }} </p>
    </div>

    <div class="subcard">
        <h4>Email updates</h4>
        <span class="badge bg-gray">Your email will never be shared with other people</span>
        <p>
            You will always receive an email with a link to edit your response, and when a selected activity changes.
            Optional emails are comments from other people.
        </p>
        <form method="post" hx-post="{% url 'events:rsvp-post-email' rsvp.id %}" hx-target="#post-result" style="margin-top:1em;">
            {% csrf_token %}
            {{ form.as_p }}
            <button type="submit"><div id="post-result">Save</div></button> 
        </form>
    </div>
</div>