Untitled

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Case</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="./css/bootstrap.min.css">
  <script src="./js/jquery.min.js"></script>
  <script src="./js/bootstrap.min.js"></script>

  <style>
	body{
		background: url("images/./bg.jpg");
	}

	#w1{
		color: white;
	}
	.maL{

		margin-left:15px;
	}
	#t2{
		text-indent:25px;
	}

  </style>
  <?php
	session_start();
	require_once("./connection.php");
  ?>
  <?php
	if(isset($_POST['username'])){

		$username = $_POST['username'];
		$password = $_POST['password'];
		$query = "Select * FROM login WHERE username='".$username."' and password ='".$password."'";
		$result = mysqli_query($con,$query);

		if($row = mysqli_fetch_array($result)){
			//echo "<meta http-equiv=\"refresh\" content=\"0;URL=./home.php\">";
			$_SESSION['username'] = $row['username'];
			$_SESSION['password'] = $row['password'];
			$_SESSION['id'] = $row['id'];
		}
	}
  ?>
</head>
<body>

<nav class="navbar-static" style="opacity:0.9;">
  <div class="container navbar-inverse" style="border-radius:10px; margin-top:35px;">
		<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
			<span class="sr-only">Toggle Navigation</span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
		</button>
		<div class="navbar-header">
		  <a class="navbar-brand" href="javascript:window.location.href=window.location.href">Cambinac's Poultry</a>
		</div>
		<div class="navbar-collapse collapse">
			<ul class="nav navbar-nav navbar-right">


				<li>
				<a href="index.php" >Home</a>
				</li>
				<li>
					 <a href="#" data-toggle="modal" data-target="#aboutModal">About</a>
				</li>
				<li><a href="./maintenance.php">Maintenance</a></li>
				<li class="dropdown">
					<a href="#" class="dropdown-toggle"	data-toggle="dropdown" style="margin-right:40px;">
					<?php
					if(isset($_SESSION['username'])){
					?>
						<span class="glyphicon glyphicon-user"></span>  <?php if(isset($_SESSION['username'])){echo $_SESSION['username'];}?>
					<?php }else{ ?>
						Login

					<?php
					}
					?>

					<span class="caret"></span>
					</a>

					<ul class="dropdown-menu navbar-inverse" style="border-radius:8px;">
					 <?php
					  if(!isset($_SESSION['username'])){
					  ?>
					  <form method="POST" style="padding:5px 5px; width:180px; margin-top:10px"  novalidate="novalidate" class="bv-form text-center" action="./home.php">
						  <div class="form-group">
								<input class="form-control text-center" type="text" placeholder="Username" name="username" style="border-radius:5px;">
						  </div>
						  <div class="form-group">
								<input class="form-control text-center" type="password" placeholder="Password" name="password" style="border-radius:5px;">
						  </div>
						  <div class="form-group">
								<button class="btn btn-info form-control btn-xs">Login</button>
						  </div>
					  </form>
					 <?php
					  }else{
					 ?>
						<li>
							<a href="#" id="edit_account" class="dropdown-item" style="color:white;">
								<span class="glyphicon glyphicon-cog"></span> Edit Account</a>
						</li>
						<li>
							<a href="#" id="out" value="Logout" class="dropdown-item"  style="color:white;">
								<span class="glyphicon glyphicon-log-out"></span> Logout
							</a>
						</li>
					  <?php }
					  ?>
					  <ul>
				</li>
			</ul>
		</div>
  </div>
</nav>


<script type="text/javascript">
    $(document).ready(function () {
        var url = window.location;
        $('ul.nav a[href="'+ url +'"]').parent().addClass('active');
        $('ul.nav a').filter(function() {
             return this.href == url;
        }).parent().addClass('active');
    });


</script>

<!-- Trigger the modal with a button -->


					  <!-- Modal -->


</body>
					  <div class="modal fade" id="aboutModal" role="dialog" style="margin-top:90px;">
						  <div class="modal-dialog modal-lg">
							  <div class="modal-content" style="opacity:0.95;">
								  <div class="modal-header" style="background-color:black; opacity:0.9;">
									  <h4 class="modal-title" id="w1">Summary</h4>
								  </div>
								  <div class="modal-body">
									  <p class="maL">
										Cambinac is a poultry contract growing of Broiler  chicken and it was established last Oct. 15, 2012. The reason of its establishment is that Agriculture business is very viable in Leyte and we want to employ people especially in remote brgys
									  </p><br/>
									  <h4>Product and Services</h4><br/>
									  <p class="maL">
										  Product:	Chicken/Broiler<br/>
										  Services:	Growing of Broiler Chicken
									  </p><br/>
									  <h4>Mission</h4><br/>
									  <p class="maL">
										To promote job creation especially in the remote barangay and to help to sustain the value chain of food production.
									  </p><br/>
									  <h4>Vision</h4>
									  <p class="maL">
										To promote sustainable method of broiler growing and to always observe sustainable environment impact.
									  </p>
								  </div>
								  <div class="modal-footer">
								  <table>
									<tr>
									<td align="center" width="100%">
									<address>Brgy. Sherwood, Albuera, Leyte, 6542</address>
									</td>
									<td align="right">
									<button type="button" class="btn btn-default" data-dismiss="modal">close</button>
									</td>
									</tr>
								  </table>
								  </div>
							  </div>
						  </div>
					  </div>

					  <div class="modal fade" id="editaccount" role="dialog" style="margin-top:90px;">
						  <div class="modal-dialog modal-sm">
							  <div class="modal-content" style="opacity:0.95;">
								  <div class="modal-header" style="background-color:black; opacity:0.9;">
									  <h4 class="modal-title" id="w1">Account Information</h4>
								  </div>
								  <form action ='' method ='POST'>
								  <div class="modal-body">

										<div class="form-group">
										<label> New Username</label>
										<!--<input  type='text' name = 'mn' >-->
										<input class="form-control" type="text" name = 'newusername' value= <?php echo $_SESSION['username'];?>>
										</div>
										<div class="form-group">
										<label>New Password</label>
										<input class="form-control" type='password' name = 'newpassword' value= <?php echo $_SESSION['password'];?>>
										</div>
										<!--<input  type='submit' name = 'yes' value= 'UPDATE'>-->


								  </div>
								  <div class="modal-footer">
									<button type="submit" name="yes" class="btn btn-info" >Save Changes</button>
									<button type="button" class="btn btn-default" data-dismiss="modal">close</button>
								  </div>
								  </form>
							  </div>
						  </div>
					  </div>


		<script type="text/javascript">
			$(document).ready(function(){
				$("#out").click(function(event){
				  event.preventDefault();
				  window.location = "./index.php";
				});
				$("#edit_account").click(function(event){
				  $("#editaccount").modal("show");
				});

			});
		</script>
</html>