Lower Mekong Basin

Notice (8): Undefined index: select_type [APP/Controller\MapsController.php, line 220]Code Context
        if($_GET["select_type"])
            $TimeType = $_GET["select_type"];
$connection = object(Cake\Database\Connection) {

	'config' => [
		'password' => '*****',
		'username' => '*****',
		'host' => '*****',
		'database' => '*****',
		'port' => '*****',
		'driver' => 'Cake\Database\Driver\Mysql',
		'persistent' => false,
		'encoding' => 'utf8',
		'timezone' => 'UTC',
		'flags' => [[maximum depth reached]],
		'cacheMetadata' => true,
		'log' => false,
		'quoteIdentifiers' => false,
		'url' => null,
		'name' => 'default'
	],
	'driver' => object(Cake\Database\Driver\Mysql) {},
	'transactionLevel' => (int) 0,
	'transactionStarted' => false,
	'useSavePoints' => false,
	'logQueries' => false,
	'logger' => null

}
$ExlicitTime = 'Time not found'
$DataTypeName = 'Data Type Name not found'
$AreaName = 'Lower Mekong Basin'
$ManageType = 'Lower Mekong Basin'
$map_id = (int) 0
$time_value = ''
$time_year = ''
$is_publish = (int) 0
$today_num_week = (int) 52
$today_year = '2025'
$Type = 'cdi'
$TimeType = (int) 3
$p_select_type = ''
$p_select_year = ''
$select_month = ''
$select_week = ''
$type_select = ''
$description = ''
App\Controller\MapsController::filter() - APP/Controller\MapsController.php, line 220
Cake\Controller\Controller::invokeAction() - CORE\src\Controller\Controller.php, line 610
Cake\Http\ActionDispatcher::_invoke() - CORE\src\Http\ActionDispatcher.php, line 120
Cake\Http\ActionDispatcher::dispatch() - CORE\src\Http\ActionDispatcher.php, line 94
Cake\Http\BaseApplication::__invoke() - CORE\src\Http\BaseApplication.php, line 235
Cake\Http\Runner::__invoke() - CORE\src\Http\Runner.php, line 65
Cake\Routing\Middleware\RoutingMiddleware::__invoke() - CORE\src\Routing\Middleware\RoutingMiddleware.php, line 162
Cake\Http\Runner::__invoke() - CORE\src\Http\Runner.php, line 65
Cake\Routing\Middleware\AssetMiddleware::__invoke() - CORE\src\Routing\Middleware\AssetMiddleware.php, line 88
Cake\Http\Runner::__invoke() - CORE\src\Http\Runner.php, line 65
Cake\Error\Middleware\ErrorHandlerMiddleware::__invoke() - CORE\src\Error\Middleware\ErrorHandlerMiddleware.php, line 98
Cake\Http\Runner::__invoke() - CORE\src\Http\Runner.php, line 65
Cake\Http\Runner::run() - CORE\src\Http\Runner.php, line 51
Cake\Http\Server::run() - CORE\src\Http\Server.php, line 98
[main] - ROOT\webroot\index.php, line 40

Notice (8): Undefined index: select_year [APP/Controller\MapsController.php, line 222]Code Context            $TimeType = $_GET["select_type"];
        if($_GET["select_year"]) {
            $today_year = $_GET["select_year"];
$connection = object(Cake\Database\Connection) {

	'config' => [
		'password' => '*****',
		'username' => '*****',
		'host' => '*****',
		'database' => '*****',
		'port' => '*****',
		'driver' => 'Cake\Database\Driver\Mysql',
		'persistent' => false,
		'encoding' => 'utf8',
		'timezone' => 'UTC',
		'flags' => [[maximum depth reached]],
		'cacheMetadata' => true,
		'log' => false,
		'quoteIdentifiers' => false,
		'url' => null,
		'name' => 'default'
	],
	'driver' => object(Cake\Database\Driver\Mysql) {},
	'transactionLevel' => (int) 0,
	'transactionStarted' => false,
	'useSavePoints' => false,
	'logQueries' => false,
	'logger' => null

}
$ExlicitTime = 'Time not found'
$DataTypeName = 'Data Type Name not found'
$AreaName = 'Lower Mekong Basin'
$ManageType = 'Lower Mekong Basin'
$map_id = (int) 0
$time_value = ''
$time_year = ''
$is_publish = (int) 0
$today_num_week = (int) 52
$today_year = '2025'
$Type = 'cdi'
$TimeType = (int) 3
$p_select_type = ''
$p_select_year = ''
$select_month = ''
$select_week = ''
$type_select = ''
$description = ''
App\Controller\MapsController::filter() - APP/Controller\MapsController.php, line 222
Cake\Controller\Controller::invokeAction() - CORE\src\Controller\Controller.php, line 610
Cake\Http\ActionDispatcher::_invoke() - CORE\src\Http\ActionDispatcher.php, line 120
Cake\Http\ActionDispatcher::dispatch() - CORE\src\Http\ActionDispatcher.php, line 94
Cake\Http\BaseApplication::__invoke() - CORE\src\Http\BaseApplication.php, line 235
Cake\Http\Runner::__invoke() - CORE\src\Http\Runner.php, line 65
Cake\Routing\Middleware\RoutingMiddleware::__invoke() - CORE\src\Routing\Middleware\RoutingMiddleware.php, line 162
Cake\Http\Runner::__invoke() - CORE\src\Http\Runner.php, line 65
Cake\Routing\Middleware\AssetMiddleware::__invoke() - CORE\src\Routing\Middleware\AssetMiddleware.php, line 88
Cake\Http\Runner::__invoke() - CORE\src\Http\Runner.php, line 65
Cake\Error\Middleware\ErrorHandlerMiddleware::__invoke() - CORE\src\Error\Middleware\ErrorHandlerMiddleware.php, line 98
Cake\Http\Runner::__invoke() - CORE\src\Http\Runner.php, line 65
Cake\Http\Runner::run() - CORE\src\Http\Runner.php, line 51
Cake\Http\Server::run() - CORE\src\Http\Server.php, line 98
[main] - ROOT\webroot\index.php, line 40

Notice (8): Undefined index: select_month [APP/Controller\MapsController.php, line 226]Code Context        }
        if($_GET["select_month"] && $_GET["select_month"] != "undefined") {
            $today_num_week = $_GET["select_month"];
$connection = object(Cake\Database\Connection) {

	'config' => [
		'password' => '*****',
		'username' => '*****',
		'host' => '*****',
		'database' => '*****',
		'port' => '*****',
		'driver' => 'Cake\Database\Driver\Mysql',
		'persistent' => false,
		'encoding' => 'utf8',
		'timezone' => 'UTC',
		'flags' => [[maximum depth reached]],
		'cacheMetadata' => true,
		'log' => false,
		'quoteIdentifiers' => false,
		'url' => null,
		'name' => 'default'
	],
	'driver' => object(Cake\Database\Driver\Mysql) {},
	'transactionLevel' => (int) 0,
	'transactionStarted' => false,
	'useSavePoints' => false,
	'logQueries' => false,
	'logger' => null

}
$ExlicitTime = 'Time not found'
$DataTypeName = 'Data Type Name not found'
$AreaName = 'Lower Mekong Basin'
$ManageType = 'Lower Mekong Basin'
$map_id = (int) 0
$time_value = ''
$time_year = ''
$is_publish = (int) 0
$today_num_week = (int) 52
$today_year = '2025'
$Type = 'cdi'
$TimeType = (int) 3
$p_select_type = ''
$p_select_year = ''
$select_month = ''
$select_week = ''
$type_select = ''
$description = ''
App\Controller\MapsController::filter() - APP/Controller\MapsController.php, line 226
Cake\Controller\Controller::invokeAction() - CORE\src\Controller\Controller.php, line 610
Cake\Http\ActionDispatcher::_invoke() - CORE\src\Http\ActionDispatcher.php, line 120
Cake\Http\ActionDispatcher::dispatch() - CORE\src\Http\ActionDispatcher.php, line 94
Cake\Http\BaseApplication::__invoke() - CORE\src\Http\BaseApplication.php, line 235
Cake\Http\Runner::__invoke() - CORE\src\Http\Runner.php, line 65
Cake\Routing\Middleware\RoutingMiddleware::__invoke() - CORE\src\Routing\Middleware\RoutingMiddleware.php, line 162
Cake\Http\Runner::__invoke() - CORE\src\Http\Runner.php, line 65
Cake\Routing\Middleware\AssetMiddleware::__invoke() - CORE\src\Routing\Middleware\AssetMiddleware.php, line 88
Cake\Http\Runner::__invoke() - CORE\src\Http\Runner.php, line 65
Cake\Error\Middleware\ErrorHandlerMiddleware::__invoke() - CORE\src\Error\Middleware\ErrorHandlerMiddleware.php, line 98
Cake\Http\Runner::__invoke() - CORE\src\Http\Runner.php, line 65
Cake\Http\Runner::run() - CORE\src\Http\Runner.php, line 51
Cake\Http\Server::run() - CORE\src\Http\Server.php, line 98
[main] - ROOT\webroot\index.php, line 40

Notice (8): Undefined index: select_week [APP/Controller\MapsController.php, line 231]Code Context        }
        if($_GET["select_week"] && $_GET["select_week"] != "undefined") {
            $today_num_week = $_GET["select_week"];
$connection = object(Cake\Database\Connection) {

	'config' => [
		'password' => '*****',
		'username' => '*****',
		'host' => '*****',
		'database' => '*****',
		'port' => '*****',
		'driver' => 'Cake\Database\Driver\Mysql',
		'persistent' => false,
		'encoding' => 'utf8',
		'timezone' => 'UTC',
		'flags' => [[maximum depth reached]],
		'cacheMetadata' => true,
		'log' => false,
		'quoteIdentifiers' => false,
		'url' => null,
		'name' => 'default'
	],
	'driver' => object(Cake\Database\Driver\Mysql) {},
	'transactionLevel' => (int) 0,
	'transactionStarted' => false,
	'useSavePoints' => false,
	'logQueries' => false,
	'logger' => null

}
$ExlicitTime = 'Time not found'
$DataTypeName = 'Data Type Name not found'
$AreaName = 'Lower Mekong Basin'
$ManageType = 'Lower Mekong Basin'
$map_id = (int) 0
$time_value = ''
$time_year = ''
$is_publish = (int) 0
$today_num_week = (int) 52
$today_year = '2025'
$Type = 'cdi'
$TimeType = (int) 3
$p_select_type = ''
$p_select_year = ''
$select_month = ''
$select_week = ''
$type_select = ''
$description = ''
App\Controller\MapsController::filter() - APP/Controller\MapsController.php, line 231
Cake\Controller\Controller::invokeAction() - CORE\src\Controller\Controller.php, line 610
Cake\Http\ActionDispatcher::_invoke() - CORE\src\Http\ActionDispatcher.php, line 120
Cake\Http\ActionDispatcher::dispatch() - CORE\src\Http\ActionDispatcher.php, line 94
Cake\Http\BaseApplication::__invoke() - CORE\src\Http\BaseApplication.php, line 235
Cake\Http\Runner::__invoke() - CORE\src\Http\Runner.php, line 65
Cake\Routing\Middleware\RoutingMiddleware::__invoke() - CORE\src\Routing\Middleware\RoutingMiddleware.php, line 162
Cake\Http\Runner::__invoke() - CORE\src\Http\Runner.php, line 65
Cake\Routing\Middleware\AssetMiddleware::__invoke() - CORE\src\Routing\Middleware\AssetMiddleware.php, line 88
Cake\Http\Runner::__invoke() - CORE\src\Http\Runner.php, line 65
Cake\Error\Middleware\ErrorHandlerMiddleware::__invoke() - CORE\src\Error\Middleware\ErrorHandlerMiddleware.php, line 98
Cake\Http\Runner::__invoke() - CORE\src\Http\Runner.php, line 65
Cake\Http\Runner::run() - CORE\src\Http\Runner.php, line 51
Cake\Http\Server::run() - CORE\src\Http\Server.php, line 98
[main] - ROOT\webroot\index.php, line 40

Warning (512): Unable to emit headers. Headers sent in file=D:\wamp64\www\droughtforecast.mrcmekong.org\vendor\cakephp\cakephp\src\Error\Debugger.php line=853 [CORE\src\Http\ResponseEmitter.php, line 48]Code Context            if (Configure::read('debug')) {
                trigger_error($message, E_USER_WARNING);
            } else {
$response = object(Cake\Http\Response) {

	'status' => (int) 200,
	'contentType' => 'text/html',
	'headers' => [
		'Content-Type' => [
			[maximum depth reached]
		]
	],
	'file' => null,
	'fileRange' => [],
	'cookies' => object(Cake\Http\Cookie\CookieCollection) {},
	'cacheDirectives' => [],
	'body' => '<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
    <title>Lower Mekong Basin</title>
    <link href="http://droughtforecast.mrcmekong.org/webroot/css/resources/bootstrap_4.3.1/css/bootstrap.css" rel="stylesheet" />
    <link href="http://droughtforecast.mrcmekong.org/webroot/css/resources/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
    <link href="http://droughtforecast.mrcmekong.org/webroot/css/resources/styles/style.css" rel="stylesheet" />
    <script src="http://droughtforecast.mrcmekong.org/webroot/css/resources/js/jquery-3.3.1.min.js"></script>
    <script src="http://droughtforecast.mrcmekong.org/webroot/css/resources/bootstrap_4.3.1/js/bootstrap.js"></script>
	<script src="http://droughtforecast.mrcmekong.org/webroot/Content/js/plugins/imageMapResizer/imageMapResizer.min.js"></script>
	<script src="http://droughtforecast.mrcmekong.org/webroot/Content/js/plugins/maphilight/maphilight.min.js"></script>
	
	<link rel="stylesheet" type="text/css" href="http://droughtforecast.mrcmekong.org/webroot/css/jquery/dist/jquery.svg.css"> 
	<script src="http://droughtforecast.mrcmekong.org/webroot/css/jquery/dist/jquery.svg.es5.min.js"></script>
	<link href="http://droughtforecast.mrcmekong.org/webroot/css/resources/styles/tooltip.css" rel="stylesheet" />
	<style>
	.nav-item > a {
		font-weight: bold;
		font-size: 15px;
		padding: 7px 10px !important;
	}
	</style>
	</head>
<body>
    <div class="wrapper">
        <header>
		<div class="">
		<div class="">
            <nav class="navbar navbar-expand-lg">
                <a class="navbar-brand" href="/maps">
                    <img src="http://droughtforecast.mrcmekong.org/webroot/css/resources/images/logo.png" />
                </a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse " id="navbarNavDropdown">
                    <ul class="navbar-nav ml-auto">
                        <li class="nav-item">
                            <a class="nav-link" href="/maps">Home</a>
                        </li>
						
						<li class="nav-item">
							<a href="/templates/view/our-product" class="nav-link" target="">About Products</a>                        </li>
						
						
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
                                Monitoring
                            </a>
                            <div class="dropdown-menu">
							<a href="/maps/index?manage_type=mornitoring&amp;type=cdi" class="dropdown-item" target="">Combined Drought Index (CDI)</a><a href="/maps/index?manage_type=mornitoring&amp;type=smdi" class="dropdown-item" target="">Soil Moisture Deficit Index (SMDI)</a><a href="/maps/index?manage_type=mornitoring&amp;type=spi" class="dropdown-item" target="">Standardized Precipitation Index (SPI1)</a><a href="/maps/index?manage_type=mornitoring&amp;type=sri" class="dropdown-item" target="">Standardized Runoff Index (SRI1)</a>                            </div>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
                                Forecasting
                            </a>
                            <div class="dropdown-menu">
								<a href="/maps/index?manage_type=forecasting&amp;type=cdi" class="dropdown-item" target="">Combined Drought Index (CDI)</a><a href="/maps/index?manage_type=forecasting&amp;type=smdi" class="dropdown-item" target="">Soil Moisture Deficit Index (SMDI)</a><a href="/maps/index?manage_type=forecasting&amp;type=spi" class="dropdown-item" target="">Standardized Precipitation Index (SPI1)</a><a href="/maps/index?manage_type=forecasting&amp;type=sri" class="dropdown-item" target="">Standardized Runoff Index (SRI1)</a>                            </div>
                        </li>
                        <li class="nav-item seasonal-outlook">
							<a href="/templates/view/seasonal-outlook" class="nav-link" target="">Seasonal Outlook</a>                        </li>
                        <li class="nav-item">
							<a href="/contact/view/about-us" class="nav-link" target="">Contact Us</a>                        </li>
                    </ul>
                </div>
            </nav>
        </div>
		</div>
		</header>



<main>
	<div class="container-fluid">
		<div class="row">
			
			<div class="col-md-6">
				
				<div class="container-fluid">
					<div class="row">
						<div class="col-md-12">
							<nav aria-label="breadcrumb">
	<ol class="breadcrumb">
		
				<li class="breadcrumb-item" style="display: none;"><a href="/maps"><i class="fa fa-home"></i> Home</a></li>
			</ol>
</nav>						</div>
					</div>
				</div>
			
				<!-- hide checkboxes in 8 child pages -->
								<div class="row action-checks" style="display: none;">
										<div class="col-md-4 col-sm-4 col-xs-4 checkbox-control">
						<div class="custom-control custom-checkbox" onclick="selectHill(this);">
							<input type="checkbox" class="custom-control-input" id="soilType">
							<label class="custom-control-label" for="soilType">Soil Type</label>
						</div>
					</div>
					
					<div class="col-md-4 col-sm-4 col-xs-4 checkbox-control">
						<div class="custom-control custom-checkbox" onclick="selectHight(this);">
							<input type="checkbox" class="custom-control-input" id="soilLevel">
							<label class="custom-control-label" for="soilLevel">Land Cover</label>
						</div>
					</div>
					
					<div class="col-md-4 col-sm-4 col-xs-4 checkbox-control">
						<div class="custom-control custom-checkbox" onclick="selectDem(this);">
							<input type="checkbox" class="custom-control-input" id="soilDem">
							<label class="custom-control-label" for="soilDem">DEM</label>
						</div>
					</div>
					
									</div>
				
						
				<div class="text-center main-maps" style="margin-top: 45px;"> <!-- when hide checkboxes above -->
											<p style="margin: 10% auto;">Data not found</p>
									</div>
								<!-- end hide checkboxes in 8 child pages / -->
			</div>
			
			
			
			<div class="col-md-6 right-main">
				<!-- Date Time Filter -->
				<div class="box-main-right date-time">
					<div class="maps_datetime_box">
						<!--
						<div class="row">
							<div class="col-md-12 col-12">
								<label><strong>Drought Forecast Of:</strong></label>
							</div>
						</div>
						-->
						
						<div class="row">
							<div class="col-md-3 col-6">
								<div class="form-group">
									<label>Year</label>
									<select class="form-control custom-select" id="ddlYears" name="Year">
																				<option value="2030" >2030</option>
																				<option value="2029" >2029</option>
																				<option value="2028" >2028</option>
																				<option value="2027" >2027</option>
																				<option value="2026" >2026</option>
																				<option value="2025" selected>2025</option>
																				<option value="2024" >2024</option>
																				<option value="2023" >2023</option>
																				<option value="2022" >2022</option>
																				<option value="2021" >2021</option>
																				<option value="2020" >2020</option>
																				<option value="2019" >2019</option>
																				<option value="2018" >2018</option>
																				<option value="2017" >2017</option>
																				<option value="2016" >2016</option>
																				<option value="2015" >2015</option>
																				<option value="2014" >2014</option>
																				<option value="2013" >2013</option>
																				<option value="2012" >2012</option>
																				<option value="2011" >2011</option>
																				<option value="2010" >2010</option>
																				<option value="2009" >2009</option>
																				<option value="2008" >2008</option>
																				<option value="2007" >2007</option>
																				<option value="2006" >2006</option>
																				<option value="2005" >2005</option>
																				<option value="2004" >2004</option>
																				<option value="2003" >2003</option>
																				<option value="2002" >2002</option>
																				<option value="2001" >2001</option>
																			</select>
								</div>
							</div>
							<div class="col-md-4 col-6">
								<div class="form-group">
									<label>Time type</label>
									<select class="form-control custom-select" id="Type" name="Year">
										<option value="3" selected>By week</option>
										<option value="2" >By Month</option>
									</select>
								</div>
							</div>
							
							<div class="col-md-1 col-2 link-arrow-left">
								<div class="link-arrow">
									<br />
																		
																	</div>
							</div>
							
							<div class="col-md-3 col-8" id="spMonths" style="display:none;">
								<div class="form-group">
									<label>Month</label>
									<select id="ddlMonths" class="form-control custom-select">
										<option value="">- Month -</option>
																				<option value="1" selected>Jan/1</option>
																				<option value="2" >Feb/2</option>
																				<option value="3" >Mar/3</option>
																				<option value="4" >Apr/4</option>
																				<option value="5" >May/5</option>
																				<option value="6" >Jun/6</option>
																				<option value="7" >Jul/7</option>
																				<option value="8" >Aug/8</option>
																				<option value="9" >Sep/9</option>
																				<option value="10" >Oct/10</option>
																				<option value="11" >Nov/11</option>
																				<option value="12" >Dec/12</option>
																			</select>
								</div>
							</div>

							<div class="col-md-3 col-8" style="">
								<div class="form-group ">
									<label>Week</label>
									<select id="ddlWeeks" class="form-control custom-select">
										<option value="">- Week -</option>
																				<option value="1" selected>Week 1</option>
																				<option value="2" >Week 2</option>
																				<option value="3" >Week 3</option>
																				<option value="4" >Week 4</option>
																				<option value="5" >Week 5</option>
																				<option value="6" >Week 6</option>
																				<option value="7" >Week 7</option>
																				<option value="8" >Week 8</option>
																				<option value="9" >Week 9</option>
																				<option value="10" >Week 10</option>
																				<option value="11" >Week 11</option>
																				<option value="12" >Week 12</option>
																				<option value="13" >Week 13</option>
																				<option value="14" >Week 14</option>
																				<option value="15" >Week 15</option>
																				<option value="16" >Week 16</option>
																				<option value="17" >Week 17</option>
																				<option value="18" >Week 18</option>
																				<option value="19" >Week 19</option>
																				<option value="20" >Week 20</option>
																				<option value="21" >Week 21</option>
																				<option value="22" >Week 22</option>
																				<option value="23" >Week 23</option>
																				<option value="24" >Week 24</option>
																				<option value="25" >Week 25</option>
																				<option value="26" >Week 26</option>
																				<option value="27" >Week 27</option>
																				<option value="28" >Week 28</option>
																				<option value="29" >Week 29</option>
																				<option value="30" >Week 30</option>
																				<option value="31" >Week 31</option>
																				<option value="32" >Week 32</option>
																				<option value="33" >Week 33</option>
																				<option value="34" >Week 34</option>
																				<option value="35" >Week 35</option>
																				<option value="36" >Week 36</option>
																				<option value="37" >Week 37</option>
																				<option value="38" >Week 38</option>
																				<option value="39" >Week 39</option>
																				<option value="40" >Week 40</option>
																				<option value="41" >Week 41</option>
																				<option value="42" >Week 42</option>
																				<option value="43" >Week 43</option>
																				<option value="44" >Week 44</option>
																				<option value="45" >Week 45</option>
																				<option value="46" >Week 46</option>
																				<option value="47" >Week 47</option>
																				<option value="48" >Week 48</option>
																				<option value="49" >Week 49</option>
																				<option value="50" >Week 50</option>
																				<option value="51" >Week 51</option>
																				<option value="52" >Week 52</option>
																			</select>
								</div>
								<input type="hidden" id="hdfValueTime" name="Value" />
							</div>
							
							<div class="col-md-1 col-2 link-arrow-right">
								<div class="link-arrow">
									<br />
																										</div>
							</div>
						</div>
						
						<!-- Week/Month Range -->
											</div>
				</div>
				<!-- End Date Time Filter -->
				
									
								<div class="box-main-right" style="display: none">
					<p class="title-box area_name">
						Lower Mekong Basin					</p>
					<div class="body-box body-box-category">
						<p class="manage_type_name">Mornitoring</p>
						<p class="data_type_name">Data Type Name not found</p>
					</div>
				</div>
				
				<div class="box-main-right">
					<div class="box-summary-container">
						<p class="title-box">This Week's Drought Summary</p>
						<div id="Property_Description" class="body-box">
													</div>
					</div>
				</div>
							</div>
			
		</div>
	</div>
	</main>
		<footer>
            <span>Copyright 2019 © | Lower Mekong Basin</span>
        </footer>
    </div>
</body>
</html>
<script>
	function findMap(dlweek) {
		/* if($("#Type option:selected").val() == "") {
			alert("Please select Filter By");
			return false;
		} */
		
		if(dlweek=="") select_month = $("#ddlMonths option:selected").val();
		else select_month = "";

		if(typeof dlweek == "undefined") {
			dlweek = 1;
		}
		
		window.location.href = '/maps/filter?page=home&manage_type=forecasting&type=cdi&select_type='+$("#Type option:selected").val()+'&select_year='+$("#ddlYears option:selected").val()+'&select_month='+select_month+'&select_week='+dlweek+''; //relative to domain
		
		$.ajax({
			method: "POST",
			url: 'http://droughtforecast.mrcmekong.org/maps/filter',
			data: { 
				ajax_search: true,
				select_type: $("#Type option:selected").val(),
				select_year: $("#ddlYears option:selected").val(),
				select_month: $("#ddlMonths option:selected").val(),
				select_week: $("#ddlWeeks option:selected").val(),
			}
		}).done(function(data) {
			
			var ret_data = $.parseJSON(data);
			if(ret_data.data_filter == 0) {
				//$(".content_maps_right").html("<p>Data not found.</p>");
				$(".content_maps_right").hide();
				$(".map_left_box").hide();
				$(".data_after_filter").show();
			} else {
				
				$(".content_maps_right").show();
				$(".map_left_box").show();
				$(".data_after_filter").hide();
				
				$(".simple_areas").html(ret_data.areas);
				$(".map").attr("src", ret_data.ImagePath);
				$(".map_left_box .map").css('background-image', 'url("'+ret_data.ImagePath+'")' );
				
				if(ret_data.ImagePath == ""){
					$(".map").css("background-image", "");
					$(".map_left_box").html("No Map");
				}
				<!-- $(".exlicit_time").html("Date: " + ret_data.ExlicitTime); -->
				$(".data_type_name").html(ret_data.DataTypeName);
				$(".manage_type").html(ret_data.ManageType);
				$(".area_name").html(ret_data.AreaName + '<a id="detail" href="javascript:void(0);" onclick="viewDetail();" style="display:none;" data-id="0">View Details</a>');
				
				//$(".row_time_range").css("display", "block");
				var content = "";
				if(ret_data.week_range != ""){
					content = '<p class="row_time_range"><span><span class="prev" onClick="prevWeek(); return false;">'+ret_data.week_range+'</span></span></p>';
				} 
				if(ret_data.month_range != ""){
					content = '<p class="row_time_range"><span><span class="next" onClick="nextMonth(); return false;">'+ret_data.month_range+'</span></span></p>';
				}
				$(".week_range").html(content);
			}
			
			//window.location.href = '/maps/filter'; //relative to domain
		});
	}
	
	$('#ddlYears').on('change', function() {
		
		findMap();
	});
	
	$('#ddlMonths').on('change', function() {		
		findMap("");
	});
	
	$('#ddlWeeks').on('change', function() {	
		findMap($("#ddlWeeks option:selected").val());
	});

	$("#ddlYears").change(function () {
		$("#hdfValueTime").val($("#ddlYears").val());
	});

	$("#ddlMonths").change(function () {
		$("#hdfValueTime").val($("#ddlMonths").val());
	});

	$("#ddlWeeks").change(function () {
		$("#hdfValueTime").val($("#ddlWeeks").val());
	});

	$("#Type").change(function () {
		changeDateType();
		/*
		$("#ddlYears").val(2025).change();
		$("#ddlMonths").val(12).change();
		$("#ddlWeeks").val(52).change();
		*/
	});
	

	function changeDateType() {
		var dateType = $("#Type").val();
		if (dateType == 1) {
			$("#spYears").show();
			$("#spMonths").hide();
			$("#spWeeks").hide();
		} else if (dateType == 2) {
			$("#spYears").show();
			$("#spMonths").show();
			$("#spWeeks").hide();
			//$("#ddlMonths").val(12).change();
			$("#ddlWeeks").val("").change();
			
		} else if (dateType == 3) {
			$("#spYears").show();
			$("#spMonths").hide();
			$("#spWeeks").show();
			$("#ddlMonths").val("").change();
			//$("#ddlWeeks").val(52).change();
		} else {
			$("#spYears").show();
			$("#spMonths").hide();
			$("#spWeeks").hide();
			$("#ddlWeeks").val("").change();
			$("#ddlMonths").val("").change();
		}
	}
</script>

<script type="text/javascript">
	function viewDetail() {
		var area_id = $("#detail").attr('data-id');
		window.location.href = "http://droughtforecast.mrcmekong.org/maps/viewDetailArea?map_id=0&area_id="+area_id.toString()+"&manage_type=forecasting&type=cdi&select_type="+$("#Type option:selected").val()+"&select_year="+$("#ddlYears option:selected").val()+"&select_month="+$("#ddlMonths option:selected").val()+"&select_week="+$("#ddlWeeks option:selected").val()+"";
	}
	
	function selectHight(element) {
		$('#soilDem').prop('checked', false);
		if($('#soilType').is(":checked")) {
			$(".map").hide();
			$("#img_wrap").show();
			$(".map1").attr("src", "http://droughtforecastadmin.mrcmekong.org:8080/images//docao.jpg");
			$('#soilType').prop('checked', false);
			$(".note_level").show();
			$(".note_map").hide();
			$(".note_type").hide();
		} else if($('#soilLevel').is(":checked")) {
			$(".map").hide();
			$("#img_wrap").show();
			$(".map1").attr("src", "http://droughtforecastadmin.mrcmekong.org:8080/images//diahinh.jpg");
			//$('#soilLevel').prop('checked', false);
			$(".note_map").hide();
			$(".note_level").hide();
			$(".note_type").show();
		} else {
			$(".map").show();
			$("#img_wrap").hide();
			
			$(".note_map").show();
			$(".note_level").hide();
			$(".note_type").hide();
		}
	}
	
	function selectHill(element) {
		$('#soilDem').prop('checked', false);
		if($('#soilLevel').is(":checked")) {
			//$("#svgObject_wrap").hide();
			$("#img_wrap").show();
			$(".map1").attr("src", "http://droughtforecastadmin.mrcmekong.org:8080/images//diahinh.jpg");
			$('#soilLevel').prop('checked', false);
			
			$(".note_map").hide();
			$(".note_level").hide();
			$(".note_type").show();
		} else if($('#soilType').is(":checked")) {
			//$("#svgObject_wrap").hide();
			$("#img_wrap").show();
			$(".map1").attr("src", "http://droughtforecastadmin.mrcmekong.org:8080/images//docao.jpg");
			//$('#soilLevel').prop('checked', false);
			
			$(".note_map").hide();
			$(".note_level").show();
			$(".note_type").hide();
		} else {
			
			//$("#svgObject_wrap").show();
			$("#img_wrap").hide();
			
			$(".note_map").show();
			$(".note_level").hide();
			$(".note_type").hide();
		}
	}
	
	function selectDem(element) {
		$(".map").show();
		$("#img_wrap").hide();
		$('#soilLevel').prop('checked', false);
		$('#soilType').prop('checked', false);
	}
	
	$(document).ready(function () {
		//$("#Type").trigger("change");
		
		$(".map").show();
		$("#img_wrap").hide();
		//$(".note_type").hide();
		//$('map').imageMapResize();

		$('.map').maphilight(
			{
				fill: true,
				fillColor: '00ff00',
				fillOpacity: 0.2,
				stroke: true,
				strokeColor: '00ff00',
				strokeOpacity: 1,
				strokeWidth: 1,
				fade: true,
				alwaysOn: false,
				neverOn: false,
				groupBy: false,
				wrapClass: true,
				shadow: false,
				shadowX: 0,
				shadowY: 0,
				shadowRadius: 6,
				shadowColor: '000000',
				shadowOpacity: 0.8,
				shadowPosition: 'outside',
				shadowFrom: false
			});

		$("map area").click(function () {
			$(this).data('maphilight', {
				alwaysOn: true
			}).trigger('alwaysOn.maphilight');
			if (!$(this).hasClass('selected')) {
				$('.selected').data('maphilight', {
					alwaysOn: false
				}).trigger('alwaysOn.maphilight');
				$('map area').removeClass('selected');
				$(this).addClass('selected');
			}

		});
		$(document).on('click', $('area'), function (e) {
			if (typeof $(e.target).attr('coords')  !== "undefined") {
				var po = $(e.target).attr('coords').toString();
				$("#polygon").val(po);
			
				var currentCountry = $(e.target).attr('title');
				$("#lblCountry").html("(" + currentCountry + ")");
				var area_id = $(e.target).attr('data-id');
				$("#detail").show().attr('data-id',area_id);
				//window.location.href = "/maps/viewDetailArea?map_id=0&area_id="+$(e.target).attr('data-id').toString()+"";
				PropertyGet(area_id);
			}
		})
	});
	
	function PropertyGet_bak(area_id) {
		
		$.ajax({
			url: 'http://droughtforecast.mrcmekong.org/maps/getAreaProperty',
			type: "POST",
			dataType: "JSON",
			data: { area_id: area_id },
			success: function (data) {
				console.log(data.Description);
				<!-- $("#Property_Description").html(data); -->
				$("#Property_Description").html(data.Description);
				$(".area_name").html(data.AreaName + '<a id="detail" href="javascript:void(0);" onclick="viewDetail();" data-id="'+area_id+'">View Details</a>');
			}
		});

	}
	
	
	function PropertyGetByAreaCode(area_code) {
		$.ajax({
			url: 'http://droughtforecast.mrcmekong.org/maps/getAreaProperty',
			type: "POST",
			dataType: "JSON",
			data: { area_code: area_code, map_id: 0 },
			success: function (data) { 
				/* console.log(data.Description); */
				<!-- $("#Property_Description").html(data); -->
				/* $("#Property_Description").html(data.Description); */
				$(".area_name").html(data.AreaName + '<a style="display: none" id="detail" href="javascript:void(0);" onclick="viewDetail();" data-id="'+data.area_id+'">View Details</a>');
				$("#detail").trigger("click");
			}
		});

	}
	

	function PropertyAdd() {
		var po = $("#polygon").val().toString();

		var properties = {
			Poligon: po,
			Description: $("#Property_Description").val(),
			AreaId: $("#ID").val()
		}

		$.ajax({
			url: 'http://droughtforecast.mrcmekong.org/Properties/Add',
			type: "POST",
			dataType: "JSON",
			data: { properties: properties },
			success: function (data) {
				location.href = "/Areas";
			}
		});

	}
	
	function nextWeek() {
		var current_week = parseInt($("#ddlWeeks option:selected").val())+1;
		if(current_week-1 == $('#ddlWeeks option:last-child').val()) {
			current_week = 1;
			var current_year = parseInt($("#ddlYears option:selected").val()) + 1;
			$('#ddlYears').val(current_year).trigger("change");
		}
		$('#ddlWeeks').val(current_week).trigger("change");
	}
	
	function prevWeek() {
		var current_week = parseInt($("#ddlWeeks option:selected").val())-1;
		if(current_week == 0) {
			var current_year = parseInt($("#ddlYears option:selected").val() - 1);
			$('#ddlYears').val(current_year).trigger("change");
			current_week = $('#ddlWeeks option:last-child').val()
			if($('#ddlWeeks option:last-child').val() >= 53)
				current_week = $('#ddlWeeks option:last-child').val()-1;
		}
		
		$('#ddlWeeks').val(current_week).trigger("change");
	}
	
	function nextMonth() {
		var current_month = parseInt($("#ddlMonths option:selected").val())+1;
		if(current_month == 13) current_month = 1;
		$('#ddlMonths').val(current_month).trigger("change");
	}
	
	function prevMonth() {
		var current_month = parseInt($("#ddlMonths option:selected").val())-1;
		if(current_month == 0) current_month = 12;
		$('#ddlMonths').val(current_month).trigger("change");
	}
</script>

<script type="text/javascript">
	window.onload = function () {
		
		$description = $(".description");
		$('object').hover(function () {
			$description.css("display", "block");
		}, function () {
			$description.css("display", "none");
		});
		
		var query = location.search.substring(1);
		var vals = query.split(",");
		if (vals.length > 0) {
			aoi = vals[0].split("?")[0];
		}

		var svg = null;
		if($("#svgObject").length) svg = $("#svgObject").getSVG();		

		if(svg != null) {
			svg.find('path').each(function () {
				$(this).attr('fill', '#ffffff');
				$(this).attr('fill-opacity', '0');
				$(this).attr('stroke', '#000');
				$(this).attr('stroke-opacity', '0');
				$(this).attr('stroke-width', '2');
					
				id = $(this).attr('id');
				var alt = $(this).attr('alt');

				$(this).click(function(){
					PropertyGetByAreaCode('"'+$(this).attr('id')+'"');
				});
			
				if (id != undefined) {
					if (aoi.length != 2) {
						//$(this).attr('onclick', 'PropertyGetByAreaCode("'+id+'")')
						$(this).attr('cursor', 'pointer');
					} else {    
						//$(this).html('<title>' + id.replace('_', ' ').replace('_', ' ') + '</title>');               
						//$('.heading1').html(id.replace('_', ' ').replace('_', ' '));
					}
				}
			});

			svg.find('path').mouseenter(function (e) {

				$description.html($(this).attr('title'));
				$description.css({
					left:  e.pageX+150,
					top:   e.pageY+30
				});
					
				$(this).attr("class", "heyo");
				$description.addClass('active');
				
				var reg = $(this).attr('id');
				svg.find('[id="' + reg + '"]').each(function () {
					$(this).attr('fill', '#00ff00');
					$(this).attr('fill-opacity', '0.25');
					$(this).attr('stroke', '#00ff00');
					$(this).attr('stroke-opacity', '0.75');
					$(this).attr('stroke-width', '2');
					if (aoi.length == 2) {
						//$('#cnty-name').html('<p>' + reg.replace('_', ' ').replace('_', ' ') + '</p>');
					}
					else {

					}
				});
			})

			svg.find('path').mouseleave(function () {
				var reg = $(this).attr('id');
				
				svg.find('[id="' + reg + '"]').each(function () {
					$(this).attr('fill', '#ffffff');
					$(this).attr('fill-opacity', '0');
					$(this).attr('stroke', '#000');
					$(this).attr('stroke-opacity', '0');
					$(this).attr('stroke-width', '2');
					if (aoi.length == 2) {
						//$('#cnty-name').html('');
					}
					else {

					}
				});
			});

			//$("#dm_map").html($("#dm_map").html());
		}
	}
</script>'

}
$maxBufferLength = (int) 8192
$file = 'D:\wamp64\www\droughtforecast.mrcmekong.org\vendor\cakephp\cakephp\src\Error\Debugger.php'
$line = (int) 853
$message = 'Unable to emit headers. Headers sent in file=D:\wamp64\www\droughtforecast.mrcmekong.org\vendor\cakephp\cakephp\src\Error\Debugger.php line=853'
Cake\Http\ResponseEmitter::emit() - CORE\src\Http\ResponseEmitter.php, line 48
Cake\Http\Server::emit() - CORE\src\Http\Server.php, line 141
[main] - ROOT\webroot\index.php, line 40

Warning (2): Cannot modify header information - headers already sent by (output started at D:\wamp64\www\droughtforecast.mrcmekong.org\vendor\cakephp\cakephp\src\Error\Debugger.php:853) [CORE\src\Http\ResponseEmitter.php, line 149]Code Context            ($reasonPhrase ? ' ' . $reasonPhrase : '')
        ));
    }
$response = object(Cake\Http\Response) {

	'status' => (int) 200,
	'contentType' => 'text/html',
	'headers' => [
		'Content-Type' => [
			[maximum depth reached]
		]
	],
	'file' => null,
	'fileRange' => [],
	'cookies' => object(Cake\Http\Cookie\CookieCollection) {},
	'cacheDirectives' => [],
	'body' => '<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
    <title>Lower Mekong Basin</title>
    <link href="http://droughtforecast.mrcmekong.org/webroot/css/resources/bootstrap_4.3.1/css/bootstrap.css" rel="stylesheet" />
    <link href="http://droughtforecast.mrcmekong.org/webroot/css/resources/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
    <link href="http://droughtforecast.mrcmekong.org/webroot/css/resources/styles/style.css" rel="stylesheet" />
    <script src="http://droughtforecast.mrcmekong.org/webroot/css/resources/js/jquery-3.3.1.min.js"></script>
    <script src="http://droughtforecast.mrcmekong.org/webroot/css/resources/bootstrap_4.3.1/js/bootstrap.js"></script>
	<script src="http://droughtforecast.mrcmekong.org/webroot/Content/js/plugins/imageMapResizer/imageMapResizer.min.js"></script>
	<script src="http://droughtforecast.mrcmekong.org/webroot/Content/js/plugins/maphilight/maphilight.min.js"></script>
	
	<link rel="stylesheet" type="text/css" href="http://droughtforecast.mrcmekong.org/webroot/css/jquery/dist/jquery.svg.css"> 
	<script src="http://droughtforecast.mrcmekong.org/webroot/css/jquery/dist/jquery.svg.es5.min.js"></script>
	<link href="http://droughtforecast.mrcmekong.org/webroot/css/resources/styles/tooltip.css" rel="stylesheet" />
	<style>
	.nav-item > a {
		font-weight: bold;
		font-size: 15px;
		padding: 7px 10px !important;
	}
	</style>
	</head>
<body>
    <div class="wrapper">
        <header>
		<div class="">
		<div class="">
            <nav class="navbar navbar-expand-lg">
                <a class="navbar-brand" href="/maps">
                    <img src="http://droughtforecast.mrcmekong.org/webroot/css/resources/images/logo.png" />
                </a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse " id="navbarNavDropdown">
                    <ul class="navbar-nav ml-auto">
                        <li class="nav-item">
                            <a class="nav-link" href="/maps">Home</a>
                        </li>
						
						<li class="nav-item">
							<a href="/templates/view/our-product" class="nav-link" target="">About Products</a>                        </li>
						
						
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
                                Monitoring
                            </a>
                            <div class="dropdown-menu">
							<a href="/maps/index?manage_type=mornitoring&amp;type=cdi" class="dropdown-item" target="">Combined Drought Index (CDI)</a><a href="/maps/index?manage_type=mornitoring&amp;type=smdi" class="dropdown-item" target="">Soil Moisture Deficit Index (SMDI)</a><a href="/maps/index?manage_type=mornitoring&amp;type=spi" class="dropdown-item" target="">Standardized Precipitation Index (SPI1)</a><a href="/maps/index?manage_type=mornitoring&amp;type=sri" class="dropdown-item" target="">Standardized Runoff Index (SRI1)</a>                            </div>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
                                Forecasting
                            </a>
                            <div class="dropdown-menu">
								<a href="/maps/index?manage_type=forecasting&amp;type=cdi" class="dropdown-item" target="">Combined Drought Index (CDI)</a><a href="/maps/index?manage_type=forecasting&amp;type=smdi" class="dropdown-item" target="">Soil Moisture Deficit Index (SMDI)</a><a href="/maps/index?manage_type=forecasting&amp;type=spi" class="dropdown-item" target="">Standardized Precipitation Index (SPI1)</a><a href="/maps/index?manage_type=forecasting&amp;type=sri" class="dropdown-item" target="">Standardized Runoff Index (SRI1)</a>                            </div>
                        </li>
                        <li class="nav-item seasonal-outlook">
							<a href="/templates/view/seasonal-outlook" class="nav-link" target="">Seasonal Outlook</a>                        </li>
                        <li class="nav-item">
							<a href="/contact/view/about-us" class="nav-link" target="">Contact Us</a>                        </li>
                    </ul>
                </div>
            </nav>
        </div>
		</div>
		</header>



<main>
	<div class="container-fluid">
		<div class="row">
			
			<div class="col-md-6">
				
				<div class="container-fluid">
					<div class="row">
						<div class="col-md-12">
							<nav aria-label="breadcrumb">
	<ol class="breadcrumb">
		
				<li class="breadcrumb-item" style="display: none;"><a href="/maps"><i class="fa fa-home"></i> Home</a></li>
			</ol>
</nav>						</div>
					</div>
				</div>
			
				<!-- hide checkboxes in 8 child pages -->
								<div class="row action-checks" style="display: none;">
										<div class="col-md-4 col-sm-4 col-xs-4 checkbox-control">
						<div class="custom-control custom-checkbox" onclick="selectHill(this);">
							<input type="checkbox" class="custom-control-input" id="soilType">
							<label class="custom-control-label" for="soilType">Soil Type</label>
						</div>
					</div>
					
					<div class="col-md-4 col-sm-4 col-xs-4 checkbox-control">
						<div class="custom-control custom-checkbox" onclick="selectHight(this);">
							<input type="checkbox" class="custom-control-input" id="soilLevel">
							<label class="custom-control-label" for="soilLevel">Land Cover</label>
						</div>
					</div>
					
					<div class="col-md-4 col-sm-4 col-xs-4 checkbox-control">
						<div class="custom-control custom-checkbox" onclick="selectDem(this);">
							<input type="checkbox" class="custom-control-input" id="soilDem">
							<label class="custom-control-label" for="soilDem">DEM</label>
						</div>
					</div>
					
									</div>
				
						
				<div class="text-center main-maps" style="margin-top: 45px;"> <!-- when hide checkboxes above -->
											<p style="margin: 10% auto;">Data not found</p>
									</div>
								<!-- end hide checkboxes in 8 child pages / -->
			</div>
			
			
			
			<div class="col-md-6 right-main">
				<!-- Date Time Filter -->
				<div class="box-main-right date-time">
					<div class="maps_datetime_box">
						<!--
						<div class="row">
							<div class="col-md-12 col-12">
								<label><strong>Drought Forecast Of:</strong></label>
							</div>
						</div>
						-->
						
						<div class="row">
							<div class="col-md-3 col-6">
								<div class="form-group">
									<label>Year</label>
									<select class="form-control custom-select" id="ddlYears" name="Year">
																				<option value="2030" >2030</option>
																				<option value="2029" >2029</option>
																				<option value="2028" >2028</option>
																				<option value="2027" >2027</option>
																				<option value="2026" >2026</option>
																				<option value="2025" selected>2025</option>
																				<option value="2024" >2024</option>
																				<option value="2023" >2023</option>
																				<option value="2022" >2022</option>
																				<option value="2021" >2021</option>
																				<option value="2020" >2020</option>
																				<option value="2019" >2019</option>
																				<option value="2018" >2018</option>
																				<option value="2017" >2017</option>
																				<option value="2016" >2016</option>
																				<option value="2015" >2015</option>
																				<option value="2014" >2014</option>
																				<option value="2013" >2013</option>
																				<option value="2012" >2012</option>
																				<option value="2011" >2011</option>
																				<option value="2010" >2010</option>
																				<option value="2009" >2009</option>
																				<option value="2008" >2008</option>
																				<option value="2007" >2007</option>
																				<option value="2006" >2006</option>
																				<option value="2005" >2005</option>
																				<option value="2004" >2004</option>
																				<option value="2003" >2003</option>
																				<option value="2002" >2002</option>
																				<option value="2001" >2001</option>
																			</select>
								</div>
							</div>
							<div class="col-md-4 col-6">
								<div class="form-group">
									<label>Time type</label>
									<select class="form-control custom-select" id="Type" name="Year">
										<option value="3" selected>By week</option>
										<option value="2" >By Month</option>
									</select>
								</div>
							</div>
							
							<div class="col-md-1 col-2 link-arrow-left">
								<div class="link-arrow">
									<br />
																		
																	</div>
							</div>
							
							<div class="col-md-3 col-8" id="spMonths" style="display:none;">
								<div class="form-group">
									<label>Month</label>
									<select id="ddlMonths" class="form-control custom-select">
										<option value="">- Month -</option>
																				<option value="1" selected>Jan/1</option>
																				<option value="2" >Feb/2</option>
																				<option value="3" >Mar/3</option>
																				<option value="4" >Apr/4</option>
																				<option value="5" >May/5</option>
																				<option value="6" >Jun/6</option>
																				<option value="7" >Jul/7</option>
																				<option value="8" >Aug/8</option>
																				<option value="9" >Sep/9</option>
																				<option value="10" >Oct/10</option>
																				<option value="11" >Nov/11</option>
																				<option value="12" >Dec/12</option>
																			</select>
								</div>
							</div>

							<div class="col-md-3 col-8" style="">
								<div class="form-group ">
									<label>Week</label>
									<select id="ddlWeeks" class="form-control custom-select">
										<option value="">- Week -</option>
																				<option value="1" selected>Week 1</option>
																				<option value="2" >Week 2</option>
																				<option value="3" >Week 3</option>
																				<option value="4" >Week 4</option>
																				<option value="5" >Week 5</option>
																				<option value="6" >Week 6</option>
																				<option value="7" >Week 7</option>
																				<option value="8" >Week 8</option>
																				<option value="9" >Week 9</option>
																				<option value="10" >Week 10</option>
																				<option value="11" >Week 11</option>
																				<option value="12" >Week 12</option>
																				<option value="13" >Week 13</option>
																				<option value="14" >Week 14</option>
																				<option value="15" >Week 15</option>
																				<option value="16" >Week 16</option>
																				<option value="17" >Week 17</option>
																				<option value="18" >Week 18</option>
																				<option value="19" >Week 19</option>
																				<option value="20" >Week 20</option>
																				<option value="21" >Week 21</option>
																				<option value="22" >Week 22</option>
																				<option value="23" >Week 23</option>
																				<option value="24" >Week 24</option>
																				<option value="25" >Week 25</option>
																				<option value="26" >Week 26</option>
																				<option value="27" >Week 27</option>
																				<option value="28" >Week 28</option>
																				<option value="29" >Week 29</option>
																				<option value="30" >Week 30</option>
																				<option value="31" >Week 31</option>
																				<option value="32" >Week 32</option>
																				<option value="33" >Week 33</option>
																				<option value="34" >Week 34</option>
																				<option value="35" >Week 35</option>
																				<option value="36" >Week 36</option>
																				<option value="37" >Week 37</option>
																				<option value="38" >Week 38</option>
																				<option value="39" >Week 39</option>
																				<option value="40" >Week 40</option>
																				<option value="41" >Week 41</option>
																				<option value="42" >Week 42</option>
																				<option value="43" >Week 43</option>
																				<option value="44" >Week 44</option>
																				<option value="45" >Week 45</option>
																				<option value="46" >Week 46</option>
																				<option value="47" >Week 47</option>
																				<option value="48" >Week 48</option>
																				<option value="49" >Week 49</option>
																				<option value="50" >Week 50</option>
																				<option value="51" >Week 51</option>
																				<option value="52" >Week 52</option>
																			</select>
								</div>
								<input type="hidden" id="hdfValueTime" name="Value" />
							</div>
							
							<div class="col-md-1 col-2 link-arrow-right">
								<div class="link-arrow">
									<br />
																										</div>
							</div>
						</div>
						
						<!-- Week/Month Range -->
											</div>
				</div>
				<!-- End Date Time Filter -->
				
									
								<div class="box-main-right" style="display: none">
					<p class="title-box area_name">
						Lower Mekong Basin					</p>
					<div class="body-box body-box-category">
						<p class="manage_type_name">Mornitoring</p>
						<p class="data_type_name">Data Type Name not found</p>
					</div>
				</div>
				
				<div class="box-main-right">
					<div class="box-summary-container">
						<p class="title-box">This Week's Drought Summary</p>
						<div id="Property_Description" class="body-box">
													</div>
					</div>
				</div>
							</div>
			
		</div>
	</div>
	</main>
		<footer>
            <span>Copyright 2019 © | Lower Mekong Basin</span>
        </footer>
    </div>
</body>
</html>
<script>
	function findMap(dlweek) {
		/* if($("#Type option:selected").val() == "") {
			alert("Please select Filter By");
			return false;
		} */
		
		if(dlweek=="") select_month = $("#ddlMonths option:selected").val();
		else select_month = "";

		if(typeof dlweek == "undefined") {
			dlweek = 1;
		}
		
		window.location.href = '/maps/filter?page=home&manage_type=forecasting&type=cdi&select_type='+$("#Type option:selected").val()+'&select_year='+$("#ddlYears option:selected").val()+'&select_month='+select_month+'&select_week='+dlweek+''; //relative to domain
		
		$.ajax({
			method: "POST",
			url: 'http://droughtforecast.mrcmekong.org/maps/filter',
			data: { 
				ajax_search: true,
				select_type: $("#Type option:selected").val(),
				select_year: $("#ddlYears option:selected").val(),
				select_month: $("#ddlMonths option:selected").val(),
				select_week: $("#ddlWeeks option:selected").val(),
			}
		}).done(function(data) {
			
			var ret_data = $.parseJSON(data);
			if(ret_data.data_filter == 0) {
				//$(".content_maps_right").html("<p>Data not found.</p>");
				$(".content_maps_right").hide();
				$(".map_left_box").hide();
				$(".data_after_filter").show();
			} else {
				
				$(".content_maps_right").show();
				$(".map_left_box").show();
				$(".data_after_filter").hide();
				
				$(".simple_areas").html(ret_data.areas);
				$(".map").attr("src", ret_data.ImagePath);
				$(".map_left_box .map").css('background-image', 'url("'+ret_data.ImagePath+'")' );
				
				if(ret_data.ImagePath == ""){
					$(".map").css("background-image", "");
					$(".map_left_box").html("No Map");
				}
				<!-- $(".exlicit_time").html("Date: " + ret_data.ExlicitTime); -->
				$(".data_type_name").html(ret_data.DataTypeName);
				$(".manage_type").html(ret_data.ManageType);
				$(".area_name").html(ret_data.AreaName + '<a id="detail" href="javascript:void(0);" onclick="viewDetail();" style="display:none;" data-id="0">View Details</a>');
				
				//$(".row_time_range").css("display", "block");
				var content = "";
				if(ret_data.week_range != ""){
					content = '<p class="row_time_range"><span><span class="prev" onClick="prevWeek(); return false;">'+ret_data.week_range+'</span></span></p>';
				} 
				if(ret_data.month_range != ""){
					content = '<p class="row_time_range"><span><span class="next" onClick="nextMonth(); return false;">'+ret_data.month_range+'</span></span></p>';
				}
				$(".week_range").html(content);
			}
			
			//window.location.href = '/maps/filter'; //relative to domain
		});
	}
	
	$('#ddlYears').on('change', function() {
		
		findMap();
	});
	
	$('#ddlMonths').on('change', function() {		
		findMap("");
	});
	
	$('#ddlWeeks').on('change', function() {	
		findMap($("#ddlWeeks option:selected").val());
	});

	$("#ddlYears").change(function () {
		$("#hdfValueTime").val($("#ddlYears").val());
	});

	$("#ddlMonths").change(function () {
		$("#hdfValueTime").val($("#ddlMonths").val());
	});

	$("#ddlWeeks").change(function () {
		$("#hdfValueTime").val($("#ddlWeeks").val());
	});

	$("#Type").change(function () {
		changeDateType();
		/*
		$("#ddlYears").val(2025).change();
		$("#ddlMonths").val(12).change();
		$("#ddlWeeks").val(52).change();
		*/
	});
	

	function changeDateType() {
		var dateType = $("#Type").val();
		if (dateType == 1) {
			$("#spYears").show();
			$("#spMonths").hide();
			$("#spWeeks").hide();
		} else if (dateType == 2) {
			$("#spYears").show();
			$("#spMonths").show();
			$("#spWeeks").hide();
			//$("#ddlMonths").val(12).change();
			$("#ddlWeeks").val("").change();
			
		} else if (dateType == 3) {
			$("#spYears").show();
			$("#spMonths").hide();
			$("#spWeeks").show();
			$("#ddlMonths").val("").change();
			//$("#ddlWeeks").val(52).change();
		} else {
			$("#spYears").show();
			$("#spMonths").hide();
			$("#spWeeks").hide();
			$("#ddlWeeks").val("").change();
			$("#ddlMonths").val("").change();
		}
	}
</script>

<script type="text/javascript">
	function viewDetail() {
		var area_id = $("#detail").attr('data-id');
		window.location.href = "http://droughtforecast.mrcmekong.org/maps/viewDetailArea?map_id=0&area_id="+area_id.toString()+"&manage_type=forecasting&type=cdi&select_type="+$("#Type option:selected").val()+"&select_year="+$("#ddlYears option:selected").val()+"&select_month="+$("#ddlMonths option:selected").val()+"&select_week="+$("#ddlWeeks option:selected").val()+"";
	}
	
	function selectHight(element) {
		$('#soilDem').prop('checked', false);
		if($('#soilType').is(":checked")) {
			$(".map").hide();
			$("#img_wrap").show();
			$(".map1").attr("src", "http://droughtforecastadmin.mrcmekong.org:8080/images//docao.jpg");
			$('#soilType').prop('checked', false);
			$(".note_level").show();
			$(".note_map").hide();
			$(".note_type").hide();
		} else if($('#soilLevel').is(":checked")) {
			$(".map").hide();
			$("#img_wrap").show();
			$(".map1").attr("src", "http://droughtforecastadmin.mrcmekong.org:8080/images//diahinh.jpg");
			//$('#soilLevel').prop('checked', false);
			$(".note_map").hide();
			$(".note_level").hide();
			$(".note_type").show();
		} else {
			$(".map").show();
			$("#img_wrap").hide();
			
			$(".note_map").show();
			$(".note_level").hide();
			$(".note_type").hide();
		}
	}
	
	function selectHill(element) {
		$('#soilDem').prop('checked', false);
		if($('#soilLevel').is(":checked")) {
			//$("#svgObject_wrap").hide();
			$("#img_wrap").show();
			$(".map1").attr("src", "http://droughtforecastadmin.mrcmekong.org:8080/images//diahinh.jpg");
			$('#soilLevel').prop('checked', false);
			
			$(".note_map").hide();
			$(".note_level").hide();
			$(".note_type").show();
		} else if($('#soilType').is(":checked")) {
			//$("#svgObject_wrap").hide();
			$("#img_wrap").show();
			$(".map1").attr("src", "http://droughtforecastadmin.mrcmekong.org:8080/images//docao.jpg");
			//$('#soilLevel').prop('checked', false);
			
			$(".note_map").hide();
			$(".note_level").show();
			$(".note_type").hide();
		} else {
			
			//$("#svgObject_wrap").show();
			$("#img_wrap").hide();
			
			$(".note_map").show();
			$(".note_level").hide();
			$(".note_type").hide();
		}
	}
	
	function selectDem(element) {
		$(".map").show();
		$("#img_wrap").hide();
		$('#soilLevel').prop('checked', false);
		$('#soilType').prop('checked', false);
	}
	
	$(document).ready(function () {
		//$("#Type").trigger("change");
		
		$(".map").show();
		$("#img_wrap").hide();
		//$(".note_type").hide();
		//$('map').imageMapResize();

		$('.map').maphilight(
			{
				fill: true,
				fillColor: '00ff00',
				fillOpacity: 0.2,
				stroke: true,
				strokeColor: '00ff00',
				strokeOpacity: 1,
				strokeWidth: 1,
				fade: true,
				alwaysOn: false,
				neverOn: false,
				groupBy: false,
				wrapClass: true,
				shadow: false,
				shadowX: 0,
				shadowY: 0,
				shadowRadius: 6,
				shadowColor: '000000',
				shadowOpacity: 0.8,
				shadowPosition: 'outside',
				shadowFrom: false
			});

		$("map area").click(function () {
			$(this).data('maphilight', {
				alwaysOn: true
			}).trigger('alwaysOn.maphilight');
			if (!$(this).hasClass('selected')) {
				$('.selected').data('maphilight', {
					alwaysOn: false
				}).trigger('alwaysOn.maphilight');
				$('map area').removeClass('selected');
				$(this).addClass('selected');
			}

		});
		$(document).on('click', $('area'), function (e) {
			if (typeof $(e.target).attr('coords')  !== "undefined") {
				var po = $(e.target).attr('coords').toString();
				$("#polygon").val(po);
			
				var currentCountry = $(e.target).attr('title');
				$("#lblCountry").html("(" + currentCountry + ")");
				var area_id = $(e.target).attr('data-id');
				$("#detail").show().attr('data-id',area_id);
				//window.location.href = "/maps/viewDetailArea?map_id=0&area_id="+$(e.target).attr('data-id').toString()+"";
				PropertyGet(area_id);
			}
		})
	});
	
	function PropertyGet_bak(area_id) {
		
		$.ajax({
			url: 'http://droughtforecast.mrcmekong.org/maps/getAreaProperty',
			type: "POST",
			dataType: "JSON",
			data: { area_id: area_id },
			success: function (data) {
				console.log(data.Description);
				<!-- $("#Property_Description").html(data); -->
				$("#Property_Description").html(data.Description);
				$(".area_name").html(data.AreaName + '<a id="detail" href="javascript:void(0);" onclick="viewDetail();" data-id="'+area_id+'">View Details</a>');
			}
		});

	}
	
	
	function PropertyGetByAreaCode(area_code) {
		$.ajax({
			url: 'http://droughtforecast.mrcmekong.org/maps/getAreaProperty',
			type: "POST",
			dataType: "JSON",
			data: { area_code: area_code, map_id: 0 },
			success: function (data) { 
				/* console.log(data.Description); */
				<!-- $("#Property_Description").html(data); -->
				/* $("#Property_Description").html(data.Description); */
				$(".area_name").html(data.AreaName + '<a style="display: none" id="detail" href="javascript:void(0);" onclick="viewDetail();" data-id="'+data.area_id+'">View Details</a>');
				$("#detail").trigger("click");
			}
		});

	}
	

	function PropertyAdd() {
		var po = $("#polygon").val().toString();

		var properties = {
			Poligon: po,
			Description: $("#Property_Description").val(),
			AreaId: $("#ID").val()
		}

		$.ajax({
			url: 'http://droughtforecast.mrcmekong.org/Properties/Add',
			type: "POST",
			dataType: "JSON",
			data: { properties: properties },
			success: function (data) {
				location.href = "/Areas";
			}
		});

	}
	
	function nextWeek() {
		var current_week = parseInt($("#ddlWeeks option:selected").val())+1;
		if(current_week-1 == $('#ddlWeeks option:last-child').val()) {
			current_week = 1;
			var current_year = parseInt($("#ddlYears option:selected").val()) + 1;
			$('#ddlYears').val(current_year).trigger("change");
		}
		$('#ddlWeeks').val(current_week).trigger("change");
	}
	
	function prevWeek() {
		var current_week = parseInt($("#ddlWeeks option:selected").val())-1;
		if(current_week == 0) {
			var current_year = parseInt($("#ddlYears option:selected").val() - 1);
			$('#ddlYears').val(current_year).trigger("change");
			current_week = $('#ddlWeeks option:last-child').val()
			if($('#ddlWeeks option:last-child').val() >= 53)
				current_week = $('#ddlWeeks option:last-child').val()-1;
		}
		
		$('#ddlWeeks').val(current_week).trigger("change");
	}
	
	function nextMonth() {
		var current_month = parseInt($("#ddlMonths option:selected").val())+1;
		if(current_month == 13) current_month = 1;
		$('#ddlMonths').val(current_month).trigger("change");
	}
	
	function prevMonth() {
		var current_month = parseInt($("#ddlMonths option:selected").val())-1;
		if(current_month == 0) current_month = 12;
		$('#ddlMonths').val(current_month).trigger("change");
	}
</script>

<script type="text/javascript">
	window.onload = function () {
		
		$description = $(".description");
		$('object').hover(function () {
			$description.css("display", "block");
		}, function () {
			$description.css("display", "none");
		});
		
		var query = location.search.substring(1);
		var vals = query.split(",");
		if (vals.length > 0) {
			aoi = vals[0].split("?")[0];
		}

		var svg = null;
		if($("#svgObject").length) svg = $("#svgObject").getSVG();		

		if(svg != null) {
			svg.find('path').each(function () {
				$(this).attr('fill', '#ffffff');
				$(this).attr('fill-opacity', '0');
				$(this).attr('stroke', '#000');
				$(this).attr('stroke-opacity', '0');
				$(this).attr('stroke-width', '2');
					
				id = $(this).attr('id');
				var alt = $(this).attr('alt');

				$(this).click(function(){
					PropertyGetByAreaCode('"'+$(this).attr('id')+'"');
				});
			
				if (id != undefined) {
					if (aoi.length != 2) {
						//$(this).attr('onclick', 'PropertyGetByAreaCode("'+id+'")')
						$(this).attr('cursor', 'pointer');
					} else {    
						//$(this).html('<title>' + id.replace('_', ' ').replace('_', ' ') + '</title>');               
						//$('.heading1').html(id.replace('_', ' ').replace('_', ' '));
					}
				}
			});

			svg.find('path').mouseenter(function (e) {

				$description.html($(this).attr('title'));
				$description.css({
					left:  e.pageX+150,
					top:   e.pageY+30
				});
					
				$(this).attr("class", "heyo");
				$description.addClass('active');
				
				var reg = $(this).attr('id');
				svg.find('[id="' + reg + '"]').each(function () {
					$(this).attr('fill', '#00ff00');
					$(this).attr('fill-opacity', '0.25');
					$(this).attr('stroke', '#00ff00');
					$(this).attr('stroke-opacity', '0.75');
					$(this).attr('stroke-width', '2');
					if (aoi.length == 2) {
						//$('#cnty-name').html('<p>' + reg.replace('_', ' ').replace('_', ' ') + '</p>');
					}
					else {

					}
				});
			})

			svg.find('path').mouseleave(function () {
				var reg = $(this).attr('id');
				
				svg.find('[id="' + reg + '"]').each(function () {
					$(this).attr('fill', '#ffffff');
					$(this).attr('fill-opacity', '0');
					$(this).attr('stroke', '#000');
					$(this).attr('stroke-opacity', '0');
					$(this).attr('stroke-width', '2');
					if (aoi.length == 2) {
						//$('#cnty-name').html('');
					}
					else {

					}
				});
			});

			//$("#dm_map").html($("#dm_map").html());
		}
	}
</script>'

}
$reasonPhrase = 'OK'
header - [internal], line ??
Cake\Http\ResponseEmitter::emitStatusLine() - CORE\src\Http\ResponseEmitter.php, line 149
Cake\Http\ResponseEmitter::emit() - CORE\src\Http\ResponseEmitter.php, line 54
Cake\Http\Server::emit() - CORE\src\Http\Server.php, line 141
[main] - ROOT\webroot\index.php, line 40

Warning (2): Cannot modify header information - headers already sent by (output started at D:\wamp64\www\droughtforecast.mrcmekong.org\vendor\cakephp\cakephp\src\Error\Debugger.php:853) [CORE\src\Http\ResponseEmitter.php, line 181]Code Context                    $value
                ), $first);
                $first = false;
$response = object(Cake\Http\Response) {

	'status' => (int) 200,
	'contentType' => 'text/html',
	'headers' => [
		'Content-Type' => [
			[maximum depth reached]
		]
	],
	'file' => null,
	'fileRange' => [],
	'cookies' => object(Cake\Http\Cookie\CookieCollection) {},
	'cacheDirectives' => [],
	'body' => '<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
    <title>Lower Mekong Basin</title>
    <link href="http://droughtforecast.mrcmekong.org/webroot/css/resources/bootstrap_4.3.1/css/bootstrap.css" rel="stylesheet" />
    <link href="http://droughtforecast.mrcmekong.org/webroot/css/resources/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
    <link href="http://droughtforecast.mrcmekong.org/webroot/css/resources/styles/style.css" rel="stylesheet" />
    <script src="http://droughtforecast.mrcmekong.org/webroot/css/resources/js/jquery-3.3.1.min.js"></script>
    <script src="http://droughtforecast.mrcmekong.org/webroot/css/resources/bootstrap_4.3.1/js/bootstrap.js"></script>
	<script src="http://droughtforecast.mrcmekong.org/webroot/Content/js/plugins/imageMapResizer/imageMapResizer.min.js"></script>
	<script src="http://droughtforecast.mrcmekong.org/webroot/Content/js/plugins/maphilight/maphilight.min.js"></script>
	
	<link rel="stylesheet" type="text/css" href="http://droughtforecast.mrcmekong.org/webroot/css/jquery/dist/jquery.svg.css"> 
	<script src="http://droughtforecast.mrcmekong.org/webroot/css/jquery/dist/jquery.svg.es5.min.js"></script>
	<link href="http://droughtforecast.mrcmekong.org/webroot/css/resources/styles/tooltip.css" rel="stylesheet" />
	<style>
	.nav-item > a {
		font-weight: bold;
		font-size: 15px;
		padding: 7px 10px !important;
	}
	</style>
	</head>
<body>
    <div class="wrapper">
        <header>
		<div class="">
		<div class="">
            <nav class="navbar navbar-expand-lg">
                <a class="navbar-brand" href="/maps">
                    <img src="http://droughtforecast.mrcmekong.org/webroot/css/resources/images/logo.png" />
                </a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse " id="navbarNavDropdown">
                    <ul class="navbar-nav ml-auto">
                        <li class="nav-item">
                            <a class="nav-link" href="/maps">Home</a>
                        </li>
						
						<li class="nav-item">
							<a href="/templates/view/our-product" class="nav-link" target="">About Products</a>                        </li>
						
						
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
                                Monitoring
                            </a>
                            <div class="dropdown-menu">
							<a href="/maps/index?manage_type=mornitoring&amp;type=cdi" class="dropdown-item" target="">Combined Drought Index (CDI)</a><a href="/maps/index?manage_type=mornitoring&amp;type=smdi" class="dropdown-item" target="">Soil Moisture Deficit Index (SMDI)</a><a href="/maps/index?manage_type=mornitoring&amp;type=spi" class="dropdown-item" target="">Standardized Precipitation Index (SPI1)</a><a href="/maps/index?manage_type=mornitoring&amp;type=sri" class="dropdown-item" target="">Standardized Runoff Index (SRI1)</a>                            </div>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
                                Forecasting
                            </a>
                            <div class="dropdown-menu">
								<a href="/maps/index?manage_type=forecasting&amp;type=cdi" class="dropdown-item" target="">Combined Drought Index (CDI)</a><a href="/maps/index?manage_type=forecasting&amp;type=smdi" class="dropdown-item" target="">Soil Moisture Deficit Index (SMDI)</a><a href="/maps/index?manage_type=forecasting&amp;type=spi" class="dropdown-item" target="">Standardized Precipitation Index (SPI1)</a><a href="/maps/index?manage_type=forecasting&amp;type=sri" class="dropdown-item" target="">Standardized Runoff Index (SRI1)</a>                            </div>
                        </li>
                        <li class="nav-item seasonal-outlook">
							<a href="/templates/view/seasonal-outlook" class="nav-link" target="">Seasonal Outlook</a>                        </li>
                        <li class="nav-item">
							<a href="/contact/view/about-us" class="nav-link" target="">Contact Us</a>                        </li>
                    </ul>
                </div>
            </nav>
        </div>
		</div>
		</header>



<main>
	<div class="container-fluid">
		<div class="row">
			
			<div class="col-md-6">
				
				<div class="container-fluid">
					<div class="row">
						<div class="col-md-12">
							<nav aria-label="breadcrumb">
	<ol class="breadcrumb">
		
				<li class="breadcrumb-item" style="display: none;"><a href="/maps"><i class="fa fa-home"></i> Home</a></li>
			</ol>
</nav>						</div>
					</div>
				</div>
			
				<!-- hide checkboxes in 8 child pages -->
								<div class="row action-checks" style="display: none;">
										<div class="col-md-4 col-sm-4 col-xs-4 checkbox-control">
						<div class="custom-control custom-checkbox" onclick="selectHill(this);">
							<input type="checkbox" class="custom-control-input" id="soilType">
							<label class="custom-control-label" for="soilType">Soil Type</label>
						</div>
					</div>
					
					<div class="col-md-4 col-sm-4 col-xs-4 checkbox-control">
						<div class="custom-control custom-checkbox" onclick="selectHight(this);">
							<input type="checkbox" class="custom-control-input" id="soilLevel">
							<label class="custom-control-label" for="soilLevel">Land Cover</label>
						</div>
					</div>
					
					<div class="col-md-4 col-sm-4 col-xs-4 checkbox-control">
						<div class="custom-control custom-checkbox" onclick="selectDem(this);">
							<input type="checkbox" class="custom-control-input" id="soilDem">
							<label class="custom-control-label" for="soilDem">DEM</label>
						</div>
					</div>
					
									</div>
				
						
				<div class="text-center main-maps" style="margin-top: 45px;"> <!-- when hide checkboxes above -->
											<p style="margin: 10% auto;">Data not found</p>
									</div>
								<!-- end hide checkboxes in 8 child pages / -->
			</div>
			
			
			
			<div class="col-md-6 right-main">
				<!-- Date Time Filter -->
				<div class="box-main-right date-time">
					<div class="maps_datetime_box">
						<!--
						<div class="row">
							<div class="col-md-12 col-12">
								<label><strong>Drought Forecast Of:</strong></label>
							</div>
						</div>
						-->
						
						<div class="row">
							<div class="col-md-3 col-6">
								<div class="form-group">
									<label>Year</label>
									<select class="form-control custom-select" id="ddlYears" name="Year">
																				<option value="2030" >2030</option>
																				<option value="2029" >2029</option>
																				<option value="2028" >2028</option>
																				<option value="2027" >2027</option>
																				<option value="2026" >2026</option>
																				<option value="2025" selected>2025</option>
																				<option value="2024" >2024</option>
																				<option value="2023" >2023</option>
																				<option value="2022" >2022</option>
																				<option value="2021" >2021</option>
																				<option value="2020" >2020</option>
																				<option value="2019" >2019</option>
																				<option value="2018" >2018</option>
																				<option value="2017" >2017</option>
																				<option value="2016" >2016</option>
																				<option value="2015" >2015</option>
																				<option value="2014" >2014</option>
																				<option value="2013" >2013</option>
																				<option value="2012" >2012</option>
																				<option value="2011" >2011</option>
																				<option value="2010" >2010</option>
																				<option value="2009" >2009</option>
																				<option value="2008" >2008</option>
																				<option value="2007" >2007</option>
																				<option value="2006" >2006</option>
																				<option value="2005" >2005</option>
																				<option value="2004" >2004</option>
																				<option value="2003" >2003</option>
																				<option value="2002" >2002</option>
																				<option value="2001" >2001</option>
																			</select>
								</div>
							</div>
							<div class="col-md-4 col-6">
								<div class="form-group">
									<label>Time type</label>
									<select class="form-control custom-select" id="Type" name="Year">
										<option value="3" selected>By week</option>
										<option value="2" >By Month</option>
									</select>
								</div>
							</div>
							
							<div class="col-md-1 col-2 link-arrow-left">
								<div class="link-arrow">
									<br />
																		
																	</div>
							</div>
							
							<div class="col-md-3 col-8" id="spMonths" style="display:none;">
								<div class="form-group">
									<label>Month</label>
									<select id="ddlMonths" class="form-control custom-select">
										<option value="">- Month -</option>
																				<option value="1" selected>Jan/1</option>
																				<option value="2" >Feb/2</option>
																				<option value="3" >Mar/3</option>
																				<option value="4" >Apr/4</option>
																				<option value="5" >May/5</option>
																				<option value="6" >Jun/6</option>
																				<option value="7" >Jul/7</option>
																				<option value="8" >Aug/8</option>
																				<option value="9" >Sep/9</option>
																				<option value="10" >Oct/10</option>
																				<option value="11" >Nov/11</option>
																				<option value="12" >Dec/12</option>
																			</select>
								</div>
							</div>

							<div class="col-md-3 col-8" style="">
								<div class="form-group ">
									<label>Week</label>
									<select id="ddlWeeks" class="form-control custom-select">
										<option value="">- Week -</option>
																				<option value="1" selected>Week 1</option>
																				<option value="2" >Week 2</option>
																				<option value="3" >Week 3</option>
																				<option value="4" >Week 4</option>
																				<option value="5" >Week 5</option>
																				<option value="6" >Week 6</option>
																				<option value="7" >Week 7</option>
																				<option value="8" >Week 8</option>
																				<option value="9" >Week 9</option>
																				<option value="10" >Week 10</option>
																				<option value="11" >Week 11</option>
																				<option value="12" >Week 12</option>
																				<option value="13" >Week 13</option>
																				<option value="14" >Week 14</option>
																				<option value="15" >Week 15</option>
																				<option value="16" >Week 16</option>
																				<option value="17" >Week 17</option>
																				<option value="18" >Week 18</option>
																				<option value="19" >Week 19</option>
																				<option value="20" >Week 20</option>
																				<option value="21" >Week 21</option>
																				<option value="22" >Week 22</option>
																				<option value="23" >Week 23</option>
																				<option value="24" >Week 24</option>
																				<option value="25" >Week 25</option>
																				<option value="26" >Week 26</option>
																				<option value="27" >Week 27</option>
																				<option value="28" >Week 28</option>
																				<option value="29" >Week 29</option>
																				<option value="30" >Week 30</option>
																				<option value="31" >Week 31</option>
																				<option value="32" >Week 32</option>
																				<option value="33" >Week 33</option>
																				<option value="34" >Week 34</option>
																				<option value="35" >Week 35</option>
																				<option value="36" >Week 36</option>
																				<option value="37" >Week 37</option>
																				<option value="38" >Week 38</option>
																				<option value="39" >Week 39</option>
																				<option value="40" >Week 40</option>
																				<option value="41" >Week 41</option>
																				<option value="42" >Week 42</option>
																				<option value="43" >Week 43</option>
																				<option value="44" >Week 44</option>
																				<option value="45" >Week 45</option>
																				<option value="46" >Week 46</option>
																				<option value="47" >Week 47</option>
																				<option value="48" >Week 48</option>
																				<option value="49" >Week 49</option>
																				<option value="50" >Week 50</option>
																				<option value="51" >Week 51</option>
																				<option value="52" >Week 52</option>
																			</select>
								</div>
								<input type="hidden" id="hdfValueTime" name="Value" />
							</div>
							
							<div class="col-md-1 col-2 link-arrow-right">
								<div class="link-arrow">
									<br />
																										</div>
							</div>
						</div>
						
						<!-- Week/Month Range -->
											</div>
				</div>
				<!-- End Date Time Filter -->
				
									
								<div class="box-main-right" style="display: none">
					<p class="title-box area_name">
						Lower Mekong Basin					</p>
					<div class="body-box body-box-category">
						<p class="manage_type_name">Mornitoring</p>
						<p class="data_type_name">Data Type Name not found</p>
					</div>
				</div>
				
				<div class="box-main-right">
					<div class="box-summary-container">
						<p class="title-box">This Week's Drought Summary</p>
						<div id="Property_Description" class="body-box">
													</div>
					</div>
				</div>
							</div>
			
		</div>
	</div>
	</main>
		<footer>
            <span>Copyright 2019 © | Lower Mekong Basin</span>
        </footer>
    </div>
</body>
</html>
<script>
	function findMap(dlweek) {
		/* if($("#Type option:selected").val() == "") {
			alert("Please select Filter By");
			return false;
		} */
		
		if(dlweek=="") select_month = $("#ddlMonths option:selected").val();
		else select_month = "";

		if(typeof dlweek == "undefined") {
			dlweek = 1;
		}
		
		window.location.href = '/maps/filter?page=home&manage_type=forecasting&type=cdi&select_type='+$("#Type option:selected").val()+'&select_year='+$("#ddlYears option:selected").val()+'&select_month='+select_month+'&select_week='+dlweek+''; //relative to domain
		
		$.ajax({
			method: "POST",
			url: 'http://droughtforecast.mrcmekong.org/maps/filter',
			data: { 
				ajax_search: true,
				select_type: $("#Type option:selected").val(),
				select_year: $("#ddlYears option:selected").val(),
				select_month: $("#ddlMonths option:selected").val(),
				select_week: $("#ddlWeeks option:selected").val(),
			}
		}).done(function(data) {
			
			var ret_data = $.parseJSON(data);
			if(ret_data.data_filter == 0) {
				//$(".content_maps_right").html("<p>Data not found.</p>");
				$(".content_maps_right").hide();
				$(".map_left_box").hide();
				$(".data_after_filter").show();
			} else {
				
				$(".content_maps_right").show();
				$(".map_left_box").show();
				$(".data_after_filter").hide();
				
				$(".simple_areas").html(ret_data.areas);
				$(".map").attr("src", ret_data.ImagePath);
				$(".map_left_box .map").css('background-image', 'url("'+ret_data.ImagePath+'")' );
				
				if(ret_data.ImagePath == ""){
					$(".map").css("background-image", "");
					$(".map_left_box").html("No Map");
				}
				<!-- $(".exlicit_time").html("Date: " + ret_data.ExlicitTime); -->
				$(".data_type_name").html(ret_data.DataTypeName);
				$(".manage_type").html(ret_data.ManageType);
				$(".area_name").html(ret_data.AreaName + '<a id="detail" href="javascript:void(0);" onclick="viewDetail();" style="display:none;" data-id="0">View Details</a>');
				
				//$(".row_time_range").css("display", "block");
				var content = "";
				if(ret_data.week_range != ""){
					content = '<p class="row_time_range"><span><span class="prev" onClick="prevWeek(); return false;">'+ret_data.week_range+'</span></span></p>';
				} 
				if(ret_data.month_range != ""){
					content = '<p class="row_time_range"><span><span class="next" onClick="nextMonth(); return false;">'+ret_data.month_range+'</span></span></p>';
				}
				$(".week_range").html(content);
			}
			
			//window.location.href = '/maps/filter'; //relative to domain
		});
	}
	
	$('#ddlYears').on('change', function() {
		
		findMap();
	});
	
	$('#ddlMonths').on('change', function() {		
		findMap("");
	});
	
	$('#ddlWeeks').on('change', function() {	
		findMap($("#ddlWeeks option:selected").val());
	});

	$("#ddlYears").change(function () {
		$("#hdfValueTime").val($("#ddlYears").val());
	});

	$("#ddlMonths").change(function () {
		$("#hdfValueTime").val($("#ddlMonths").val());
	});

	$("#ddlWeeks").change(function () {
		$("#hdfValueTime").val($("#ddlWeeks").val());
	});

	$("#Type").change(function () {
		changeDateType();
		/*
		$("#ddlYears").val(2025).change();
		$("#ddlMonths").val(12).change();
		$("#ddlWeeks").val(52).change();
		*/
	});
	

	function changeDateType() {
		var dateType = $("#Type").val();
		if (dateType == 1) {
			$("#spYears").show();
			$("#spMonths").hide();
			$("#spWeeks").hide();
		} else if (dateType == 2) {
			$("#spYears").show();
			$("#spMonths").show();
			$("#spWeeks").hide();
			//$("#ddlMonths").val(12).change();
			$("#ddlWeeks").val("").change();
			
		} else if (dateType == 3) {
			$("#spYears").show();
			$("#spMonths").hide();
			$("#spWeeks").show();
			$("#ddlMonths").val("").change();
			//$("#ddlWeeks").val(52).change();
		} else {
			$("#spYears").show();
			$("#spMonths").hide();
			$("#spWeeks").hide();
			$("#ddlWeeks").val("").change();
			$("#ddlMonths").val("").change();
		}
	}
</script>

<script type="text/javascript">
	function viewDetail() {
		var area_id = $("#detail").attr('data-id');
		window.location.href = "http://droughtforecast.mrcmekong.org/maps/viewDetailArea?map_id=0&area_id="+area_id.toString()+"&manage_type=forecasting&type=cdi&select_type="+$("#Type option:selected").val()+"&select_year="+$("#ddlYears option:selected").val()+"&select_month="+$("#ddlMonths option:selected").val()+"&select_week="+$("#ddlWeeks option:selected").val()+"";
	}
	
	function selectHight(element) {
		$('#soilDem').prop('checked', false);
		if($('#soilType').is(":checked")) {
			$(".map").hide();
			$("#img_wrap").show();
			$(".map1").attr("src", "http://droughtforecastadmin.mrcmekong.org:8080/images//docao.jpg");
			$('#soilType').prop('checked', false);
			$(".note_level").show();
			$(".note_map").hide();
			$(".note_type").hide();
		} else if($('#soilLevel').is(":checked")) {
			$(".map").hide();
			$("#img_wrap").show();
			$(".map1").attr("src", "http://droughtforecastadmin.mrcmekong.org:8080/images//diahinh.jpg");
			//$('#soilLevel').prop('checked', false);
			$(".note_map").hide();
			$(".note_level").hide();
			$(".note_type").show();
		} else {
			$(".map").show();
			$("#img_wrap").hide();
			
			$(".note_map").show();
			$(".note_level").hide();
			$(".note_type").hide();
		}
	}
	
	function selectHill(element) {
		$('#soilDem').prop('checked', false);
		if($('#soilLevel').is(":checked")) {
			//$("#svgObject_wrap").hide();
			$("#img_wrap").show();
			$(".map1").attr("src", "http://droughtforecastadmin.mrcmekong.org:8080/images//diahinh.jpg");
			$('#soilLevel').prop('checked', false);
			
			$(".note_map").hide();
			$(".note_level").hide();
			$(".note_type").show();
		} else if($('#soilType').is(":checked")) {
			//$("#svgObject_wrap").hide();
			$("#img_wrap").show();
			$(".map1").attr("src", "http://droughtforecastadmin.mrcmekong.org:8080/images//docao.jpg");
			//$('#soilLevel').prop('checked', false);
			
			$(".note_map").hide();
			$(".note_level").show();
			$(".note_type").hide();
		} else {
			
			//$("#svgObject_wrap").show();
			$("#img_wrap").hide();
			
			$(".note_map").show();
			$(".note_level").hide();
			$(".note_type").hide();
		}
	}
	
	function selectDem(element) {
		$(".map").show();
		$("#img_wrap").hide();
		$('#soilLevel').prop('checked', false);
		$('#soilType').prop('checked', false);
	}
	
	$(document).ready(function () {
		//$("#Type").trigger("change");
		
		$(".map").show();
		$("#img_wrap").hide();
		//$(".note_type").hide();
		//$('map').imageMapResize();

		$('.map').maphilight(
			{
				fill: true,
				fillColor: '00ff00',
				fillOpacity: 0.2,
				stroke: true,
				strokeColor: '00ff00',
				strokeOpacity: 1,
				strokeWidth: 1,
				fade: true,
				alwaysOn: false,
				neverOn: false,
				groupBy: false,
				wrapClass: true,
				shadow: false,
				shadowX: 0,
				shadowY: 0,
				shadowRadius: 6,
				shadowColor: '000000',
				shadowOpacity: 0.8,
				shadowPosition: 'outside',
				shadowFrom: false
			});

		$("map area").click(function () {
			$(this).data('maphilight', {
				alwaysOn: true
			}).trigger('alwaysOn.maphilight');
			if (!$(this).hasClass('selected')) {
				$('.selected').data('maphilight', {
					alwaysOn: false
				}).trigger('alwaysOn.maphilight');
				$('map area').removeClass('selected');
				$(this).addClass('selected');
			}

		});
		$(document).on('click', $('area'), function (e) {
			if (typeof $(e.target).attr('coords')  !== "undefined") {
				var po = $(e.target).attr('coords').toString();
				$("#polygon").val(po);
			
				var currentCountry = $(e.target).attr('title');
				$("#lblCountry").html("(" + currentCountry + ")");
				var area_id = $(e.target).attr('data-id');
				$("#detail").show().attr('data-id',area_id);
				//window.location.href = "/maps/viewDetailArea?map_id=0&area_id="+$(e.target).attr('data-id').toString()+"";
				PropertyGet(area_id);
			}
		})
	});
	
	function PropertyGet_bak(area_id) {
		
		$.ajax({
			url: 'http://droughtforecast.mrcmekong.org/maps/getAreaProperty',
			type: "POST",
			dataType: "JSON",
			data: { area_id: area_id },
			success: function (data) {
				console.log(data.Description);
				<!-- $("#Property_Description").html(data); -->
				$("#Property_Description").html(data.Description);
				$(".area_name").html(data.AreaName + '<a id="detail" href="javascript:void(0);" onclick="viewDetail();" data-id="'+area_id+'">View Details</a>');
			}
		});

	}
	
	
	function PropertyGetByAreaCode(area_code) {
		$.ajax({
			url: 'http://droughtforecast.mrcmekong.org/maps/getAreaProperty',
			type: "POST",
			dataType: "JSON",
			data: { area_code: area_code, map_id: 0 },
			success: function (data) { 
				/* console.log(data.Description); */
				<!-- $("#Property_Description").html(data); -->
				/* $("#Property_Description").html(data.Description); */
				$(".area_name").html(data.AreaName + '<a style="display: none" id="detail" href="javascript:void(0);" onclick="viewDetail();" data-id="'+data.area_id+'">View Details</a>');
				$("#detail").trigger("click");
			}
		});

	}
	

	function PropertyAdd() {
		var po = $("#polygon").val().toString();

		var properties = {
			Poligon: po,
			Description: $("#Property_Description").val(),
			AreaId: $("#ID").val()
		}

		$.ajax({
			url: 'http://droughtforecast.mrcmekong.org/Properties/Add',
			type: "POST",
			dataType: "JSON",
			data: { properties: properties },
			success: function (data) {
				location.href = "/Areas";
			}
		});

	}
	
	function nextWeek() {
		var current_week = parseInt($("#ddlWeeks option:selected").val())+1;
		if(current_week-1 == $('#ddlWeeks option:last-child').val()) {
			current_week = 1;
			var current_year = parseInt($("#ddlYears option:selected").val()) + 1;
			$('#ddlYears').val(current_year).trigger("change");
		}
		$('#ddlWeeks').val(current_week).trigger("change");
	}
	
	function prevWeek() {
		var current_week = parseInt($("#ddlWeeks option:selected").val())-1;
		if(current_week == 0) {
			var current_year = parseInt($("#ddlYears option:selected").val() - 1);
			$('#ddlYears').val(current_year).trigger("change");
			current_week = $('#ddlWeeks option:last-child').val()
			if($('#ddlWeeks option:last-child').val() >= 53)
				current_week = $('#ddlWeeks option:last-child').val()-1;
		}
		
		$('#ddlWeeks').val(current_week).trigger("change");
	}
	
	function nextMonth() {
		var current_month = parseInt($("#ddlMonths option:selected").val())+1;
		if(current_month == 13) current_month = 1;
		$('#ddlMonths').val(current_month).trigger("change");
	}
	
	function prevMonth() {
		var current_month = parseInt($("#ddlMonths option:selected").val())-1;
		if(current_month == 0) current_month = 12;
		$('#ddlMonths').val(current_month).trigger("change");
	}
</script>

<script type="text/javascript">
	window.onload = function () {
		
		$description = $(".description");
		$('object').hover(function () {
			$description.css("display", "block");
		}, function () {
			$description.css("display", "none");
		});
		
		var query = location.search.substring(1);
		var vals = query.split(",");
		if (vals.length > 0) {
			aoi = vals[0].split("?")[0];
		}

		var svg = null;
		if($("#svgObject").length) svg = $("#svgObject").getSVG();		

		if(svg != null) {
			svg.find('path').each(function () {
				$(this).attr('fill', '#ffffff');
				$(this).attr('fill-opacity', '0');
				$(this).attr('stroke', '#000');
				$(this).attr('stroke-opacity', '0');
				$(this).attr('stroke-width', '2');
					
				id = $(this).attr('id');
				var alt = $(this).attr('alt');

				$(this).click(function(){
					PropertyGetByAreaCode('"'+$(this).attr('id')+'"');
				});
			
				if (id != undefined) {
					if (aoi.length != 2) {
						//$(this).attr('onclick', 'PropertyGetByAreaCode("'+id+'")')
						$(this).attr('cursor', 'pointer');
					} else {    
						//$(this).html('<title>' + id.replace('_', ' ').replace('_', ' ') + '</title>');               
						//$('.heading1').html(id.replace('_', ' ').replace('_', ' '));
					}
				}
			});

			svg.find('path').mouseenter(function (e) {

				$description.html($(this).attr('title'));
				$description.css({
					left:  e.pageX+150,
					top:   e.pageY+30
				});
					
				$(this).attr("class", "heyo");
				$description.addClass('active');
				
				var reg = $(this).attr('id');
				svg.find('[id="' + reg + '"]').each(function () {
					$(this).attr('fill', '#00ff00');
					$(this).attr('fill-opacity', '0.25');
					$(this).attr('stroke', '#00ff00');
					$(this).attr('stroke-opacity', '0.75');
					$(this).attr('stroke-width', '2');
					if (aoi.length == 2) {
						//$('#cnty-name').html('<p>' + reg.replace('_', ' ').replace('_', ' ') + '</p>');
					}
					else {

					}
				});
			})

			svg.find('path').mouseleave(function () {
				var reg = $(this).attr('id');
				
				svg.find('[id="' + reg + '"]').each(function () {
					$(this).attr('fill', '#ffffff');
					$(this).attr('fill-opacity', '0');
					$(this).attr('stroke', '#000');
					$(this).attr('stroke-opacity', '0');
					$(this).attr('stroke-width', '2');
					if (aoi.length == 2) {
						//$('#cnty-name').html('');
					}
					else {

					}
				});
			});

			//$("#dm_map").html($("#dm_map").html());
		}
	}
</script>'

}
$cookies = []
$name = 'Content-Type'
$values = [
	(int) 0 => 'text/html; charset=UTF-8'
]
$first = true
$value = 'text/html; charset=UTF-8'
header - [internal], line ??
Cake\Http\ResponseEmitter::emitHeaders() - CORE\src\Http\ResponseEmitter.php, line 181
Cake\Http\ResponseEmitter::emit() - CORE\src\Http\ResponseEmitter.php, line 55
Cake\Http\Server::emit() - CORE\src\Http\Server.php, line 141
[main] - ROOT\webroot\index.php, line 40

Lower Mekong Basin

Data not found

Year

Time type

Week

This Week's Drought Summary