<?php

require_once("session.php");
require_once("classes/class.database.php");
$authUser = new USER();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<!-- Include common HTML META tags -->
	<?php require_once("meta.html"); ?>
	<?php require_once("default-css.html"); ?>

	<style>
	.input-group-addon {
		min-width:71px;
		text-align:left;
	}
	.ui-helper-hidden-accessible {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	.ui-autocomplete {
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
	}
	.ui-autocomplete-loading {
		/* background: white url("jquery-ui/images/ui-anim_basic_16x16.gif") right center no-repeat; */
		background: white url("/img/ui-anim_basic_16x16.gif") right center no-repeat;
	}
	</style>
	<title>welcome - <?php print($authUser->userRow['userEmail']); ?></title>
</head>
<body>
	<?php require_once("navbar-fixed-top.php"); ?>

        <div class="clearfix" />
	<div class="container-fluid" style="margin-top:7px;">
		<div class="container">
			<label class="h5">
				welcome : <?php print($authUser->userRow['userName']); ?>
			</label>
			<hr />
			<h4>
				<ul>
					<li><a href="taxon.php?regnum=Plantae"><span class="glyphicon glyphicon-leaf"></span>&nbsp;Plants</a></li>
					<ul>
						<li> <!-- Plantae -->
							<form class="form-inline" id="plantForm">
								<div class="input-group has-success">
									<span class="input-group-addon" id="basic-addon1">Plant</span>
									<input type="text" class="form-control" name="plantName" id="plantName" placeholder="Species" aria-describedby="basic-addon1">
									<input type="hidden" id="plantType" name="taxonType" />
									<input type="hidden" id="plantId"   name="taxonId"   />
									<div class="input-group-btn">
										<!-- Buttons -->
										<button type="submit" class="btn btn-default" formaction="taxon.php" id="plantDisplay" name="action" value="display">
											Display
										</button>
										<?php if ( $session->is_loggedin() ) { ?>
											<button type="submit" class="btn btn-default" formaction="edit.php"   id="plantAdd"   name="action" value="add">
												Add / Edit
											</button>
										<?php } ?>
									</div>
								</div>
							</form>
						</li>
					</ul>
					<hr />
					<li><a href="taxon.php?regnum=Animalia"><span class="glyphicon glyphicon-piggy-bank"></span>&nbsp;Animals</a></li>
					<ul>
						<li> <!-- Animalia -->
							<form class="form-inline" id="animalForm">
								<div class="input-group has-warning">
									<span class="input-group-addon" id="basic-addon1">Animal</span>
									<input type="text" class="form-control" name="animalName" id="animalName" placeholder="Species" aria-describedby="basic-addon1">
									<input type="hidden" id="animalType" name="taxonType" />
									<input type="hidden" id="animalId"   name="taxonId"   />
								  <div class="input-group-btn">
											<!-- Buttons -->
											<button type="submit" class="btn btn-default" formaction="taxon.php" id="animalDisplay" name="action" value="display">Display</button>
											<?php if ( $session->is_loggedin() ) { ?>
												<button type="submit" class="btn btn-default" formaction="edit.php"  id="animalAdd"    name="action" value="add">Add / Edit</button>
											<?php } ?>
									</div>
								</div>
							</form>
						</li>
					</ul>
				</ul>
			</h4>
			<hr />
		</div>
	</div>
</body>
<?php require_once("default-js.html"); ?>
<script type="text/javascript">
$(document).ready(function() {

	// Disable display buttons if not from autocomplete
	var plantFromAutocomplete = '';
	var animalFromAutocomplete = '';

	// *
	// ** <Animal>
	// *

	// Disable submit buttons
	$("#animalDisplay").attr('disabled', 'disabled');
	$("#animalAdd").attr('disabled', 'disabled');

	// Autocomplete animal
	$("#animalName").autocomplete({
		source: "getNames.php?regnum=Animalia",
		minLength: 2,
		select: function(event, ui) {
			$('#animalId').val(ui.item.id);
			$('#animalType').val(ui.item.type);
			animalFromAutocomplete=ui.item.value;
			$(this).closest("form").attr('action', 'taxon.php');
			$(this).closest("form").submit();
		}
	});

	// Enable submit buttons when not empty
	$("#animalName").keyup(function() {
		// Now animals? OK, clear plants
		$("#plantName").val('');
		$("#plantDisplay").attr('disabled', 'disabled');
		$("#plantDisplay").removeClass('btn-primary');
		$("#plantDisplay").addClass('btn-default');
		$("#plantAdd").removeClass('btn-info');
		$("#plantAdd").addClass('btn-default');
		$("#plantAdd").attr('disabled', 'disabled');

		// To Disable Submit Button
		$("#animalDisplay").attr('disabled', 'disabled');
		$("#animalDisplay").removeClass('btn-primary');
		$("#animalDisplay").addClass('btn-default');
		$("#animalAdd").attr('disabled', 'disabled');
		$("#animalAdd").removeClass('btn-info');
		$("#animalAdd").addClass('btn-default');
		// Validating Fields
		var animalName = $("#animalName").val();
		if (!(animalName == "")) {
			$("#animalAdd").removeAttr('disabled');
			$("#animalAdd").removeClass('btn-default');
			$("#animalAdd").addClass('btn-info');
			if (animalFromAutocomplete == animalName) {
				$("#animalDisplay").removeAttr('disabled');
				$("#animalDisplay").removeClass('btn-default');
				$("#animalDisplay").addClass('btn-primary');
			}
		}
	});
	// *
	// ** </Animal>
	// *

	// *
	// ** <Plant>
	// *

	// Disable submit buttons
	$("#plantDisplay").attr('disabled', 'disabled');
	$("#plantAdd").attr('disabled', 'disabled');

	// Autocomplete plants
	$("#plantName").autocomplete({
		source: "getNames.php?regnum=Plantae",
		minLength: 2,
		select: function(event, ui) {
			$('#plantId').val(ui.item.id);
			$('#plantType').val(ui.item.type);
			plantFromAutocomplete=ui.item.value;
			$(this).closest("form").attr('action', 'taxon.php');
			$(this).closest("form").submit();
		}
	});

	// Enable submit buttons when not empty
	$("#plantName").keyup(function() {

		$("#animalName").val('');
		$("#animalDisplay").attr('disabled', 'disabled');
		$("#animalDisplay").removeClass('btn-primary');
		$("#animalDisplay").addClass('btn-default');
		$("#animalAdd").attr('disabled', 'disabled');
		$("#animalAdd").removeClass('btn-info');
		$("#animalAdd").addClass('btn-default');

		// To Disable Submit Button
		$("#plantDisplay").attr('disabled', 'disabled');
		$("#plantDisplay").removeClass('btn-primary');
		$("#plantDisplay").addClass('btn-default');
		$("#plantAdd").attr('disabled', 'disabled');
		$("#plantAdd").removeClass('btn-info');
		$("#plantAdd").addClass('btn-default');
		// Validating Fields
		var plantName = $("#plantName").val();
		if (!(plantName == "")) {
			$("#plantAdd").removeAttr('disabled');
			$("#plantAdd").removeClass('btn-default');
			$("#plantAdd").addClass('btn-info');
			if (plantFromAutocomplete == plantName) {
				$("#plantDisplay").removeAttr('disabled');
				$("#plantDisplay").removeClass('btn-default');
				$("#plantDisplay").addClass('btn-primary');
			}
		}
	});
	// *
	// ** </Plant>
	// *

});
</script>
</html>
