{% include 'header.html' %}
<main id="main-content">

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

	<section id="books-listing" class="books-listing">
		<div class="container">
			<h2 class="mb-3">
                Books by {{page_data.author_info.author_name}}
            </h2>
			<div class="row gy-3">
				<div class="col-12 col-lg-8">
					{% for book in page_data.author_books %}
					<div class="row book-list-item mb-4 gy-2">
						<div class="col-12 col-md-3">
							<div class="text-center">
								<div class="img-wrapper ratio-1x1">
		                            <a href="{% if (page_data.theme_info_component != 'homepage') %}../{% endif %}book/{{ book.book_title_slug }}">
										<img class="img-fluid mx-auto d-block w-100"
											src="{{book.book_cover_image_generic}}"
											alt=""
										>
									</a>
								</div>
							</div>
						</div>
						<div class="col-12 col-md-9">
							<div class="book-details">
								<h2 class="book-title">
                            		<a href="{% if (page_data.theme_info_component != 'homepage') %}../{% endif %}book/{{ book.book_title_slug }}">
										{{ book.book_title }}
									</a>
								</h2>
								<p class="book-description font-md">{{ book.book_subtitle }}</p>
								<p class="author-name font-sm">
									{{ page_data.author_info.author_name }}
								</p>
								{% if book.book_featured_pullquote %}
								<p class="book-quote font-md mt-3 ">
									{{ book.book_featured_pullquote }}
								</p>
								{% endif %}
								<p class="book-release-date font-xs mt-3">
									Released: {{ book.release_date | date("M d, Y") }}

								</p>
							</div>
						</div>
					</div>
					{% if not loop.last %}
					<hr class="books-list-divider"/>
					{% endif %}
					{% endfor %}

				</div>
				<aside class="col-12 col-lg-4 px-1 px-lg-4">
					{% if (page_data.author_info.author_featured_items.author_featured_events) %}
					<div class="featured-event-card p-3">
						{% if (page_data.author_events|last.author_event_featured_image_filename) %}
						<div class="event-image">
                            <a href="{% if (page_data.theme_info_component != 'homepage') %}../{% endif %}event/{{page_data.author_events|last.author_event_title_slug }}">
								<img class="img-fluid w-100" src="{{page_data.author_events|last.author_event_featured_image_filename}}" alt="">
							</a>
						</div>
						{% endif %}
						<div class="row g-1">
							<div class="col-3 mt-0">
								<div class="event-icon text-sm-center">
									<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">06</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">JUL</tspan>
											</text>
										</g>
									</svg>
								</div>
							</div>
							<div class="col-9 mt-0">
									<h3 class="event-title">
										<a href="">
										{{ page_data.author_events|last.author_event_title }}
										</a>
									</h3>
									<p class="event-date">
										{{ page_data.author_events|last.author_event_start_date|date("M d, Y")|upper }}
									</p>
									<p class="event-place">
										{{ page_data.author_events|last.author_event_location_name }}
									</p>
							</div>
						</div>
						<div class="signup-btn-wrapper mt-4 w-100 d-flex align-items-center justify-content-center">
							<a class="main-btn font-sm" href="#">
								SIGNUP FOR ALERTS
							</a>
						</div>
					</div>
					{% endif %}
				</aside>
			</div>
		</div>
	</section>
	<!-- 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' %}