<!DOCTYPE html>
<html lang="ru">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title>{{ title }}</title>
		<link rel="stylesheet" href="/src/styles/main.scss">
	</head>
	<body>
		{% include "../components/header.twig" %}

		{{ block('main') }}

		<div class="overlay-product-popup" data-overlay-product-popup></div>
		<div class="overlay-modals" data-modals></div>

		<template data-form-success-modal>
			{% include "../components/modals/form-sent-success.twig" %}
		</template>

		<div class="modal-default select-akb-modal" data-modal-visible-delay="40">
			<button class="modal-default__close-btn modal-default__close-btn--primary" data-modal-visible-delay-close-btn>
				<svg><use xlink:href="/sprite.svg#close"></use></svg>
			</button>
			<div class="select-akb-modal__content">
				<img src="/images/modals/banner.png" alt="" srcset="/images/modals/banner@2x.png 2x" class="select-akb-modal__banner">
				<span class="modal-default-title">Не можете определиться?</span>
				<p class="modal-default-desc">Подберем аккумулятор для вас и подарим антифриз или смазку для клемм</p>
				<form action="" class="modal-default-form">
					<div class="modal-default-form__grid">
						<div class="input-wrapper modal-default-form__fill">
							<input type="text" placeholder="" class="input-default" x-data x-mask="+7 999 999-99-99">
							<span class="input-placeholder">Номер телефона</span>
						</div>
						<button class="modal-default-submit-btn write-review-modal__form__submit-btn">Получить подарок</button>
					</div>
					<label class="input-checkbox modal-default-terms">
						<input type="checkbox">
						<div class="input-checkbox__box"></div>
						<p class="input-checkbox__text">Нажимая кнопку «Отправить», вы соглашаетесь с Политикой конфиденциальности </p>
					</label>
				</form>
			</div>
		</div>

		<div class="cookies-alert" data-modal-visible-delay="1">
			<div class="cookies-alert__main">
				<b>Используем куки для улучшения работы сайта</b>
				<p>Оставаясь с нами, вы соглашаетесь на использование файлов куки</p>
			</div>
			<button class="cookies-alert__btn" data-modal-visible-delay-close-btn>Понятно</button>
		</div>

		{% include "../components/footer.twig" %}

		{% include "../components/search-popup.twig" %}
		{% include "../components/mega-menu-popup.twig" %}
		{% include "../components/services-popup.twig" %}
		{% include "../components/reviews-viewer-popup.twig" %}
		{% include "../components/gallery-slider-popup.twig" %}
		{% include "../components/mobile-main-menu-popup.twig" %}

		<script type="module" src="/src/scripts/main.ts"></script>
	</body>
</html>
