<%- include('partials/header') %>
<body>
	<section class="h-100">
		<div class="container h-100">
			<div class="row justify-content-sm-center h-100">
				<div class="col-xxl-4 col-xl-5 col-lg-5 col-md-7 col-sm-9">
					<div class="text-center my-5">
						<h1 style="opacity: 0%;">WedGuest</h1>
					</div>
					<div class="card shadow-lg">
						<div class="card-body p-5">
							<h1 class="fs-4 card-title fw-bold mb-4" style="text-align: center;">WedGuest</h1>
              <% if (typeof error !== 'undefined') { %>
                <div class="alert alert-danger"><%= error %></div>
              <% } %>
							<form method="POST" class="needs-validation" novalidate="" autocomplete="off" action="/login">
								<div class="mb-3">
									<label class="mb-2 text-muted" for="username"></label>Username</label>
									<input id="username" type="username" class="form-control" name="username" required autofocus>
									<div class="invalid-feedback">
										username is invalid
									</div>
								</div>

								<div class="mb-3">
									<div class="mb-2 w-100">
										<label class="text-muted" for="password">Password</label>
										<!-- <a href="forgot.html" class="float-end">
											Forgot Password?
										</a> -->
									</div>
									<input id="password" type="password" class="form-control" name="password" required>
								    <div class="invalid-feedback">
								    	Password is required
							    	</div>
								</div>

								<div class="d-flex align-items-center">
									<div class="form-check">
										<input type="checkbox" name="remember" id="remember" class="form-check-input">
										<label for="remember" class="form-check-label">Remember Me</label>
									</div>
									<button type="submit" class="btn btn-primary ms-auto">
										Login
									</button>
								</div>
							</form>
						</div>
					</div>
					<div class="text-center mt-5 text-muted">
						<i class="bi bi-github" style="font-size: 24px; vertical-align: middle;"></i>
						<a class="text-center mt-5 text-muted" href="https://github.com/Fauzanmhr/wedguest" target="_blank">wedguest</a> &mdash;
						Copyright &copy; 2024
					</div>					
				</div>
			</div>
		</div>
	</section>
  <%- include('partials/footer') %>
</body>

</html>