includes/shop.php



<!-- RegisterModal -->
<div class="modal" id="RegisterModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered">
		<div class="modal-content">
			<div class="modal-header">
				<h1 class="modal-title fs-5" id="exampleModalLabel">User Registration</h1>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<div class="progress">
					<div class="progress-bar" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
				</div>
				<hr>
				<form class="row g-3 form-horizontal" method="POST">
					<div class="col-12">
						<label for="inputUserType" class="form-label">Would you like to register a Company or a private Person?</label>
							</div>
					<div class="col-12">
						<select required id="inputUserType" class="form-select" name="inputUserType">
							<option selected disabled value=""></option>
							<option value="P">Privatperson</option>
							<option value="C">Firma</option>
							<!--option>Privatperson</option>
							<option>Firma</option-->
						</select>
						</div>
						<div class="col-12">
							<input type="text" readonly id="txtmanuid" >
					</div>
					<div class="d-grid d-md-flex justify-content-md-end">
						<button type="button" name="GoToRegisterPage2Button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#RegisterModalPg2">Next</button>
					</div>
				</form>
				<hr>
				<form class="form-group" method="GET">
					<label class="form-check-label" for="companyCheck">Already registered?</label>
					<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#LoginModal" name="login">Login</button>

				</form>
			</div>
		</div>
	</div>
</div>


<!-- RegisterModal Page2 -->
<div class="modal" id="RegisterModalPg2" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered">
		<div class="modal-content">
			<div class="modal-header">
				<h1 class="modal-title fs-5" id="exampleModalLabel">User Registration</h1>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<div class="progress">
					<div class="progress-bar" role="progressbar" aria-label="Basic example" style="width: 5%" aria-valuenow="5" aria-valuemin="0" aria-valuemax="100"></div>
				</div>
				<hr>
				<form class="row g-3 form-horizontal" method="POST">
					
										
					<div class="col-md-6">
						<label for="c" class="form-label">Firstname</label>
						<input type="text" class="form-control" name="firstname" id="inputfirstname" placeholder="Peter">
					</div>
					<div class="col-md-6">
						<label for="inputlastname" class="form-label">Lastname</label>
						<input type="text" class="form-control" name="lastname" id="inputlastname" placeholder="Schmid">
					</div>

					<div class="col-md-6">
						<label for="inputCountry" class="form-label">Country</label>
						<select id="inputCountry" class="form-select" name="country">

														<option>Switzerland</option>
														<option>Germany</option>
														<option>France</option>
														<option>Italy</option>
							
						</select>
					</div>
					<div class="col-md-6">
						<label for="inputlastname" class="form-label">Jobtitle</label>
						<input type="text" class="form-control" id="jobtitle" placeholder="Mechanical Engineer" name="jobtitle">
					</div>

					<div class="col-12">
						<label for="inputAddress2" class="form-label">Address</label>
						<textarea class="form-control" id="floatingTextarea"  style="height: 30px"></textarea>
					</div>
					<div class="col-md-2">
						<label for="inputZip" class="form-label" placeholder="8000">Zip</label>
						<input type="text" class="form-control" id="inputZip">
					</div>
					<div class="col-md-5">
						<label for="inputCity" class="form-label" placeholder="Zürich">City</label>
						<input type="text" class="form-control" name="city" id="inputCity">
					</div>

					<div class="col-md-6">
						<label for="inputEmail4" class="form-label">Email</label>
						<input type="email" class="form-control" name="email" id="inputEmail4">
					</div>
					<div class="col-md-6">
						<label for="inputPassword4" class="form-label">Password</label>
						<input type="password" class="form-control" name="password" id="inputPassword4">
					</div>

					<div class="d-grid gap-2 d-md-flex justify-content-md-end">
						<button type="button" class="btn btn-primary me-md-2" data-bs-toggle="modal" data-bs-target="#RegisterModal" >Back</button>
						<button class="btn btn-primary" type="submit" name="register">Next</button>
					</div>
				</form>
				<hr>
				<form class="form-group" method="GET">
					<label class="form-check-label" for="companyCheck">Already registered?</label>
					<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#LoginModal" name="login">Login</button>

				</form>
			</div>
		</div>
	</div>
</div>




<script>
	$( "#inputUserType" ).change(function() {
		var sel = $( "#inputUserType option:selected" ).val();
		var txtman = $( "#inputUserType option:selected" ).text()
		$('#txtmanuid').val(txtman);
	});
</script>	
	
	
	
	



<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">	

		<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
		<title>Krebs Distanz AG</title>

		<!-- Google Fonts -->
		<!--link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,600,600i,700,700i" rel="stylesheet"-->



		<!-- Bootstrap -->
		<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">


	</head>
	<body>
		<!--script src="jquery.js"></script-->

		<!-- ======= Header ======= -->

		<nav class="navbar navbar-expand-lg" style="background-color: #f2f9fc">
			<div class="container-fluid">
				<a class="navbar-brand" href="home">Krebs Distanz AG</a>
				<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
					<span class="navbar-toggler-icon"></span>
				</button>
				<div class="collapse navbar-collapse" id="navbarSupportedContent">
					<ul class="navbar-nav me-auto mb-2 mb-lg-0">
						<li class="nav-item">
							<a class="nav-link active" href="home">Home</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="prepositions">Preposition</a>
						</li>				



										<a>
					<li class="nav-item">
						<a class="nav-link" href="shop">Shop</a>
					</li>
					<li class="nav-item">
						<form class="d-flex" method="get">
							<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#LoginModal" name="login">
								Login
							</button>
						</form>
					</li>
				</a>
				

			</div>
		</nav>
		<!-- End Header -->



		<!-- LoginModal -->
		<div class="modal fade" id="LoginModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
			<div class="modal-dialog modal-dialog-centered">
				<div class="modal-content">
					<div class="modal-header">
						<h1 class="modal-title fs-5" id="exampleModalLabel">Login</h1>
						<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
					</div>
					<div class="modal-body">

						<form class="form-horizontal" method="POST">
							<div class="mb-3">
								<label for="inputEmail" class="form-label">Email</label>
								<input type="email" class="form-control" id="inputEmail" placeholder="max.muster@gmail.com" name="email">
							</div>
							<div class="mb-3">
								<label for="inputPassword" class="form-label">Password</label>
								<input type="password" class="form-control" id="inputPassword" placeholder="Password" name="password">
							</div>
							<div class="form-group">
								<div class="col-auto">
									<button class="btn btn-primary mb-3" type="submit" name="confirm_login">Sign in</button>
								</div>
							</div>
						</form>
						<hr>
						<form class="form-group" method="GET">
							<div class="row">
								<div class="col">
									<h5>No account yet?</h5>
								</div>
								<div class="col">
									<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#RegisterModal" name="Register">Register now</button>
								</div>
							</div>
						</form>
						<form class="form-group" method="GET">
							<div class="row">
								<div class="col">
									<h6>Forgot Password?</h6>
								</div>
								<div class="col">
									<button type="button" class="btn btn-secondary btn-sm" data-bs-toggle="modal" data-bs-target="#ResetPWModal" name="Register">Reset Password</button>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>



		<!-- ResetPassword -->
		<div class="modal fade" id="ResetPWModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
			<div class="modal-dialog modal-dialog-centered">
				<div class="modal-content">
					<div class="modal-header">
						<h1 class="modal-title fs-5" id="exampleModalLabel">Reset Password</h1>
						<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
					</div>
					<div class="modal-body">

						<form class="form-horizontal" method="POST">
							<div class="mb-3">
								<label for="ResetinputEmail" class="form-label">Email</label>
								<input type="email" class="form-control" id="ResetinputEmail" placeholder="max.muster@gmail.com" name="ResetinputEmail">
							</div>
							<div class="form-group">
								<div class="col-auto">
									<button class="btn btn-primary mb-3" type="submit" name="PasswordResetSubmit">Confirm</button>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>






<div class = "container py-5">
	<div class="panel">
		<div class="panel-body">

			
			
			
		</div>
	</div>
</div>

























<style>
footer {
  background-color: #f2f9fc;
}
</style>



<!-- ======= Footer ======= -->
<footer id="footer">

	<div class="footer-top">
		<div class="container">
			<div class="row">

				<div class="col-lg-3 col-md-6 footer-contact">
					<h3>Krebs Distanz AG</h3>
					<p>
						Schönbühlstrasse 8 <br>
						5442 Fislisbach<br>
						Schweiz <br><br>
						<strong>Phone:</strong> +41 56 245 00 40<br>
						<strong>Email:</strong> info@distanzstueck.ch<br>
					</p>
				</div>
				<div class="col-lg-3 col-md-6 footer-rechts">
					<div class="container">
						<div class="row justify-content-center">
							<div class="col-lg-6">
								<h4>Join Our Newsletter</h4>
								<!--p>Tamen quem nulla quae legam multos aute sint culpa legam noster magna</p-->
								<form action="" method="post">
									<input type="email" name="newsletter"><input type="submit" value="Subscribe">
								</form>
							</div>
						</div>
					</div>
				</div>		

				<!--

   <div class="col-lg-3 col-md-6 footer-links">
   <h4>Useful Links</h4>
   <ul>
 <li><i class="bx bx-chevron-right"></i> <a href="#">Home</a></li>
 <li><i class="bx bx-chevron-right"></i> <a href="#">About us</a></li>
 <li><i class="bx bx-chevron-right"></i> <a href="#">Services</a></li>
 <li><i class="bx bx-chevron-right"></i> <a href="#">Terms of service</a></li>
 <li><i class="bx bx-chevron-right"></i> <a href="#">Privacy policy</a></li>
   </ul>
   </div>

   <div class="col-lg-3 col-md-6 footer-links">
   <h4>Our Services</h4>
   <ul>
 <li><i class="bx bx-chevron-right"></i> <a href="#">Web Design</a></li>
 <li><i class="bx bx-chevron-right"></i> <a href="#">Web Development</a></li>
 <li><i class="bx bx-chevron-right"></i> <a href="#">Product Management</a></li>
 <li><i class="bx bx-chevron-right"></i> <a href="#">Marketing</a></li>
 <li><i class="bx bx-chevron-right"></i> <a href="#">Graphic Design</a></li>
   </ul>
   </div>

   <div class="col-lg-3 col-md-6 footer-links">
   <h4>Our Social Networks</h4>
   <p>Cras fermentum odio eu feugiat lide par naso tierra videa magna derita valies</p>
   <div class="social-links mt-3">
 <a href="#" class="twitter"><i class="bx bxl-twitter"></i></a>
 <a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
 <a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
 <a href="#" class="google-plus"><i class="bx bxl-skype"></i></a>
 <a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a>
   </div>
   </div>
  -->

			</div>


			<div class="container py-4">
				<div class="copyright">
					&copy; Copyright <strong><span>Krebs Distanz AG</span></strong>. All Rights Reserved
				</div>
			</div>
		</div>
	</div>
</footer><!-- End Footer -->

<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js" integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V" crossorigin="anonymous"></script>

</body>
</html>