const tpl = {};

tpl.advSelCity = function(data) { return `
	<div class="advanced-select ${data.cat} hidden">
		<div class="as--sidebar">
			<input type="text" id="selected" value="" hidden="hidden" />
			<div class="as--search-container">
				<div class="assc--icon sprite simg-magnifier"></div>
				<input type="search" />
			</div>
			<div class="as--option-container">
				<div class="as--option-content">
				</div>
			</div>
		</div>
		<div class="as--content">
			<input name="title" type="text" disabled />
			<hr>
			<table>
				<tbody>
					<tr>
						<td>Zeměpisná šířka</td>
						<td>
							<input name="z_f" type="text" size=3 disabled />
							&deg;
						</td>
					</tr>
					<tr>
						<td>Zeměpisná délka</td>
						<td>
							<input name="z_g" type="text" size=3 disabled />
							&deg;
						</td>
					</tr>
					<tr>
						<td>Průměrná roční doba svitu</td>
						<td>
							<input name="tau_year" type="text" size=4 disabled />
							h
						</td>
					</tr>
					<tr>
						<td>Nadmořská výška</td>
						<td>
							<input name="nvyska" type="text" size=4 disabled />
							m.n.m.
						</td>
					</tr>
				</tbody>
			</table>
			<hr>
			<table>
				<tbody>
					<tr>
						<td>Měsíční data teploty v době svitu</td>
						<td>
							<input name="temp_monthly" type="checkbox" disabled />
						</td>
					</tr>
					<tr>
						<td>Denní data teploty v době svitu</td>
						<td>
							<input name="temp_daily" type="checkbox" disabled />
						</td>
					</tr>
					<tr>
						<td>Měsíční data doby svitu</td>
						<td>
							<input name="sundur_monthly" type="checkbox" disabled />
						</td>
					</tr>
					<tr>
						<td>Denní data doby svitu</td>
						<td>
							<input name="sundur_daily" type="checkbox" disabled />
						</td>
					</tr>
					<tr>
						<td>Měsíční data tlaku</td>
						<td>
							<input name="pressure_monthly" type="checkbox" disabled />
						</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
`};

tpl.advSelFV = function(data) { return `
	<div class="advanced-select ${data.cat} hidden">
		<div class="as--sidebar">
			<input type="text" id="selected" value="" hidden="hidden" />
			<div class="as--search-container">
				<input type="search" />
			</div>
			<div class="as--option-container">
				<div class="as--option-content">
				</div>
			</div>
		</div>
		<div class="as--content">
			<input name="" />
		</div>
	</div>
`};

tpl.advSelCityOption = function(data) { return `
	<div class="as--option" data-value="b">
		${data.option}
	</div>
`};