package template

import "git.thomasvoss.com/euro-cash.eu/lib"

templ navbar() {
	{{ p := ctx.Value("printer").(lib.Printer) }}
	<nav>
		<menu>
			<li><a href="/">{ p.T("Home") }</a></li>
			<li><a href="#TODO">{ p.T("News") }</a></li>
			<li><a href="#TODO">{ p.T("Coin Collecting") }</a></li>
			<li><a href="/coins">{ p.T("Coins") }</a></li>
			<li><a href="#TODO">{ p.T("Banknotes") }</a></li>
			<li><a href="#TODO">{ p.T("Jargon") }</a></li>
		</menu>
		<menu>
			<li>
				<a
					href="https://discord.gg/DCaXfRcy9C"
					target="_blank"
				>
					{ p.T("Discord") }
				</a>
			</li>
			<li><a href="/about">{ p.T("About") }</a></li>
			<li id="nav-icon-lang">
				<a href="/language">
					<svg
						version="1.1"
						width="19"
						height="19"
						viewBox="0 0 19 19"
						fill="none"
						xmlns="http://www.w3.org/2000/svg"
					>
						<circle
							cx="9.5"
							cy="9.5"
							r="9"
							stroke-linejoin="round"
						></circle>
						<path
							d="M 9.5   .5
							   C 9.5   .5
								 6.0  3.5
								 6.0  9.5
							   C 6.0 15.5
								 9.5 18.5
								 9.5 18.5"
							stroke-linejoin="round"
						></path>
						<path
							d="M  9.5   .5
							   C  9.5   .5
								 13.0  3.5
								 13.0  9.5
							   C 13.0 15.5
								  9.5 18.5
								  9.5 18.5"
							stroke-linejoin="round"
						></path>
						<path d="M   .5  9.5 H 18.5" stroke-linejoin="round"></path>
						<path d="M 17.0  5.0 H  2.0" stroke-linejoin="round"></path>
						<path d="M 17.0 14.0 H  2.0" stroke-linejoin="round"></path>
					</svg>
					{ p.T("Language") }
				</a>
			</li>
			<li id="nav-icon-theme">
				<button id="theme-button">
					<svg
						id="nav-icon-theme-dark"
						version="1.1"
						width="24"
						height="24"
						viewBox="0 0 24 24"
						fill="none"
						xmlns="http://www.w3.org/2000/svg"
					>
						<path
							d="M 7.28451 10.3333
							   C 7.10026 10.8546
								 7       11.4156
								 7       12
							   C 7       14.7614
								 9.23858 17
								 12      17
							   C 14.7614 17
								 17      14.7614
								 17      12
							   C 17      9.23858
								 14.7614 7
								 12      7
							   C 11.4156 7
								 10.8546 7.10026
								 10.3333 7.28451"
							stroke-width="1.5"
							stroke-linecap="round"
						></path>
						<path
							d="M 12 2 V 4"
							stroke-width="1.5"
							stroke-linecap="round"
						></path>
						<path
							d="M 12 20 V 22"
							stroke-width="1.5"
							stroke-linecap="round"
						></path>
						<path
							d="M 4 12 L 2 12"
							stroke-width="1.5"
							stroke-linecap="round"
						></path>
						<path
							d="M 22 12 L 20 12"
							stroke-width="1.5"
							stroke-linecap="round"
						></path>
						<path
							d="M 19.7778 4.22266 L 17.5558 6.25424"
							stroke-width="1.5"
							stroke-linecap="round"
						></path>
						<path
							d="M 4.22217 4.22266 L 6.44418 6.25424"
							stroke-width="1.5"
							stroke-linecap="round"
						></path>
						<path
							d="M 6.44434 17.5557 L 4.22211 19.7779"
							stroke-width="1.5"
							stroke-linecap="round"
						></path>
						<path
							d="M 19.7778 19.7773 L 17.5558 17.5551"
							stroke-width="1.5"
							stroke-linecap="round"
						></path>
					</svg>
					<svg
						id="nav-icon-theme-light"
						version="1.1"
						width="24"
						height="24"
						viewBox="0 0 24 24"
						fill="none"
						xmlns="http://www.w3.org/2000/svg"
					>
						<path
							d="M 21.0672 11.8568
								 L 20.4253 11.469
								 L 21.0672 11.8568
								 Z
								 M 12.1432 2.93276
								 L 11.7553 2.29085
								 V 2.29085
								 L 12.1432 2.93276
								 Z
								 M 7.37554 20.013
								 C 7.017 19.8056 6.5582 19.9281 6.3508 20.2866
								 C 6.14339 20.6452 6.26591 21.104 6.62446 21.3114
								 L 7.37554 20.013
								 Z
								 M 2.68862 17.3755
								 C 2.89602 17.7341 3.35482 17.8566 3.71337 17.6492
								 C 4.07191 17.4418 4.19443 16.983 3.98703 16.6245
								 L 2.68862 17.3755
								 Z
								 M 21.25 12
								 C 21.25 17.1086 17.1086 21.25 12 21.25
								 V 22.75
								 C 17.9371 22.75 22.75 17.9371 22.75 12
								 H 21.25
								 Z
								 M 2.75 12
								 C 2.75 6.89137 6.89137 2.75 12 2.75
								 V 1.25
								 C 6.06294 1.25 1.25 6.06294 1.25 12
								 H 2.75
								 Z
								 M 15.5 14.25
								 C 12.3244 14.25 9.75 11.6756 9.75 8.5
								 H 8.25
								 C 8.25 12.5041 11.4959 15.75 15.5 15.75
								 V 14.25
								 Z
								 M 20.4253 11.469
								 C 19.4172 13.1373 17.5882 14.25 15.5 14.25
								 V 15.75
								 C 18.1349 15.75 20.4407 14.3439 21.7092 12.2447
								 L 20.4253 11.469
								 Z
								 M 9.75 8.5
								 C 9.75 6.41182 10.8627 4.5828 12.531 3.57467
								 L 11.7553 2.29085
								 C 9.65609 3.5593 8.25 5.86509 8.25 8.5
								 H 9.75
								 Z
								 M 12 2.75
								 C 11.9115 2.75 11.8077 2.71008 11.7324 2.63168
								 C 11.6686 2.56527 11.6538 2.50244 11.6503 2.47703
								 C 11.6461 2.44587 11.6482 2.35557 11.7553 2.29085
								 L 12.531 3.57467
								 C 13.0342 3.27065 13.196 2.71398 13.1368 2.27627
								 C 13.0754 1.82126 12.7166 1.25 12 1.25
								 V 2.75
								 Z
								 M 21.7092 12.2447
								 C 21.6444 12.3518 21.5541 12.3539 21.523 12.3497
								 C 21.4976 12.3462 21.4347 12.3314 21.3683 12.2676
								 C 21.2899 12.1923 21.25 12.0885 21.25 12
								 H 22.75
								 C 22.75 11.2834 22.1787 10.9246 21.7237 10.8632
								 C 21.286 10.804 20.7293 10.9658 20.4253 11.469
								 L 21.7092 12.2447
								 Z
								 M 12 21.25
								 C 10.3139 21.25 8.73533 20.7996 7.37554 20.013
								 L 6.62446 21.3114
								 C 8.2064 22.2265 10.0432 22.75 12 22.75
								 V 21.25
								 Z
								 M 3.98703 16.6245
								 C 3.20043 15.2647 2.75 13.6861 2.75 12
								 H 1.25
								 C 1.25 13.9568 1.77351 15.7936 2.68862 17.3755
								 L 3.98703 16.6245
								 Z
							 "
						></path>
					</svg>
				</button>
			</li>
		</menu>
	</nav>
}

css noMargin() {
	margin: 0;
}