<?xml version="1.0"?>
<t name="Registration Completed" t-name="website_event.registration_complete">
    <t t-call="website_event.layout">
        <div class="container my-5 o_wereg_confirmed">
            <div class="row mb-3">
                <div class="col-12">
                    <h3>Registration confirmed!</h3>
                    <u><a class="h4 text-primary" t-out="event.name" t-att-href="event.website_url"/></u>
                </div>
            </div>
            <div class="d-flex flex-column justify-content-between flex-lg-row">
                <div>
                    <t t-if="attendees" t-call="website_event.registration_ticket_access"/>
                    <div class="mt-4">
                        <t t-call="website_event.event_calendar_links"/>
                    </div>
                </div>
                <div class="mt-4 mt-lg-0">
                    <h5>Event Details</h5>
                    <div class="row">
                        <div class="col-auto">
                            <b>Start</b>
                        </div>
                        <div class="col-auto ps-0">
                            <span t-out="slot.start_datetime if event.is_multi_slots else event.date_begin" t-options="{&quot;widget&quot;: &quot;datetime&quot;, &quot;show_seconds&quot;: False, &quot;tz_name&quot;: event.date_tz, &quot;format&quot;: &quot;medium&quot;}"/>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-auto">
                            <b>End</b>
                        </div>
                        <div class="col-auto ps-0">
                            <span t-out="slot.end_datetime if event.is_multi_slots else event.date_end" t-options="{&quot;widget&quot;: &quot;datetime&quot;, &quot;show_seconds&quot;: False, &quot;tz_name&quot;: event.date_tz, &quot;format&quot;: &quot;medium&quot;}"/>
                        </div>
                    </div>
                    <div class="row">
                        <span t-if="website_visitor_timezone != event.date_tz">(<t t-out="event.date_tz"/>)</span>
                    </div>
                    <div class="mt-4">
                        <h5 t-field="event.address_id" class="text-secondary fw-bold" t-options="{                             &quot;widget&quot;: &quot;contact&quot;,                             &quot;fields&quot;: [&quot;name&quot;]                             }"/>
                        <a t-att-href="event.google_map_link()" target="_BLANK" t-field="event.address_id" t-options="{                             &quot;widget&quot;: &quot;contact&quot;,                             &quot;fields&quot;: [&quot;address&quot;]                             }"/>
                        <div t-field="event.organizer_id" t-options="{                             &quot;widget&quot;: &quot;contact&quot;,                             &quot;fields&quot;: [&quot;phone&quot;, &quot;mobile&quot;, &quot;email&quot;]                             }"/>
                    </div>
                </div>
            </div>
        </div>
        <input t-if="website.plausible_shared_key" type="hidden" class="js_plausible_push" data-event-name="Lead Generation" t-attf-data-event-params="{&quot;CTA&quot;: &quot;Event Registration&quot;}"/>
    </t>
</t>

