<?php
	session_start();
	include("../../php_crud/my_class.php");
	$obj = new my_class();
?>
<style>
	input[type="text"], textarea, select{
		width: 100%;
	}
</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 src="module/ground_water/js/problem_type.js" type="text/javascript"></script>

<div class="table-header">
	<i class="fas fa-th-list"></i> Problem Type List
	<?php //if ($_SESSION['add'] == 'Y') { ?>
	<a class="btn btn-small btn-yellow" href="#modal_add_prob_type" data-toggle="modal" onclick="load_problem_type_form()" style="margin-right:10px;margin-top:3px;float:right;hover:cursor;">
	<i class="fa fa-plus-circle"></i> Add Problem Type</a>
	<?php //} ?>
</div>

<div id="problem_type_datatable" style="margin-top: 10px;"></div>

<div id="modal_add_prob_type" class="modal hide fade" 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>
			<i class="fab fa-wpforms"></i> Problem Type Entry Form	
		</div>
	</div>
	<div class="modal-body " id="modal_body_add_prob_type"></div>
	<div class="modal-footer">
		<div class="row-fluid">
			<div>
				<button class="btn btn-small btn-success pull-right" type="button" id="btn_save" onclick="save_problem_type()">
					<i class="fa fa-check"></i>
					Save
				</button>
			</div>
			<!-- <div class="span6" style="padding-left: 10px;">
				<button class="btn btn-small btn-danger pull-left" type="button" class="close" data-dismiss="modal" >
					<i class="icon-remove"></i>
					Close
				</button>
			</div> -->
		</div>
	</div>								
</div>


<div id="modal_edit_prob_type" class="modal hide fade" 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>
			<i class="fab fa-wpforms"></i> Problem Type Update Form
		</div>
	</div>
	<div class="modal-body " id="modal_body_edit_prob_type"></div>
	<div class="modal-footer">
		<div class="row-fluid">
			<div>
				<button class="btn btn-small btn-success pull-right" type="button" id="btn_update" onclick="update_problem_type()">
					<i class="fa fa-check"></i>
					Save
				</button>
			</div>
			<!-- <div class="span6" style="padding-left: 10px;">
				<button class="btn btn-small btn-danger pull-left" type="button" class="close" data-dismiss="modal" >
					<i class="icon-remove"></i>
					Close
				</button>
			</div> -->
		</div>
	</div>								
</div>

<script>
	//load_problem_type_form();	
	load_problem_type_list();	
</script>
