Event Card: Default

{% embed 'templates/card-with-image/card-with-image.twig' %}
    {% block text %}
        <div class="event-card-content event-card-content--{{ siteUnit }}">

            {% embed 'templates/event-data-with-icon/event-data-with-icon.twig' %}
                {% block icon %}
                    <div class="event-card-content__icon">
                    {% include 'bits/calendar-page/calendar-page.twig' with {
                        shortStartMonth: event.shortStartMonth,
                        startDay: event.startDay
                    }%}
                    </div>
                {% endblock %}
                {% block information %}
                    <div class="event-card-content__title">
                        {% if showUnit %}
                            <div class="event-card-content__unit">{{ event.unitLabel }}</div>
                        {% endif %}
                        {% include 'bits/linked-title/linked-title.twig' with {
                            url: event.permalink,
                            text: event.title,
                            element: headingEl
                        } %}
                    </div>
                    <div class="event-card-content__date event-card-content__date--{{ background }}">
                        {% if event.isRecurring | default %}
                            <span class="event-card-content__recurring-icon">
                                {% include 'bits/icons/recurring.twig' %}
                            </span>
                        {% endif %}
                        {{ event.fullDate }}
                    </div>
                    <div class="event-card-content__time event-card-content__time--{{ background }}">
                        {% if event.startDayOfWeek | default %}
                            <span class="event-card-content__dayofweek">{{ event.startDayOfWeek }}{{ event.isAllDay or event.startTime ? ', ' }}</span>
                        {% endif %}
                        {% if event.isAllDay | default %}
                            All day
                        {% elseif event.startTime == event.endTime %}
                            {{ event.startTime }}
                        {% elseif event.startTime and event.endTime %}
                            {{ event.startTime }} - {{ event.endTime }}
                        {% elseif event.startTime %}
                            {{ event.startTime }}
                        {% endif %}
                    </div>
                    {% if event.isFree | default %}
                        <div class="event-card-content__is-free">Free event</div>
                    {% endif %}
                {% endblock %}
            {% endembed %}
        </div>
    {% endblock %}
    {% block image %}
        {% if event.addImage and not noImage %}
            {% import "bits/macros/imageSource.twig" as imageMacros %}
            {{ imageMacros.create(event.featuredImage, 320, 228, background) }}
        {% endif %}
    {% endblock %}
{% endembed %}