{% include 'header.html' %}
<main id="main-content">
	{% if (page_data.featured_event != NULL) %}
		<section id="featured-event-item" class="featured-event-item py-4 main-panel-bg-color">
			<div class="container">
				<div class="row gy-3">
					<div class="col-12 col-lg-6 order-2 order-lg-1 ">
						<div class="event-info">
							<h1 class="event-title">
								<a href="{% if (page_data.theme_info_component != 'homepage') %}../{% endif %}event/{{ page_data.featured_event.author_event_title_slug }}">
								{{ page_data.featured_event.author_event_title }}
								</a>
							</h1>
							<p class="event-time">
								{{ page_data.featured_event.author_event_start_date| date("M d, Y") }} -
								{{ page_data.featured_event.author_event_start_time| date("H:i") }}
							</p>
							<p class="event-place">
								{{ page_data.featured_event.author_event_location_name }}
							</p>
							<p class="event-description mt-2">
								{{ page_data.featured_event.clean_description }}

							</p>
							<div class="learn-more-btn mt-4">
								<a class="main-btn" href="{% if (page_data.theme_info_component != 'homepage') %}../{% endif %}event/{{ page_data.featured_event.author_event_title_slug }}">
									LEARN MORE
								</a>
							</div>
						</div>
					</div>
					<div class="col-12 col-lg-6 order-1 order-lg-2">
						<div class="event-image">
							<a href="{% if (page_data.theme_info_component != 'homepage') %}../{% endif %}event/{{ page_data.featured_event.author_event_title_slug }}">
								<img class="img-fluid  w-100"
									 src="{{ page_data.featured_event.author_event_featured_image_public_url }}"
									 alt="{{ page_data.featured_event.author_event_featured_image_filename }}">
							</a>
						</div>
					</div>
				</div>
			</div>
		</section>
	{% endif %}
    <section id="events-listing" class="events-listing">
        <div class="container">
            <div class="row">
                <h2 class="sub-section-title">
                    UPCOMING EVENTS
                </h2>
            </div>
            <div class="events-listing-items mt-4">
                {% for event in page_data.author_events %}
                <div class="event-listing-item d-flex gap-3 mt-3">
                    <div class="event-icon">
                        <a href="{% if (page_data.theme_info_component != 'homepage') %}../{% endif %}event/{{ event.author_event_title_slug }}">
							<svg xmlns="http://www.w3.org/2000/svg" width="65" height="65"
								viewBox="0 0 65 65">
								<g id="Group_55" data-name="Group 55" transform="translate(-76 -1224)">
									<g id="Rectangle_84" data-name="Rectangle 84"
									transform="translate(76 1224)" fill="#f7f7f3" stroke="#e0e0e0"
									stroke-width="1">
										<rect width="65" height="65" stroke="none"></rect>
										<rect x="0.5" y="0.5" width="64" height="64" fill="none"></rect>
									</g>
									<g id="Rectangle_85" data-name="Rectangle 85"
									transform="translate(76 1224)" fill="#b56185" stroke="#e0e0e0"
									stroke-width="1">
										<rect width="65" height="26" stroke="none"></rect>
										<rect x="0.5" y="0.5" width="64" height="25" fill="none"></rect>
									</g>
									<text id="_25" data-name="25" transform="translate(89 1249.131)"
										fill="#222" font-size="28" font-family="Lato-Medium, Lato"
										font-weight="500">
										<tspan x="3.438" y="28">{{ event.author_event_start_date| date("d") }}</tspan>
									</text>
									<text id="Nov" transform="translate(88 1229.098)" fill="#fff"
										font-size="12" font-family="Lato, Lato" font-weight="700"
										letter-spacing="0.15em">
										<tspan x="4.775" y="12">{{ event.author_event_start_date| date("M")| upper }}
										</tspan>
									</text>
								</g>
							</svg>
						</a>
                    </div>
                    <div class="event-info">
                        <h4 class="event-title">
                            <a href="{% if (page_data.theme_info_component != 'homepage') %}../{% endif %}event/{{ event.author_event_title_slug }}">
                                {{ event.author_event_title }}
                            </a>
                        </h4>
                        <p class="event-date">
                            {{ page_data.featured_event.author_event_start_date| date("M d, Y") }} -
                            {{ page_data.featured_event.author_event_start_time }} -
                            {{ page_data.featured_event.author_event_location_name }}
                        </p>
                        <p class="event-description">
                            {{ page_data.featured_event.clean_description }}
                        </p>
                    </div>
                </div>
                {% endfor %}
            </div>
        </div>


    </section>

    <!-- Featured Book -->
    {% if page_data.featured_book %}
    {% include '_author-featured-book.html' with {'is_hero': false} %}
    {% endif %}

    <!-- Sign Up Form -->
    {% if page_data.newsletter_choice == "substack" %}
    {% include '_signup-form-substack.html' %}
    {% else %}
    {% include '_signup-form-inline.html' %}
    {% endif %}

    <!-- Author News -->
    {% if page_data.author_news %}
    {% include '_author-news.html' %}
    {% endif %}

</main>
{% include 'footer.html' %}