added code

.classpath

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<classpath>
+	<classpathentry kind="src" output="target/classes" path="src">
+		<attributes>
+			<attribute name="optional" value="true"/>
+			<attribute name="maven.pomderived" value="true"/>
+		</attributes>
+	</classpathentry>
+	<classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER/org.eclipse.jdt.internal.debug.ui.launcher.StandardVMType/JavaSE-14">
+		<attributes>
+			<attribute name="maven.pomderived" value="true"/>
+		</attributes>
+	</classpathentry>
+	<classpathentry kind="con" path="org.eclipse.m2e.MAVEN2_CLASSPATH_CONTAINER">
+		<attributes>
+			<attribute name="maven.pomderived" value="true"/>
+			<attribute name="org.eclipse.jst.component.dependency" value="/WEB-INF/lib"/>
+		</attributes>
+	</classpathentry>
+	<classpathentry kind="output" path="target/classes"/>
+</classpath>

.gitignore

@@ -0,0 +1,11 @@
+target/
+pom.xml.tag
+pom.xml.releaseBackup
+pom.xml.versionsBackup
+pom.xml.next
+release.properties
+dependency-reduced-pom.xml
+buildNumber.properties
+.mvn/timing.properties
+.mvn/wrapper/maven-wrapper.jar
+/src/secret

.project

@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>java-web</name>
+	<comment></comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>org.eclipse.jdt.core.javabuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+		<buildCommand>
+			<name>org.eclipse.wst.common.project.facet.core.builder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+		<buildCommand>
+			<name>org.eclipse.wst.validation.validationbuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+		<buildCommand>
+			<name>org.eclipse.m2e.core.maven2Builder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>org.eclipse.m2e.core.maven2Nature</nature>
+		<nature>org.eclipse.jem.workbench.JavaEMFNature</nature>
+		<nature>org.eclipse.wst.common.modulecore.ModuleCoreNature</nature>
+		<nature>org.eclipse.wst.common.project.facet.core.nature</nature>
+		<nature>org.eclipse.jdt.core.javanature</nature>
+		<nature>org.eclipse.wst.jsdt.core.jsNature</nature>
+	</natures>
+</projectDescription>

.settings/.jsdtscope

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<classpath>
+	<classpathentry excluding="**/bower_components/*|**/node_modules/*|**/*.min.js" kind="src" path="WebContent"/>
+	<classpathentry kind="con" path="org.eclipse.wst.jsdt.launching.JRE_CONTAINER"/>
+	<classpathentry kind="con" path="org.eclipse.wst.jsdt.launching.WebProject">
+		<attributes>
+			<attribute name="hide" value="true"/>
+		</attributes>
+	</classpathentry>
+	<classpathentry kind="con" path="org.eclipse.wst.jsdt.launching.baseBrowserLibrary"/>
+	<classpathentry kind="output" path=""/>
+</classpath>

.settings/org.eclipse.jdt.core.prefs

@@ -0,0 +1,11 @@
+eclipse.preferences.version=1
+org.eclipse.jdt.core.compiler.codegen.inlineJsrBytecode=enabled
+org.eclipse.jdt.core.compiler.codegen.targetPlatform=14
+org.eclipse.jdt.core.compiler.compliance=14
+org.eclipse.jdt.core.compiler.problem.assertIdentifier=error
+org.eclipse.jdt.core.compiler.problem.enablePreviewFeatures=disabled
+org.eclipse.jdt.core.compiler.problem.enumIdentifier=error
+org.eclipse.jdt.core.compiler.problem.forbiddenReference=warning
+org.eclipse.jdt.core.compiler.problem.reportPreviewFeatures=warning
+org.eclipse.jdt.core.compiler.release=enabled
+org.eclipse.jdt.core.compiler.source=14

.settings/org.eclipse.m2e.core.prefs

@@ -0,0 +1,4 @@
+activeProfiles=
+eclipse.preferences.version=1
+resolveWorkspaceProjects=true
+version=1

.settings/org.eclipse.wst.common.component

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?><project-modules id="moduleCoreId" project-version="1.5.0">
+    <wb-module deploy-name="java-web-0.0.1-SNAPSHOT">
+        <wb-resource deploy-path="/" source-path="/target/m2e-wtp/web-resources"/>
+        <wb-resource deploy-path="/" source-path="/WebContent" tag="defaultRootSource"/>
+        <wb-resource deploy-path="/WEB-INF/classes" source-path="/src"/>
+        <property name="context-root" value="java-web"/>
+        <property name="java-output-path" value="/java-web/build/classes"/>
+    </wb-module>
+</project-modules>

.settings/org.eclipse.wst.common.project.facet.core.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<faceted-project>
+  <fixed facet="java"/>
+  <fixed facet="wst.jsdt.web"/>
+  <fixed facet="jst.web"/>
+  <installed facet="java" version="14"/>
+  <installed facet="jst.web" version="3.0"/>
+  <installed facet="wst.jsdt.web" version="1.0"/>
+</faceted-project>

.settings/org.eclipse.wst.jsdt.ui.superType.container

@@ -0,0 +1 @@
+org.eclipse.wst.jsdt.launching.baseBrowserLibrary

.settings/org.eclipse.wst.jsdt.ui.superType.name

@@ -0,0 +1 @@
+Window

.settings/org.eclipse.wst.validation.prefs

@@ -0,0 +1,2 @@
+disabled=06target
+eclipse.preferences.version=1

WebContent/META-INF/MANIFEST.MF

@@ -0,0 +1,3 @@
+Manifest-Version: 1.0
+Class-Path: 
+

WebContent/about.jsp

@@ -0,0 +1,87 @@
+<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
+    pageEncoding="ISO-8859-1"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="ISO-8859-1">
+	<title>About</title>
+	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet">
+	<link rel="shortcut icon" type="image/png/x-icon" href="<c:url value='/assets/favicon/favicon.ico'/>">
+	<link rel="stylesheet" href="<c:url value='/css/style.css'/>"/>
+	<link rel="stylesheet" href="<c:url value='/css/about.css'/>"/>
+	<script src="https://kit.fontawesome.com/d99e1d4bab.js"></script>
+</head>
+<body>
+<%@ include file="/common/topbar.jsp" %>	
+	<div class="main">
+		<div class="container">
+			<div class="row">
+				<div class="text-center my-3">
+					<h2>Our Members</h2>
+				</div>
+				<div class="col-md-4 col-lg-4">
+					<div class="profile-container">
+						<div class="profile-cover">						
+							<img class="cover-img" src="<c:url value='/assets/images/road.jpg'/>" alt="bg"/>						
+							<img class="profile-img" src="<c:url value='/assets/images/houseinlake.jpg'/>" alt="profile"/>
+						</div>
+						<div class="profile-info">
+							<p class="title">Vy Minh Khanh Hoa</p>
+							<p class="profile-desc">Core member</p>
+							<a class="btn btn-primary text-center" href="<c:url value='/members?name=hoa'/>">View details</a>
+						</div>
+					</div>
+				</div>
+				<div class="col-md-4 col-lg-4">
+					<div class="profile-container">
+						<div class="profile-cover">						
+							<img class="cover-img" src="<c:url value='/assets/images/horizon.jpg'/>" alt="bg">						
+							<img class="profile-img" src="<c:url value='/assets/images/sea1.jpg'/>" alt="profile">
+						</div>
+						<div class="profile-info">
+							<p class="title">Bui Dinh Xuan</p>
+							<p class="profile-desc">Core member</p>
+						</div>
+						<a class="btn btn-primary text-center" href="<c:url value='/members?name=xuan'/>">View details</a>
+					</div>
+				</div>
+				<div class="col-md-4 col-lg-4">
+					<div class="profile-container">
+						<div class="profile-cover">						
+							<img class="cover-img" src="<c:url value='/assets/images/world.jpg'/>" alt="bg">						
+							<img class="profile-img" src="<c:url value='/assets/images/sea2.jpg'/>" alt="profile">
+						</div>
+						<div class="profile-info">
+							<p class="title">Tran Manh Cuong</p>
+							<p class="profile-desc">Core member</p>
+						</div>
+						<a class="btn btn-primary text-center" href="<c:url value='/members?name=cuong'/>">View details</a>
+					</div>
+				</div>
+			</div>
+			<div class="row">
+				<div class="text-center mt-3">
+					<a href="final-project" class="text-decoration-none" style="color: rgb(114 75 106)">
+						<h2>Final Project</h2>
+					</a>
+				</div>
+				<div class="col-md-12">
+					<div class="project-container">
+						<img class="lazy loaded" src="<c:url value='/assets/images/final-project.png'/>" data-src="<c:url value='/assets/images/final-project.png'/>" data-was-process="true"/>
+						<a href="<c:url value='/final-project'/>">
+							<div class="description-hover overlay">
+								<div class="description-info">
+									<div class="text-uppercase btn btn-outline-primary">View details</div>
+								</div>
+							</div>
+						</a>	
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+<%@ include file="/common/footer.jsp" %>
+	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js" ></script>
+</body>
+</html>

WebContent/assets/js/card2.js

@@ -0,0 +1,51 @@
+var stripe = Stripe('pk_test_51JNerUA5N5of65pzSCQbaazNoZtgjQJhU9aPfdGEqP8wXaQzFPmgiPsvkw46hHGXr5BC5cfJby8YVBAO65ifyMUO00fYccTgE3');
+
+var elements = stripe.elements();
+
+var style = {
+      base: {
+        color: "#e8e8f4",
+        fontFamily: 'Arial, sans-serif',
+        fontSmoothing: "antialiased",
+        fontSize: "16px",
+        "::placeholder": {
+          color: "#e8e8f4"
+        }
+      },
+      invalid: {
+        fontFamily: 'Arial, sans-serif',
+        color: "#fa755a",
+        iconColor: "#fa755a"
+      }
+    };
+var card = elements.create('card', { style: style });
+card.mount('#card-element');
+
+card.on("change", function (event) {
+      // Disable the Pay button if there are no card details in the Element
+      document.querySelector("button").disabled = event.empty;
+      document.querySelector("#card-error").textContent = event.error ? event.error.message : "";
+    });
+var form = document.getElementById("checkout-form");
+
+var stripeTokenHandler = token => {
+    var hiddenInput = document.createElement('input');
+    hiddenInput.setAttribute('type', 'hidden');
+    hiddenInput.setAttribute('name', 'stripeToken');
+    hiddenInput.setAttribute('value', token.id);
+    form.appendChild(hiddenInput);
+
+    console.log(form)
+    form.submit();
+}
+
+form.addEventListener('submit', event => {
+    event.preventDefault();
+    stripe.createToken(card).then(result => {
+        if (result.error) errorEl.textContent = res.error.message;
+        else {
+            console.log(result.token)
+            stripeTokenHandler(result.token);
+        }
+    });
+});

WebContent/assets/js/main30.js

@@ -0,0 +1,76 @@
+(function ($) {
+	var seats = [];
+	 $(document).ready(function () {
+    	// Nice Select
+   		 $('.select-bar').niceSelect();
+   		 $('.seat-book').each(function() {
+   		 	var row = $(this).closest('.seat-line').find('.seat-row').text();
+        	var col = $(this).find('.sit-num').text();
+        	seats.push(row + col + " ");
+        	var seatsString = "";
+	        for (let i = 0; i < seats.length; i++) {
+	        	seatsString += seats[i];
+	        }
+	        var sc = document.querySelector('.seat-choice');
+	        sc.innerHTML = seatsString;
+	        var price = seats.length * 10;
+	        var tp = document.querySelector('.total-price');
+	        tp.innerHTML = "$" + price;
+	        $('.seats-input').attr("value", seatsString);
+   		 });
+   		 var book = document.querySelector('.seat-book');
+   		 if (book) {
+   		 	$('.proceed-book').removeClass('hide');
+        } 
+   	})
+
+
+   	 $(".seat").on('click', function(e) {
+        $(this).toggleClass('seat-book');
+        var row = $(this).closest('.seat-line').find('.seat-row').text();
+        var col = $(this).find('.sit-num').text();
+        var pos = seats.indexOf(row + col + " ");
+        if (pos == -1) {
+        	seats.push(row + col + " ");	
+        } 
+        else {
+        	seats.splice(pos, 1);
+        }
+        var seatsString = "";
+        for (let i = 0; i < seats.length; i++) {
+        	seatsString += seats[i];
+        }
+        var sc = document.querySelector('.seat-choice');
+        sc.innerHTML = seatsString;
+        var price = seats.length * 10;
+        var tp = document.querySelector('.total-price');
+        tp.innerHTML = "$" + price;
+        $('.seats-input').attr("value", seatsString);
+        if (seats.length != 0) {
+        	$('.proceed-book').removeClass('hide');
+        } 
+        else {
+        	$('.proceed-book').addClass('hide');
+        }
+    });
+
+    $(".ticket-form").on('click', function(e) {
+    	$(this).submit();
+    });
+
+})(jQuery);
+
+function check_pass(){
+	var pass1=document.getElementById('pass1').value;
+	var pass2=document.getElementById('pass2').value;
+	if(pass1!=pass2){
+		document.getElementById('icon-green').style.display='none';
+		document.getElementById('icon-red').style.display='block';
+		document.getElementById('submit').disabled=true;
+	}
+	else{
+		document.getElementById('icon-red').style.display='none';
+		document.getElementById('icon-green').style.display='block';
+		document.getElementById('submit').disabled=false;
+	}
+}