<?php
	session_start();
	/* require '../db.php'; */
	include("../../php_crud/my_class.php");
	$obj = new my_class();
	//$module_folder = trim($_POST['module_folder']);
	//$page = trim($_POST['page']);
	echo '<script src="module/ground_water/js/station_availability.js" type="text/javascript"></script>';
?>
<style>
	canvas{
	 height: 300px !important;

	}
	input[type="text"], textarea, select{
		width: 100%;
	}
	.table thead tr{
		background-image: linear-gradient(to bottom,#307ECC,#5490CF);
		color: #FFF;
	}
	.dataTable th[class*=sorting_] {
		color: #FFF;
	}
	
	
</style>

<div id="cover-spin"></div>
<div class="row-fluid"  id="station_availability_form_data"></div>
<div style="margin-top:-1%"; id="station_availability_datatable"></div>

<!--<div id="missing_date_modal" class="modal fade" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Missing Date Information</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
       <div id="missing_date_modal_body"></div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>-->

<div id="missing_date_modal" class="modal hide fade" style="margin-top: 5%; margin-left: -15%; width: 30%;" tabindex="-1">
	<div class="modal-header no-padding">
		<div class="table-header">
			<button type="button" class="close" data-dismiss="modal" style="opacity:1 !important"><i class="fa fa-window-close" style="font-size: 26px;font-weight: bold;color: #FFF;"></i> </button>
			Missing Date List
		</div>
	</div>
	<div class="modal-body overflow" id="missing_date_modal_body">
	</div>							
</div>


<!-- <div id="missing_date_summary_modal" class="modal fade" tabindex="-1">
    <div class="modal-dialog modal-fullscreen-sm-down">
        <div class="modal-content">
            <div class="modal-header no-padding">
                <div class="table-header">
                    <button type="button" class="close" data-dismiss="modal" style="opacity:1 !important">
                        <i class="fa fa-window-close" style="font-size: 26px; font-weight: bold; color: #FFF;"></i>
                    </button>
                    Missing Date List Details
                </div>
            </div>
            <div class="modal-body overflow" id="missing_date_sumary_modal_body">
            </div>
        </div>
    </div>
</div> -->

<div id="missing_date_summary_modal" class="modal hide fade modal-fullscreen" style="" tabindex="-1">
	<div class="modal-header no-padding">
		<div class="table-header">
			<button type="button" class="close" data-dismiss="modal" style="opacity:1 !important"><i class="fa fa-window-close" style="font-size: 26px;font-weight: bold;color: #FFF;"></i> </button>
			Missing Date List Details
		</div>
	</div>
	<div class="modal-body" id="missing_date_sumary_modal_body" style="">
	</div>
	<div class="modal-footer">
		<div class="row-fluid">
		</div>
	</div>								
</div>