{{define "index"}}
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="/assets/css/message.css">
	<link rel="stylesheet" href="/assets/css/style.css">
	<link rel="stylesheet" href="/assets/css/carousel.css">
	{{if eq .IsAdmin true}}
	<link rel="stylesheet" href="/assets/css/admin.css">
	{{end}}
	<title>{{.Title}}</title>
</head>

<body>
	{{template "header" .}}

	<div class="navbar">
		<nav>
			<a href="/page/page1">Page 1</a>
			<a href="/page/page2">Page 2</a>
			<a href="/page/page3">Page 3</a>
			<a href="/page/page4">Page 4</a>
			<a href="/page/page5">Page 5</a>
		</nav>
	</div>

	<main>

		<!-- Пример карусели -->

		<!-- <div class="carousel-container">
			<div data-width="1060" data-dots="false" class="carousel" id="Carousel">
				<div data-image="images/1.jpg"></div>
				<div data-image="images/2.jpg"></div>
				<div data-image="images/3.jpg"></div>
				<div data-image="images/4.jpg"></div>
				<div data-image="images/5.jpg"></div>
				<div data-image="images/6.jpg"></div>
			</div>
		</div> -->

		<!-- Пример вставки выбранной страницы -->

		{{if eq .Page "page1+"}}
		{{template "page1"}}
		{{end}}
		{{if eq .Page "page2+"}}
		{{template "page2"}}
		{{end}}
		{{if eq .Page "page3+"}}
		{{template "page3"}}
		{{end}}
		{{if eq .Page "page4+"}}
		{{template "page4"}}
		{{end}}
		{{if eq .Page "page5+"}}
		{{template "page5"}}
		{{end}}

		<!-- Пример переключение страниц без перезагрузки страницы с помощью JS -->

		{{template "page1"}}
		{{template "page2"}}
		{{template "page3"}}
		{{template "page4"}}
		{{template "page5"}}

		<div class="page-dots">
			<div data-page="#Page1" class="active"></div>
			<div data-page="#Page2"></div>
			<div data-page="#Page3"></div>
			<div data-page="#Page4"></div>
			<div data-page="#Page5"></div>
		</div>

	</main>

	{{template "footer" .}}

	<script src="/assets/js/message.js"></script>
	<script src="/assets/js/query.js"></script>
	<script src="/assets/js/carousel.js"></script>
	{{if eq .IsAdmin true}}
	<script src="/assets/js/admin.js"></script>
	{{end}}
	<script src="/assets/js/script.js"></script>
</body>

</html>
{{end}}