<!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<?php
// include('header.php');
if(isset($_GET['invalid_login'])){
  $msg = "Λάθος Κωδικός ή Όνομα Χρήστη.";
  $class = "alert alert-danger";
} else {
  $msg = "";
  $class = "";
}
?>
<html lang="en">
	<head>
    <title>Login page</title>
    <!-- CSS -->
  	<link rel="stylesheet" href="./source/bootstrap.min.css">
  	<link rel="stylesheet" href="./source/font-awesome.min.css">
  	<link rel="stylesheet" href="./source/animate.css">
  	<link rel="stylesheet" href="./source/style.css">
  	<link rel="stylesheet" href="./source/media-queries.css">
  	<!-- Favicon and touch icons -->
  	<link rel="shortcut icon" href="source/favicon.png">
  	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://azmind.com/premium/rois/v1-0/layout-1/assets/ico/apple-touch-icon-144-precomposed.png">
  	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://azmind.com/premium/rois/v1-0/layout-1/assets/ico/apple-touch-icon-114-precomposed.png">
  	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://azmind.com/premium/rois/v1-0/layout-1/assets/ico/apple-touch-icon-72-precomposed.png">
  	<link rel="apple-touch-icon-precomposed" href="http://azmind.com/premium/rois/v1-0/layout-1/assets/ico/apple-touch-icon-57-precomposed.png">
  	<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet" type="text/css">
  	<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
		<!-- <script src="https://use.fontawesome.com/6b4c4a90e6.js"></script> -->
  </head>
	<body>
		<!-- Top content -->
    <div class="top-content" style="position: relative; z-index: 0; background: none;">
    	<div class="container" style="margin-top:4rem;">
				<div class="row">
					<div class="col-sm-12 fadeInDown animated" style="visibility: visible;">
            <!--SELONDA LOGO TOP -->
          	<div class="col-sm-6 col-sm-offset-3" style="margin-bottom:1rem;">
							<center><img src="source/logo_v1.svg" class="img-responsive" ></center>
		        </div>
					</div>
				</div>
				<div class="row">
					<div class="col-sm-6 col-sm-offset-3 r-form-1-box fadeInUp animated" style="visibility: visible;">
						<div class="r-form-1-top">
							<div class="<?php echo $class; ?>">
	                <?php echo $msg; ?>
	            </div>
							<form role="form" action="check_login.php" method="post">
								<div class="form-group r-form-1-box">
									<label class="sr-only" for="r-form-1-email">Όνομα Χρήστη</label>
									<input type="text" name="username" placeholder="Όνομα Χρήστη" class="r-form-1-email form-control" id="r-form-1-email">
								</div>
								<div class="form-group r-form-1-box">
									<label class="sr-only" for="r-form-1-phone">Κωδικός</label>
									<input type="password" name="password" placeholder="Κωδικός" class="r-form-1-pass form-control" id="r-form-1-phone">
								</div>
								<button type="submit" class="btn">Είσοδος</button>
							</form>
						</div>
					</div>
				</div>


      </div>
      <!-- <div class="backstretch" style="left: 0px; top: 0px; overflow: hidden; margin: 0px; padding: 0px; height: 900px; width: 100%; z-index: -999998; position: absolute;"><img src="./source/1.jpg" style="position: absolute; margin: 0px; padding: 0px; border: none; width: auto;  max-height: 100%;
      max-width: none; z-index: -999999; left: 0px; "></div> -->
		</div>
        <!-- Features -->
		<div class="bottom_content" style="display:none;">
			<div class="features-container section-container">
	  		<div class="container">
	    		<div class="container-fluid col-sm-offset-1 wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
	      		<div class="row">
	          	<div class="col-sm-6 features-box">
			      		<div class="features-box-icon">
									<center><a href="index.html"><img src="source/medfrigo.png"  class="img-responsive" ></a></center>
								</div>
		        	</div>
		        	<div class="col-sm-6 features-box">
			      		<div class="features-box-icon">
									<center><a href="index.html"><img src="source/dynacomp.png"  class="img-responsive" ></a></center>
								</div>
							</div>
			     	</div>
			   	</div>
	      </div>
	    </div>
			<!-- Footer -->
	    <footer id="footer">
				<div class="footer-bottom">
	  			<div class="container">
	    			<div class="row">
	      			<div class="col-sm-12">
	        			<p class="pull-right">Designed Developed by <a href="http://www.dynacomp.gr/">DYNACOMP S.A.</a></p>
	      			</div>
	    			</div>
	  			</div>
				</div>
	  	</footer>
		</div>
	</body>
</html>
