<!DOCTYPE html>
<html>
<head>
	<title>Welcome to SkyAI</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css">
	<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
	<!--<link rel="stylesheet" href="css/b.css">-->
	<!--<link rel="stylesheet" href="..static/css/generalstyle.css?<?php echo rand(0,512);?>">-->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
	<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
	<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
	<style>
		.detail{
			font-family: Microsoft JhengHei;
			border-radius: 100px;
			background-color: #008CBA;
			border: none;
			color: white;
			padding: 5px 12px;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			font-size: 1.4em;
			margin: 4px 2px;
			cursor: pointer;
			transition-duration: 0.4s;
			border: 3px solid white;
		}
		.detail:hover {
			background-color: white; 
			color: black; 
			border: 3px solid black;
		}
		.title{
			font-family: Microsoft JhengHei;
			border-radius: 100px;
			background-color: #f2f2f2;
			border: none;
			color: black;
			padding: 10px 32px;
			font-size: 2.5em;
		}
		.choose_nr {
			color: #333333;
			font-size: 1.7em;
			font-weight:bold;
			/*text-shadow: 1px 2px black;*/
		}
		.sw_number {
			width:40px;
			font-size:1.5em;
			border:1px;
			border-radius: 100px;
			border: 3px solid lightgray;
		}
		.sw_number:hover {
			width:40px;
			font-size:1.5em;
			border:1px;
			border-radius: 100px;
			border: 3px solid lightgreen;
			background-color: white; 
		}
		.choosed {
			width:40px;
			font-size:1.5em;
			border:1px;
			border-radius: 100px;
			border: 3px solid red;
			background-color: white; 
		}

		select {
			border-radius: 2px;
    		height: 25px;
    		font-size: 15px;
		}
	</style>

	<script>
		function Change(evt){
			var nr = {{params.tid}};
			var l = evt.length;
			var n = $('select[name=' + evt.substring(0,l-1) + 'n]').val();
			var y = $('select[name=' + evt.substring(0,l-1) + 'y]').val();
			var m = $('select[name=' + evt.substring(0,l-1) + 'm]').val();
			var d = $('select[name=' + evt.substring(0,l-1) + 'd]').val();
			if(evt.charAt(1) == '_'){
				var ori = '0';
			}else if(evt.charAt(1) == '1'){
				var ori = '1';
			}else if(evt.charAt(1) == '2'){
				var ori = '2';
			}else if(evt.charAt(1) == '3'){
				var ori = '3';
			}else if(evt.charAt(1) == '4'){
				var ori = '4';
			}else if(evt.charAt(1) == '5'){
				var ori = '5';
			}else if(evt.charAt(1) == '6'){
				var ori = '6';
			}else if(evt.charAt(1) == '7'){
				var ori = '7';
			}else{
				var ori = '8';
			};


			var json = {"nr":nr, "ori":ori, "n":n, "y":y, "m":m, "d":d, "evt":evt};
			$.post('/aimg_history/' + nr, json, function(resText){
				var html_y = '';
				var html_m = '';
				var html_d = '';
				var html_t = '';
				var l = evt.length;
				if(evt.substring(l-1) == 'n'){
					$.each(resText.y, function(i, obj){
						html_y += '<option value="' + obj + '">' + obj + '</option>';
						$('select[name=' + evt.substring(0, l-1) + 'y]').html(html_y);
					});
					$.each(resText.m, function(i, obj){
						html_m += '<option value="' + obj + '">' + obj + '</option>';
						$('select[name=' + evt.substring(0, l-1) + 'm]').html(html_m);
					});
					$.each(resText.d, function(i, obj){
						html_d += '<option value="' + obj + '">' + obj + '</option>';
						$('select[name=' + evt.substring(0, l-1) + 'd]').html(html_d);
					});
					$.each(resText.t, function(i, obj){
						html_t += '<option value="' + obj + '">' + obj + '</option>';
						$('select[name=' + evt.substring(0, l-1) + 't]').html(html_t);
					});

				}else if(evt.substring(l-1) == 'y'){
					$.each(resText.m, function(i, obj){
						html_m += '<option value="' + obj + '">' + obj + '</option>';
						$('select[name=' + evt.substring(0, l-1) + 'm]').html(html_m);
					});
					$.each(resText.d, function(i, obj){
						html_d += '<option value="' + obj + '">' + obj + '</option>';
						$('select[name=' + evt.substring(0, l-1) + 'd]').html(html_d);
					});
					$.each(resText.t, function(i, obj){
						html_t += '<option value="' + obj + '">' + obj + '</option>';
						$('select[name=' + evt.substring(0, l-1) + 't]').html(html_t);
					});
				}else if(evt.substring(l-1) == 'm'){
					$.each(resText.d, function(i, obj){
						html_d += '<option value="' + obj + '">' + obj + '</option>';
						$('select[name=' + evt.substring(0, l-1) + 'd]').html(html_d);
					});
					$.each(resText.t, function(i, obj){
						html_t += '<option value="' + obj + '">' + obj + '</option>';
						$('select[name=' + evt.substring(0, l-1) + 't]').html(html_t);
					});
				}else{
					$.each(resText.t, function(i, obj){
						html_t += '<option value="' + obj + '">' + obj + '</option>';
						$('select[name=' + evt.substring(0, l-1) + 't]').html(html_t);
					});
				};

			}, 'json');
		};

		function SearchImg(evt){
			var nr = {{params.tid}};
			var ori = 0;
			if(evt == 'c'){
				ori = 0;
			}else if(evt == 'c1'){
				ori = 1;
			}else if(evt == 'c2'){
				ori = 2;
			}else if(evt == 'c3'){
				ori = 3;
			}else if(evt == 'c4'){
				ori = 4;
			}else if(evt == 'c5'){
				ori = 5;
			}else if(evt == 'c6'){
				ori = 6;
			}else if(evt == 'c7'){
				ori = 7;
			}else if(evt == 'c8'){
				ori = 8;
			}else{};
			var y = $('select[name=' + evt + '_y]').val();
			var m = $('select[name=' + evt + '_m]').val();
			var d = $('select[name=' + evt + '_d]').val();
			var t = $('select[name=' + evt + '_t]').val();
			if(ori == 0){
				var ndvi = 'http://60.250.156.234/cust/' + nr + '/ndvia/' + y + '-' + m + '-' + d + '_' + t + '.png';
				var img = 'http://60.250.156.234/cust/' + nr + '/nj/' + y + '-' + m + '-' + d + '_' + t + '.jpg';
				$('font[class=title]').text('N0.' + nr +  ' Direction' + '自動' + '@' + y + '-' + m + '-' + d + '_' + t);
			}else{
				var ndvi = 'http://60.250.156.234/cust/' + nr + '/ndvia' + ori + '/' + y + '-' + m + '-' + d + '_' + t + '.png';
				var img = 'http://60.250.156.234/cust/' + nr + '/nj' + ori + '/' + y + '-' + m + '-' + d + '_' + t + '.jpg';
				$('font[class=title]').text('N0.' + nr +  ' Direction' + ori + ' @' + y + '-' + m + '-' + d + '_' + t);
			};

			$('img[name=ndvi]').attr('src', ndvi);
			$('img[name=img]').attr('src', img);

		};

		$(function(){
			{% if params.ndviImgPath %}
				$("img[name=ndvi]").attr('src', '{{params.ndviImgPath}}');
			{% endif %}

			{% if params.imgPath %}
				$("img[name=img]").attr('src', '{{params.imgPath}}');
			{% endif %}

			{% if params.year %}
				$('font[class=title]').text('N0.' + '{{params.tid}}' +  ' Direction' + '{{params.mode}}' + ' @' + '{{params.year}}' + '-' + '{{params.month}}' + '-' + '{{params.day}}' + '_' + '{{params.time}}');
			{% endif %}
		});


	</script>
</head>
<body>
	<div class="container">
		<div id="header" class="row" style="background-color:#ffffff;">
			<div style="height:20px;"></div>
	    	<div class="col-md-12 col-md-12" style="text-align:center;margin:auto;">
				<div class="col-md-4 col-sm-12" style="">
					<img src="../static/img/logo_new.png" width="60%" height="7%">
				</div>
				<div class="col-md-6 col-sm-12 text-left" style="">
					<a href="/aindex"><button class="btn btn-danger btn-lg" style="">地形圖</button></a>
					<a href="/ashoot_setting/{{params.tid}}"><button class="btn btn-danger btn-lg" style="">拍攝設定</button></a>
					<a href="/aimg_history/1"><button class="btn btn-primary btn-lg" style="">歷史資料</button></a>
				</div>
				<div class="col-md-1 col-sm-12" style="">
					<a href="/logout"><button class="btn btn-primary btn-lg" style="">登出</button></a>
				</div>
	    	</div>
	    	<div class="col-md-12" style="background-color:red;width:100%;height:5px;margin-top:5px;margin-bottom:20px;"></div>
        </div>
		
		<div class="col-sm-12" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
			<center>
<!--				<?php echo "<font class='title'>$NR  號 NDVI歷史查詢</font>"; ?>-->
				<h1>{{params.tid}} 號 NDVI歷史查詢</h1>
				<br>
				<a href="/aimg_history/1"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">1</button></a>
				<a href="/aimg_history/2"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">2</button></a>
				<a href="/aimg_history/3"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">3</button></a>
				<a href="/aimg_history/4"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">4</button></a>
				<a href="/aimg_history/5"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">5</button></a>
				<a href="/aimg_history/6"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">6</button></a>
				<a href="/aimg_history/7"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">7</button></a>
				<a href="/aimg_history/8"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">8</button></a>
				<a href="/aimg_history/9"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">9</button></a>
				<a href="/aimg_history/10"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">10</button></a>
				<a href="/aimg_history/11"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">11</button></a>
				<a href="/aimg_history/12"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">12</button></a>
				<a href="/aimg_history/13"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">13</button></a>
				<a href="/aimg_history/14"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">14</button></a>
				<a href="/aimg_history/15"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">15</button></a>
				<a href="/aimg_history/16"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">16</button></a>
				<a href="/aimg_history/17"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">17</button></a>
				<a href="/aimg_history/18"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">18</button></a>
				<a href="/aimg_history/19"><button class="btn btn-primary btn-lg" style="margin-top:5px;margin-bottom:5px">19</button></a>
				<table style="width:auto; height:auto; border: 20px solid #f2f2f2" border="0" align="center">
					<div class="col-sm-12" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
						<div class="col-sm-4" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
							<font class="choose_nr">手動</font><br>
							<select name='c_y' oninput="Change('c_y');">
								{% if params.Ly %}
									{% for y in params.Ly %}
										<option value="{{y}}">{{y}}</option>
									{% endfor %}
								{% endif %}
							</select>
							<font class='choose_nr'>:年</font>
							<select name='c_m' oninput="Change('c_m');">
								{% if params.Lm %}
									{% for m in params.Lm %}
										<option value="{{m}}">{{m}}</option>
									{% endfor %}
								{% endif %}
							</select>
							<font class='choose_nr'>:月</font>
							<select name='c_d' oninput="Change('c_d');">
								{% if params.Ld %}
									{% for d in params.Ld %}
										<option value="{{d}}">{{d}}</option>
									{% endfor %}
								{% endif %}
							</select>
							<font class='choose_nr'>:日</font>
							<select name='c_t'>
								{% if params.Lt %}
									{% for t in params.Lt %}
										<option value="{{t}}">{{t}}</option>
									{% endfor %}
								{% endif %}
							</select><br>
							<button name="c" type="button" onclick="SearchImg('c');">查詢</button>
						</div>
						<div class="col-sm-4" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
							<font class='choose_nr'>1.方位名稱</font>
							<select name='c1_n' oninput="Change('c1_n');">
                                <option value="all">全部照片</option>
								{% if params.Ln1 %}
									{% for n in params.Ln1 %}
										<option value="{{n}}">{{n}}</option>
									{% endfor %}
								{% endif %}
							</select><br>
							<select name='c1_y' oninput="Change('c1_y');">
								{% if params.Ly1 %}
									{% for y in params.Ly1 %}
										<option value="{{y}}">{{y}}</option>
									{% endfor %}
								{% endif %}
							</select>
							<font class='choose_nr'>:年</font>
							<select name='c1_m' oninput="Change('c1_m');">
								{% if params.Lm1 %}
									{% for m in params.Lm1 %}
										<option value="{{m}}">{{m}}</option>
									{% endfor %}
								{% endif %}
							</select>
							<font class='choose_nr'>:月</font>
							<select name='c1_d' oninput="Change('c1_d');">
								{% if params.Ld1 %}
									{% for d in params.Ld1 %}
										<option value="{{d}}">{{d}}</option>
									{% endfor %}
								{% endif %}
							</select>
							<font class='choose_nr'>:日</font>
							<select name='c1_t'>
								{% if params.Lt1 %}
									{% for t in params.Lt1 %}
										<option value="{{t}}">{{t}}</option>
									{% endfor %}
								{% endif %}
							</select><br>
							<button name="c1" type="button" onclick="SearchImg('c1');">查詢</button>
						</div>
						<div class="col-sm-4" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
							<font class='choose_nr'>2.方位名稱</font>
							<select name='c2_n' oninput="Change('c2_n');">
                                <option value="all">全部照片</option>
								{% if params.Ln2 %}
									{% for n in params.Ln2 %}
										<option value="{{n}}">{{n}}</option>
									{% endfor %}
								{% endif %}
							</select><br>
							<select name='c2_y' oninput="Change('c2_y');">
								{% if params.Ly2 %}
									{% for y in params.Ly2 %}
										<option value="{{y}}">{{y}}</option>
									{% endfor %}
								{% endif %}
							</select>
							<font class='choose_nr'>:年</font>
							<select name='c2_m' oninput="Change('c2_m');">
								{% if params.Lm2 %}
									{% for m in params.Lm2 %}
										<option value="{{m}}">{{m}}</option>
									{% endfor %}
								{% endif %}
							</select>
							<font class='choose_nr'>:月</font>
							<select name='c2_d' oninput="Change('c2_d');">
								{% if params.Ld2 %}
									{% for d in params.Ld2 %}
										<option value="{{d}}">{{d}}</option>
									{% endfor %}
								{% endif %}
							</select>
							<font class='choose_nr'>:日</font>
							<select name='c2_t'>
								{% if params.Lt2 %}
									{% for t in params.Lt2 %}
										<option value="{{t}}">{{t}}</option>
									{% endfor %}
								{% endif %}
							</select><br>
							<button name="c2" type="button" onclick="SearchImg('c2');">查詢</button>
						</div>
						<div class="col-sm-4" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
							<font class='choose_nr'>3.方位名稱</font>
							<select name='c3_n' oninput="Change('c3_n');">
                                <option value="all">全部照片</option>
								{% if params.Ln3 %}
									{% for n in params.Ln3 %}
										<option value="{{n}}">{{n}}</option>
									{% endfor %}
								{% endif %}
							</select><br>
							<select name='c3_y' oninput="Change('c3_y');">
								{% if params.Ly3 %}
									{% for y in params.Ly3 %}
										<option value="{{y}}">{{y}}</option>
									{% endfor %}
								{% endif %}
							</select>
							<font class='choose_nr'>:年</font>
							<select name='c3_m' oninput="Change('c3_m');">
								{% if params.Lm3 %}
									{% for m in params.Lm3 %}
										<option value="{{m}}">{{m}}</option>
									{% endfor %}
								{% endif %}
							</select>
							<font class='choose_nr'>:月</font>
							<select name='c3_d' oninput="Change('c3_d');">
								{% if params.Ld3 %}
									{% for d in params.Ld3 %}
										<option value="{{d}}">{{d}}</option>
									{% endfor %}
								{% endif %}
							</select>
							<font class='choose_nr'>:日</font>
							<select name='c3_t'>
								{% if params.Lt3 %}
									{% for t in params.Lt3 %}
										<option value="{{t}}">{{t}}</option>
									{% endfor %}
								{% endif %}
							</select><br>
							<button name="c3" type="button" onclick="SearchImg('c3');">查詢</button>
						</div>
						<div class="col-sm-4" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
							<font class='choose_nr'>4.方位名稱</font>
							<select name='c4_n' oninput="Change('c4_n');">
                                <option value="all">全部照片</option>
								{% if params.Ln4 %}
									{% for n in params.Ln4 %}
										<option value="{{n}}">{{n}}</option>
									{% endfor %}
								{% endif %}
							</select><br>
							<select name='c4_y' oninput="Change('c4_y');">
								{% if params.Ly4 %}
									{% for y in params.Ly4 %}
										<option value="{{y}}">{{y}}</option>
									{% endfor %}
								{% endif %}
							</select>
							<font class='choose_nr'>:年</font>
							<select name='c4_m' oninput="Change('c4_m');">
								{% if params.Lm4 %}
									{% for m in params.Lm4 %}
										<option value="{{m}}">{{m}}</option>
									{% endfor %}
								{% endif %}
							</select>
							<font class='choose_nr'>:月</font>
							<select name='c4_d' oninput="Change('c4_d');">
								{% if params.Ld4 %}
									{% for d in params.Ld4 %}
										<option value="{{d}}">{{d}}</option>
									{% endfor %}
								{% endif %}
							</select>
							<font class='choose_nr'>:日</font>
							<select name='c4_t'>
								{% if params.Lt4 %}
									{% for t in params.Lt4 %}
										<option value="{{t}}">{{t}}</option>
									{% endfor %}
								{% endif %}
							</select><br>
							<button name="c4" type="button" onclick="SearchImg('c4');">查詢</button>
						</div>
						<div class="col-sm-4" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
							<font class='choose_nr'>5.方位名稱</font>
							<select name='c5_n' oninput="Change('c5_n');">
                                <option value="all">全部照片</option>
								{% if params.Ln5 %}
									{% for n in params.Ln5 %}
										<option value="{{n}}">{{n}}</option>
									{% endfor %}
								{% endif %}
							</select><br>
							<select name='c5_y' oninput="Change('c5_y');">
								{% if params.Ly5 %}
									{% for y in params.Ly5 %}
										<option value="{{y}}">{{y}}</option>
									{% endfor %}
								{% endif %}
							</select>
							<font class='choose_nr'>:年</font>
							<select name='c5_m' oninput="Change('c5_m');">
								{% if params.Lm5 %}
									{% for m in params.Lm5 %}
										<option value="{{m}}">{{m}}</option>
									{% endfor %}
								{% endif %}
							</select>
							<font class='choose_nr'>:月</font>
							<select name='c5_d' oninput="Change('c5_d');">
								{% if params.Ld5 %}
									{% for d in params.Ld5 %}
										<option value="{{d}}">{{d}}</option>
									{% endfor %}
								{% endif %}
							</select>
							<font class='choose_nr'>:日</font>
							<select name='c5_t'>
								{% if params.Lt5 %}
									{% for t in params.Lt5 %}
										<option value="{{t}}">{{t}}</option>
									{% endfor %}
								{% endif %}
							</select><br>
							<button name="c5" type="button" onclick="SearchImg('c5');">查詢</button>
						</div>
						<div class="col-sm-4" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
							<font class='choose_nr'>6.方位名稱</font>
							<select name='c6_n' oninput="Change('c6_n');">
                                <option value="all">全部照片</option>
								{% if params.Ln6 %}
									{% for n in params.Ln6 %}
										<option value="{{n}}">{{n}}</option>
									{% endfor %}
								{% endif %}
							</select><br>
							<select name='c6_y' oninput="Change('c6_y');">
								{% if params.Ly6 %}
									{% for y in params.Ly6 %}
										<option value="{{y}}">{{y}}</option>
									{% endfor %}
								{% endif %}
							</select>
							<font class='choose_nr'>:年</font>
							<select name='c6_m' oninput="Change('c6_m');">
								{% if params.Lm6 %}
									{% for m in params.Lm6 %}
										<option value="{{m}}">{{m}}</option>
									{% endfor %}
								{% endif %}
							</select>
							<font class='choose_nr'>:月</font>
							<select name='c6_d' oninput="Change('c6_d');">
								{% if params.Ld6 %}
									{% for d in params.Ld6 %}
										<option value="{{d}}">{{d}}</option>
									{% endfor %}
								{% endif %}
							</select>
							<font class='choose_nr'>:日</font>
							<select name='c6_t'>
								{% if params.Lt6 %}
									{% for t in params.Lt6 %}
										<option value="{{t}}">{{t}}</option>
									{% endfor %}
								{% endif %}
							</select><br>
							<button name="c6" type="button" onclick="SearchImg('c6');">查詢</button>
						</div>
						<div class="col-sm-4" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
							<font class='choose_nr'>7.方位名稱</font>
							<select name='c7_n' oninput="Change('c7_n');">
                                <option value="all">全部照片</option>
								{% if params.Ln7 %}
									{% for n in params.Ln7 %}
										<option value="{{n}}">{{n}}</option>
									{% endfor %}
								{% endif %}
							</select><br>
							<select name='c7_y' oninput="Change('c7_y');">
								{% if params.Ly7 %}
									{% for y in params.Ly7 %}
										<option value="{{y}}">{{y}}</option>
									{% endfor %}
								{% endif %}
							</select>
							<font class='choose_nr'>:年</font>
							<select name='c7_m' oninput="Change('c7_m');">
								{% if params.Lm7 %}
									{% for m in params.Lm7 %}
										<option value="{{m}}">{{m}}</option>
									{% endfor %}
								{% endif %}
							</select>
							<font class='choose_nr'>:月</font>
							<select name='c7_d' oninput="Change('c7_d');">
								{% if params.Ld7 %}
									{% for d in params.Ld7 %}
										<option value="{{d}}">{{d}}</option>
									{% endfor %}
								{% endif %}
							</select>
							<font class='choose_nr'>:日</font>
							<select name='c7_t'>
								{% if params.Lt7 %}
									{% for t in params.Lt7 %}
										<option value="{{t}}">{{t}}</option>
									{% endfor %}
								{% endif %}
							</select><br>
							<button  name="c7" type="button" onclick="SearchImg('c7');">查詢</button>
						</div>
						<div class="col-sm-4" style="text-align:center;background-color:#f2f2f2;padding:15px;border:1px;border-radius: 35px;">
							<font class='choose_nr'>8.方位名稱</font>
							<select name='c8_n' oninput="Change('c8_n');">
                                <option value="all">全部照片</option>
								{% if params.Ln8 %}
									{% for n in params.Ln8 %}
										<option value="{{n}}">{{n}}</option>
									{% endfor %}
								{% endif %}
							</select><br>
							<select name='c8_y' oninput="Change('c8_y');">
								{% if params.Ly8 %}
									{% for y in params.Ly8 %}
										<option value="{{y}}">{{y}}</option>
									{% endfor %}
								{% endif %}
							</select>
							<font class='choose_nr'>:年</font>
							<select name='c8_m' oninput="Change('c8_m');">
								{% if params.Lm8 %}
									{% for m in params.Lm8 %}
										<option value="{{m}}">{{m}}</option>
									{% endfor %}
								{% endif %}
							</select>
							<font class='choose_nr'>:月</font>
							<select name='c8_d' oninput="Change('c8_d');">
								{% if params.Ld8 %}
									{% for d in params.Ld8 %}
										<option value="{{d}}">{{d}}</option>
									{% endfor %}
								{% endif %}
							</select>
							<font class='choose_nr'>:日</font>
							<select name='c8_t'>
								{% if params.Lt8 %}
									{% for t in params.Lt8 %}
										<option value="{{t}}">{{t}}</option>
									{% endfor %}
								{% endif %}
							</select><br>
							<button name="c8" type="button" onclick="SearchImg('c8');">查詢</button>
						</div>
						<font class='title'>N0.{{params.tid}} Direction @--</font>
					</div>
				</table>
				<img src='../static/img/ndvi.jpg' name="ndvi" class='img' style='max-width:100%;height: auto;'>
            	<img src='../static/img/color1.jpg' class='img' style='max-width:100%;height: auto;'>
				<img src='../static/img/PV.jpg'  name="img" class='img' style='max-width:100%;height: auto;'>
			</center>
		</div>
	</div>
</body>
</html>