<?php
session_start();
include("../../php_crud/my_class.php");
$obj = new my_class();
$year = date('Y');
?>

<style>
        canvas {
                height: 300px !important;

        }
</style>
<!-- <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.1/css/all.css" rel="stylesheet" media="all" type="text/css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script> -->
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script src="module/ground_water_ex/js/pump_test_data_availability.js" type="text/javascript"></script>
<style type="text/css">
    canvas{
            height: 300px !important;
         }
</style>

<div id="cover-spin"></div>

<div class="table-header"><i class="fas fa-th-list"></i> Pump Test Data log Information</div>

<div class="row-fluid" style="font-size: 14px; padding-top: 10px; padding-bottom: 10px; margin-top: -4px; background-color:#f5f5f5; -webkit-box-shadow:0px 8px 6px -6px black; -moz-box-shadow:0px 8px 6px-6px black;box-shadow:0px 8px 6px -6px black;">
    <!-- <div class="span3" style="padding-left: 10px;">
        <div class="control-group">
            <label class="control-level" for="district" style="padding-left: 5px;"><b>District</b><font style="color:#FF0000"></font></label>
			<div class="controls" style="width: 100%">
					<select name="district" id="district" class="chosen-select"onchange="load_upazila_by_district_id(this.value)">
							<option value=""></option>
							<?php
								//$tbl_name = "DISTRICT_TBL";
								//$cols = "DISTRICT_NO,DISTRICT_NAME";
								//$where_cond = "1=1 ORDER BY DISTRICT_NAME ASC";
								//SELECT DISTRICT_NO,DISTRICT_NAME FROM DISTRICT_TBL ORDER BY DISTRICT_NAME ASC
								//foreach ($obj->View_colmn_By_Cond_hydro($tbl_name, $cols, $where_cond) as $district_list) {
									//echo '<option value="' . $district_list['DISTRICT_NO'] . '">' . $district_list['DISTRICT_NAME'] . '</option>';
								//}
							?>
					</select>
			</div>
        </div>
    </div> -->
	
	<!-- <div class="span3">
		<div class="control-group">
			<label class="control-label" for="upazila"><b>Upazila<font color="#FF0000"></font></b></label>
			<div class="controls" style="width: 100%" id="upazila_list_holder">
					<select id="upazila" style="height: 12px !important;" name="upazila" class="chosen-select" onchange="upazilaData()">
							<option value=""></option>
					</select>
			</div>
		</div>
	</div> -->

	<div class="span2" style="padding-left: 10px;">
		<div class="control-group">
			<label class="control-label" for="year"><b>From Year<font color="#FF0000"></font></b></label>
			<div class="controls" style="width: 100%;">
				<input type="text" style="width: 95%; height: 14px !important;" id="from_year" name="year" value="<?php echo date('Y'); ?>" maxlength="4" />
			</div>
		</div>
	</div>


	<div class="span2">
		<div class="control-group">
			<label class="control-label" for="year"><b>To Year<font color="#FF0000"></font></b></label>
			<div class="controls" style="width: 100%;">
				<input type="text" style="width: 95%; height: 14px !important;" id="to_year" name="year" value="<?php echo date('Y'); ?>" maxlength="4" />
			</div>
		</div>
	</div>
	<div class="span2">
		<div class="control-group">
			<div class="controls">
				<button type="button" class="btn btn-minier btn-info" style="margin-top: 23px; margin-bottom:5px; padding: 4px !important;"onclick="show_pump_test_data_info()">
					<b style="font-size: 12px;"><i class="icon-search"></i>Show Data</b></button>
			</div>
		</div>
	</div>
</div>




<div class="row-fluid" id="data-table" style="margin-top: 10px;"></div>

<script type="text/javascript">
        $('.chosen-select').chosen({ allow_single_deselect: true });
        //resize the chosen on window resize

        $(window)
                .off('resize.chosen')
                .on('resize.chosen', function () {
                        $('.chosen-select').each(function () {
                                var $this = $(this);
                                $this.next().css({ 'width': '100%' });
                        })
                }).trigger('resize.chosen');
        //resize chosen on sidebar collapse/expand
        $(document).on('settings.ace.chosen', function (e, event_name, event_val) {
                if (event_name != 'sidebar_collapsed') return;
                $('.chosen-select').each(function () {
                        var $this = $(this);
                        $this.next().css({ 'width': '100%' });
                })
        });
</script>