{{!-- 
    Displays event detail on event registration form

    Related JS module(s): eventRegistrationModule.js
--}}
<div class="ld-layout-item--wrapper">
    <p class="event-detail__category">{{{category}}}</p>
    <h3 class="event-detail__title">{{{title}}}</h3>
    <div class="event-detail__meta">
        {{!-- Date-related detail --}}
        <p class="event-detail__meta__registration-note">
            <span class="icon icon-LMHIconcalendarblack"></span>
            <span>
                {{{startDate}}}
                {{#if endDate}}
                    {{#compare startDate '!==' endDate}}
                        &ndash; {{{endDate}}}
                    {{/compare}} 
                {{/if}}
                &sdot;
                {{{startTime}}}
                {{#if endTime}}
                    &ndash;
                    {{{endTime}}} {{{translations.timeSuffix}}}
                {{/if}}
            </span>
        </p>

        {{!-- Location-related detail --}}
        <p class="event-detail__meta__registration-note">
            <span class="icon icon-LMHIconpinblack"></span>
            {{{location}}}
        </p>
    </div>
</div>