diff --git a/.travis.yml b/.travis.yml
new file mode 100644
index 0000000..fabc33c
--- /dev/null
+++ b/.travis.yml
@@ -0,0 +1,16 @@
+language: java
+jdk:
+  - openjdk14
+
+os:
+  - linux
+  - osx
+
+jobs:
+  include:
+    - stage: Test
+      script: ./mvnw clean test
+notifications:
+  email:
+    - s3634831@rmit.edu.vn
+    - s3759797@rmit.edu.vn
\ No newline at end of file
diff --git a/pom.xml b/pom.xml
index d6c31e6..66c6b94 100644
--- a/pom.xml
+++ b/pom.xml
@@ -23,10 +23,10 @@
 			<groupId>org.springframework.boot</groupId>
 			<artifactId>spring-boot-starter-actuator</artifactId>
 		</dependency>
-<!--		<dependency>
+		<dependency>
 			<groupId>org.springframework.boot</groupId>
 			<artifactId>spring-boot-starter-data-jpa</artifactId>
-		</dependency>-->
+		</dependency>
 <!--		<dependency>
 			<groupId>org.springframework.boot</groupId>
 			<artifactId>spring-boot-starter-data-rest</artifactId>
@@ -70,13 +70,28 @@
         </dependency>
 		<dependency>
 			<groupId>org.springframework.boot</groupId>
-			<artifactId>spring-boot-test</artifactId>
-			<version>2.3.2.RELEASE</version>
+			<artifactId>spring-boot-starter-test</artifactId>
+			<scope>test</scope>
 		</dependency>
 		<dependency>
-			<groupId>javax.persistence</groupId>
-			<artifactId>persistence-api</artifactId>
-			<version>1.0.2</version>
+			<groupId>mysql</groupId>
+			<artifactId>mysql-connector-java</artifactId>
+		</dependency>
+		<dependency>
+			<groupId>org.flywaydb</groupId>
+			<artifactId>flyway-core</artifactId>
+		</dependency>
+		<dependency>
+			<groupId>org.mockito</groupId>
+			<artifactId>mockito-core</artifactId>
+			<version>3.3.3</version>
+			<scope>test</scope>
+		</dependency>
+		<dependency>
+			<groupId>org.mockito</groupId>
+			<artifactId>mockito-junit-jupiter</artifactId>
+			<version>3.3.3</version>
+			<scope>test</scope>
 		</dependency>
 	</dependencies>
 
diff --git a/sept.iml b/sept.iml
deleted file mode 100644
index 6ee1a76..0000000
--- a/sept.iml
+++ /dev/null
@@ -1,119 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module org.jetbrains.idea.maven.project.MavenProjectsManager.isMavenModule="true" type="JAVA_MODULE" version="4">
-  <component name="FacetManager">
-    <facet type="jpa" name="JPA">
-      <configuration>
-        <setting name="validation-enabled" value="true" />
-        <setting name="provider-name" value="Hibernate" />
-        <datasource-mapping>
-          <factory-entry name="sept" value="2e06fea1-e963-4cc0-836d-9e9c12b7c2b4" />
-        </datasource-mapping>
-        <naming-strategy-map />
-      </configuration>
-    </facet>
-    <facet type="Spring" name="Spring">
-      <configuration>
-        <fileset id="fileset" name="SeptApplication" removed="false">
-          <file>file://$MODULE_DIR$/src/main/java/learn/thymeleaf/sept/SeptApplication.java</file>
-        </fileset>
-      </configuration>
-    </facet>
-  </component>
-  <component name="NewModuleRootManager" LANGUAGE_LEVEL="JDK_14">
-    <output url="file://$MODULE_DIR$/target/classes" />
-    <output-test url="file://$MODULE_DIR$/target/test-classes" />
-    <content url="file://$MODULE_DIR$">
-      <sourceFolder url="file://$MODULE_DIR$/src/main/java" isTestSource="false" />
-      <sourceFolder url="file://$MODULE_DIR$/src/main/resources" type="java-resource" />
-      <sourceFolder url="file://$MODULE_DIR$/src/test/java" isTestSource="true" />
-      <excludeFolder url="file://$MODULE_DIR$/target" />
-    </content>
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-    <orderEntry type="library" name="bootstrap" level="application" />
-    <orderEntry type="library" name="popper.js" level="application" />
-    <orderEntry type="library" name="jquery" level="application" />
-    <orderEntry type="library" name="font-awesome" level="application" />
-    <orderEntry type="library" name="Java EE 6-Java EE 6" level="project" />
-    <orderEntry type="library" name="Maven: org.springframework.boot:spring-boot-starter-actuator:2.3.2.RELEASE" level="project" />
-    <orderEntry type="library" name="Maven: org.springframework.boot:spring-boot-starter:2.3.2.RELEASE" level="project" />
-    <orderEntry type="library" name="Maven: org.springframework.boot:spring-boot-starter-logging:2.3.2.RELEASE" level="project" />
-    <orderEntry type="library" name="Maven: ch.qos.logback:logback-classic:1.2.3" level="project" />
-    <orderEntry type="library" name="Maven: ch.qos.logback:logback-core:1.2.3" level="project" />
-    <orderEntry type="library" name="Maven: org.apache.logging.log4j:log4j-to-slf4j:2.13.3" level="project" />
-    <orderEntry type="library" name="Maven: org.apache.logging.log4j:log4j-api:2.13.3" level="project" />
-    <orderEntry type="library" name="Maven: org.slf4j:jul-to-slf4j:1.7.30" level="project" />
-    <orderEntry type="library" name="Maven: jakarta.annotation:jakarta.annotation-api:1.3.5" level="project" />
-    <orderEntry type="library" name="Maven: org.yaml:snakeyaml:1.26" level="project" />
-    <orderEntry type="library" name="Maven: org.springframework.boot:spring-boot-actuator-autoconfigure:2.3.2.RELEASE" level="project" />
-    <orderEntry type="library" name="Maven: org.springframework.boot:spring-boot-actuator:2.3.2.RELEASE" level="project" />
-    <orderEntry type="library" name="Maven: com.fasterxml.jackson.core:jackson-databind:2.11.1" level="project" />
-    <orderEntry type="library" name="Maven: com.fasterxml.jackson.core:jackson-annotations:2.11.1" level="project" />
-    <orderEntry type="library" name="Maven: com.fasterxml.jackson.core:jackson-core:2.11.1" level="project" />
-    <orderEntry type="library" name="Maven: com.fasterxml.jackson.datatype:jackson-datatype-jsr310:2.11.1" level="project" />
-    <orderEntry type="library" name="Maven: io.micrometer:micrometer-core:1.5.3" level="project" />
-    <orderEntry type="library" name="Maven: org.hdrhistogram:HdrHistogram:2.1.12" level="project" />
-    <orderEntry type="library" scope="RUNTIME" name="Maven: org.latencyutils:LatencyUtils:2.0.3" level="project" />
-    <orderEntry type="library" name="Maven: org.springframework.boot:spring-boot-starter-thymeleaf:2.3.2.RELEASE" level="project" />
-    <orderEntry type="library" name="Maven: org.thymeleaf:thymeleaf-spring5:3.0.11.RELEASE" level="project" />
-    <orderEntry type="library" name="Maven: org.thymeleaf:thymeleaf:3.0.11.RELEASE" level="project" />
-    <orderEntry type="library" name="Maven: org.attoparser:attoparser:2.0.5.RELEASE" level="project" />
-    <orderEntry type="library" name="Maven: org.unbescape:unbescape:1.1.6.RELEASE" level="project" />
-    <orderEntry type="library" name="Maven: org.thymeleaf.extras:thymeleaf-extras-java8time:3.0.4.RELEASE" level="project" />
-    <orderEntry type="library" name="Maven: org.springframework.boot:spring-boot-starter-web:2.3.2.RELEASE" level="project" />
-    <orderEntry type="library" name="Maven: org.springframework.boot:spring-boot-starter-json:2.3.2.RELEASE" level="project" />
-    <orderEntry type="library" name="Maven: com.fasterxml.jackson.datatype:jackson-datatype-jdk8:2.11.1" level="project" />
-    <orderEntry type="library" name="Maven: com.fasterxml.jackson.module:jackson-module-parameter-names:2.11.1" level="project" />
-    <orderEntry type="library" name="Maven: org.springframework.boot:spring-boot-starter-tomcat:2.3.2.RELEASE" level="project" />
-    <orderEntry type="library" name="Maven: org.apache.tomcat.embed:tomcat-embed-core:9.0.37" level="project" />
-    <orderEntry type="library" name="Maven: org.glassfish:jakarta.el:3.0.3" level="project" />
-    <orderEntry type="library" name="Maven: org.apache.tomcat.embed:tomcat-embed-websocket:9.0.37" level="project" />
-    <orderEntry type="library" name="Maven: org.springframework:spring-web:5.2.8.RELEASE" level="project" />
-    <orderEntry type="library" name="Maven: org.springframework:spring-webmvc:5.2.8.RELEASE" level="project" />
-    <orderEntry type="library" name="Maven: org.springframework:spring-expression:5.2.8.RELEASE" level="project" />
-    <orderEntry type="library" scope="RUNTIME" name="Maven: org.springframework.boot:spring-boot-devtools:2.3.2.RELEASE" level="project" />
-    <orderEntry type="library" name="Maven: org.springframework.boot:spring-boot:2.3.2.RELEASE" level="project" />
-    <orderEntry type="library" name="Maven: org.springframework.boot:spring-boot-autoconfigure:2.3.2.RELEASE" level="project" />
-    <orderEntry type="library" scope="TEST" name="Maven: org.springframework.boot:spring-boot-starter-test:2.3.2.RELEASE" level="project" />
-    <orderEntry type="library" scope="TEST" name="Maven: org.springframework.boot:spring-boot-test-autoconfigure:2.3.2.RELEASE" level="project" />
-    <orderEntry type="library" scope="TEST" name="Maven: com.jayway.jsonpath:json-path:2.4.0" level="project" />
-    <orderEntry type="library" scope="TEST" name="Maven: net.minidev:json-smart:2.3" level="project" />
-    <orderEntry type="library" scope="TEST" name="Maven: net.minidev:accessors-smart:1.2" level="project" />
-    <orderEntry type="library" scope="TEST" name="Maven: org.ow2.asm:asm:5.0.4" level="project" />
-    <orderEntry type="library" scope="TEST" name="Maven: jakarta.xml.bind:jakarta.xml.bind-api:2.3.3" level="project" />
-    <orderEntry type="library" scope="TEST" name="Maven: jakarta.activation:jakarta.activation-api:1.2.2" level="project" />
-    <orderEntry type="library" scope="TEST" name="Maven: org.assertj:assertj-core:3.16.1" level="project" />
-    <orderEntry type="library" scope="TEST" name="Maven: org.hamcrest:hamcrest:2.2" level="project" />
-    <orderEntry type="library" scope="TEST" name="Maven: org.junit.jupiter:junit-jupiter:5.6.2" level="project" />
-    <orderEntry type="library" scope="TEST" name="Maven: org.junit.jupiter:junit-jupiter-params:5.6.2" level="project" />
-    <orderEntry type="library" scope="TEST" name="Maven: org.junit.jupiter:junit-jupiter-engine:5.6.2" level="project" />
-    <orderEntry type="library" scope="TEST" name="Maven: org.junit.platform:junit-platform-engine:1.6.2" level="project" />
-    <orderEntry type="library" scope="TEST" name="Maven: org.mockito:mockito-core:3.3.3" level="project" />
-    <orderEntry type="library" scope="TEST" name="Maven: net.bytebuddy:byte-buddy:1.10.13" level="project" />
-    <orderEntry type="library" scope="TEST" name="Maven: net.bytebuddy:byte-buddy-agent:1.10.13" level="project" />
-    <orderEntry type="library" scope="TEST" name="Maven: org.objenesis:objenesis:2.6" level="project" />
-    <orderEntry type="library" scope="TEST" name="Maven: org.mockito:mockito-junit-jupiter:3.3.3" level="project" />
-    <orderEntry type="library" scope="TEST" name="Maven: org.skyscreamer:jsonassert:1.5.0" level="project" />
-    <orderEntry type="library" scope="TEST" name="Maven: com.vaadin.external.google:android-json:0.0.20131108.vaadin1" level="project" />
-    <orderEntry type="library" name="Maven: org.springframework:spring-core:5.2.8.RELEASE" level="project" />
-    <orderEntry type="library" name="Maven: org.springframework:spring-jcl:5.2.8.RELEASE" level="project" />
-    <orderEntry type="library" scope="TEST" name="Maven: org.springframework:spring-test:5.2.8.RELEASE" level="project" />
-    <orderEntry type="library" scope="TEST" name="Maven: org.xmlunit:xmlunit-core:2.7.0" level="project" />
-    <orderEntry type="library" name="Maven: org.springframework.data:spring-data-jpa:2.3.2.RELEASE" level="project" />
-    <orderEntry type="library" name="Maven: org.springframework.data:spring-data-commons:2.3.2.RELEASE" level="project" />
-    <orderEntry type="library" name="Maven: org.springframework:spring-orm:5.2.8.RELEASE" level="project" />
-    <orderEntry type="library" name="Maven: org.springframework:spring-jdbc:5.2.8.RELEASE" level="project" />
-    <orderEntry type="library" name="Maven: org.springframework:spring-context:5.2.8.RELEASE" level="project" />
-    <orderEntry type="library" name="Maven: org.springframework:spring-aop:5.2.8.RELEASE" level="project" />
-    <orderEntry type="library" name="Maven: org.springframework:spring-tx:5.2.8.RELEASE" level="project" />
-    <orderEntry type="library" name="Maven: org.springframework:spring-beans:5.2.8.RELEASE" level="project" />
-    <orderEntry type="library" name="Maven: org.aspectj:aspectjrt:1.9.6" level="project" />
-    <orderEntry type="library" name="Maven: org.slf4j:slf4j-api:1.7.30" level="project" />
-    <orderEntry type="library" name="Maven: org.junit.jupiter:junit-jupiter-api:5.7.0-M1" level="project" />
-    <orderEntry type="library" name="Maven: org.apiguardian:apiguardian-api:1.1.0" level="project" />
-    <orderEntry type="library" name="Maven: org.opentest4j:opentest4j:1.2.0" level="project" />
-    <orderEntry type="library" name="Maven: org.junit.platform:junit-platform-commons:1.6.2" level="project" />
-    <orderEntry type="library" name="Maven: org.springframework.boot:spring-boot-test:2.3.2.RELEASE" level="project" />
-    <orderEntry type="library" name="Maven: javax.persistence:persistence-api:1.0.2" level="project" />
-  </component>
-</module>
\ No newline at end of file
diff --git a/src/main/java/learn/thymeleaf/sept/SeptApplication.java b/src/main/java/learn/thymeleaf/sept/SeptApplication.java
index ffd4544..7d539c6 100644
--- a/src/main/java/learn/thymeleaf/sept/SeptApplication.java
+++ b/src/main/java/learn/thymeleaf/sept/SeptApplication.java
@@ -2,6 +2,9 @@
 
 import org.springframework.boot.SpringApplication;
 import org.springframework.boot.autoconfigure.SpringBootApplication;
+import org.springframework.boot.autoconfigure.domain.EntityScan;
+import org.springframework.context.annotation.ComponentScan;
+import org.springframework.data.jpa.repository.config.EnableJpaRepositories;
 
 @SpringBootApplication
 public class SeptApplication {
diff --git a/src/main/java/learn/thymeleaf/sept/controller/AdminMovieController.java b/src/main/java/learn/thymeleaf/sept/controller/AdminMovieController.java
new file mode 100644
index 0000000..95779fb
--- /dev/null
+++ b/src/main/java/learn/thymeleaf/sept/controller/AdminMovieController.java
@@ -0,0 +1,76 @@
+package learn.thymeleaf.sept.controller;
+
+import learn.thymeleaf.sept.entity.Movie;
+import learn.thymeleaf.sept.service.MovieService;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Controller
+@RequestMapping("/admin/movie")
+public class AdminMovieController {
+
+    private final MovieService movieService;
+
+    public AdminMovieController(MovieService movieService) {
+        this.movieService = movieService;
+    }
+
+    @GetMapping("/list")
+    public String listMovies(Model theModel, String keyword) {
+
+        // get employees from db
+        List<Movie> movies = movieService.findAll();
+        // check if there is a search keyword
+        if(keyword != null){
+            theModel.addAttribute("movies", movieService.findByMovieName(keyword));
+        }
+        else {
+            // add to the spring model
+            theModel.addAttribute("movies", movies);
+        }
+
+        return "admin/movie/list";
+    }
+
+    @GetMapping("/showFormForUpdate")
+    public String showFormForUpdate(@RequestParam("movieId")int theId, Model theModel){
+        //get the employee from service
+        Movie movie = movieService.findById(theId);
+        //set the employee as a model attribute to pre-populate the form
+        theModel.addAttribute("movie", movie);
+        // send over to our form
+        return "admin/movie/add-update-form";
+    }
+
+    @GetMapping("/delete")
+    public String delete(@RequestParam("movieId")int theId){
+        //get the employee
+        movieService.deleteById(theId);
+        //redirect to list
+        return "redirect:/admin/movie/list";
+    }
+
+    @GetMapping("/showFormForAdd")
+    public String showFormForAdd(Model theModel) {
+
+        // create model attribute to bind form data
+        Movie movie = new Movie();
+
+        theModel.addAttribute("movie", movie);
+
+        return "admin/movie/add-update-form";
+    }
+
+    @PostMapping("/save")
+    public String saveMovie(@ModelAttribute("movie") Movie movie) {
+
+        // save the employee
+        movieService.create(movie);
+
+        // use a redirect to prevent duplicate submissions
+        return "redirect:/admin/movie/list";
+    }
+}
diff --git a/src/main/java/learn/thymeleaf/sept/controller/AdminReservationController.java b/src/main/java/learn/thymeleaf/sept/controller/AdminReservationController.java
new file mode 100644
index 0000000..e65c225
--- /dev/null
+++ b/src/main/java/learn/thymeleaf/sept/controller/AdminReservationController.java
@@ -0,0 +1,76 @@
+package learn.thymeleaf.sept.controller;
+
+import learn.thymeleaf.sept.entity.Reservation;
+import learn.thymeleaf.sept.service.ReservationService;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Controller
+@RequestMapping("/admin/reservation")
+public class AdminReservationController {
+
+    private final ReservationService reservationService;
+
+    public AdminReservationController(ReservationService reservationService) {
+        this.reservationService = reservationService;
+    }
+
+    @GetMapping("/list")
+    public String listReservations(Model theModel, String keyword) {
+
+        // get employees from db
+        List<Reservation> reservations = reservationService.findAll();
+        // check if there is a search keyword
+        if(keyword != null){
+            theModel.addAttribute("reservations", reservationService.findByReservationName(keyword));
+        }
+        else {
+            // add to the spring model
+            theModel.addAttribute("reservations", reservations);
+        }
+
+        return "admin/reservation/list";
+    }
+
+    @GetMapping("/showFormForUpdate")
+    public String showFormForUpdate(@RequestParam("reservationId")int theId, Model theModel){
+        //get the employee from service
+        Reservation reservation = reservationService.findById(theId);
+        //set the employee as a model attribute to pre-populate the form
+        theModel.addAttribute("reservation", reservation);
+        // send over to our form
+        return "admin/reservation/add-update-form";
+    }
+
+    @GetMapping("/delete")
+    public String delete(@RequestParam("reservationId")int theId){
+        //get the employee
+        reservationService.deleteById(theId);
+        //redirect to list
+        return "redirect:/admin/reservation/list";
+    }
+
+    @GetMapping("/showFormForAdd")
+    public String showFormForAdd(Model theModel) {
+
+        // create model attribute to bind form data
+        Reservation reservation = new Reservation();
+
+        theModel.addAttribute("reservation", reservation);
+
+        return "admin/reservation/add-update-form";
+    }
+
+    @PostMapping("/save")
+    public String saveReservation(@ModelAttribute("reservation") Reservation reservation) {
+
+        // save the employee
+        reservationService.create(reservation);
+
+        // use a redirect to prevent duplicate submissions
+        return "redirect:/admin/reservation/list";
+    }
+}
diff --git a/src/main/java/learn/thymeleaf/sept/controller/AdminUserController.java b/src/main/java/learn/thymeleaf/sept/controller/AdminUserController.java
new file mode 100644
index 0000000..d2c6313
--- /dev/null
+++ b/src/main/java/learn/thymeleaf/sept/controller/AdminUserController.java
@@ -0,0 +1,76 @@
+package learn.thymeleaf.sept.controller;
+
+import learn.thymeleaf.sept.entity.User;
+import learn.thymeleaf.sept.service.UserService;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Controller
+@RequestMapping("/admin/user")
+public class AdminUserController {
+
+    private final UserService userService;
+
+    public AdminUserController(UserService userService) {
+        this.userService = userService;
+    }
+
+    @GetMapping("/list")
+    public String listUser(Model theModel, String keyword) {
+
+        // get user from db
+        List<User> users = userService.findAll();
+        // check if there is a search keyword
+        if(keyword != null){
+            theModel.addAttribute("users", userService.findByUserName(keyword));
+        }
+        else {
+            // add to the spring model
+            theModel.addAttribute("users", users);
+        }
+
+        return "admin/user/list";
+    }
+
+    @GetMapping("/showFormForUpdate")
+    public String showFormForUpdate(@RequestParam("userId")int theId, Model theModel){
+        //get the user from service
+        User user = userService.findById(theId);
+        //set the user as a model attribute to pre-populate the form
+        theModel.addAttribute("user", user);
+        // send over to our form
+        return "admin/user/add-update-form";
+    }
+
+    @GetMapping("/delete")
+    public String delete(@RequestParam("userId")int theId){
+        //get the employee
+        userService.deleteById(theId);
+        //redirect to list
+        return "redirect:/admin/user/list";
+    }
+
+    @GetMapping("/showFormForAdd")
+    public String showFormForAdd(Model theModel) {
+
+        // create model attribute to bind form data
+        User user = new User();
+
+        theModel.addAttribute("user", user);
+
+        return "admin/user/add-update-form";
+    }
+
+    @PostMapping("/save")
+    public String saveUser(@ModelAttribute("user") User user) {
+
+        // save the user
+        userService.create(user);
+
+        // use a redirect to prevent duplicate submissions
+        return "redirect:/admin/user/list";
+    }
+}
diff --git a/src/main/java/learn/thymeleaf/sept/controller/AdminUserProfileController.java b/src/main/java/learn/thymeleaf/sept/controller/AdminUserProfileController.java
new file mode 100644
index 0000000..e175103
--- /dev/null
+++ b/src/main/java/learn/thymeleaf/sept/controller/AdminUserProfileController.java
@@ -0,0 +1,76 @@
+package learn.thymeleaf.sept.controller;
+
+import learn.thymeleaf.sept.entity.UserProfile;
+import learn.thymeleaf.sept.service.UserProfileService;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@Controller
+@RequestMapping("/admin/user_profile")
+public class AdminUserProfileController {
+
+    private final UserProfileService userProfileService;
+
+    public AdminUserProfileController(UserProfileService userProfileService) {
+        this.userProfileService = userProfileService;
+    }
+
+    @GetMapping("/list")
+    public String listUserProfile(Model theModel, String keyword) {
+
+        // get user from db
+        List<UserProfile> userProfiles = userProfileService.findAll();
+        // check if there is a search keyword
+        if(keyword != null){
+            theModel.addAttribute("userProfiles", userProfileService.findByUserProfileName(keyword));
+        }
+        else {
+            // add to the spring model
+            theModel.addAttribute("userProfiles", userProfiles);
+        }
+
+        return "admin/user_profile/list";
+    }
+
+    @GetMapping("/showFormForUpdate")
+    public String showFormForUpdate(@RequestParam("userProfileId")int theId, Model theModel){
+        //get the user from service
+        UserProfile userProfile = userProfileService.findById(theId);
+        //set the user as a model attribute to pre-populate the form
+        theModel.addAttribute("userProfile", userProfile);
+        // send over to our form
+        return "admin/user_profile/add-update-form";
+    }
+
+    @GetMapping("/delete")
+    public String delete(@RequestParam("userProfileId")int theId){
+        //get the employee
+        userProfileService.deleteById(theId);
+        //redirect to list
+        return "redirect:/admin/user_profile/list";
+    }
+
+    @GetMapping("/showFormForAdd")
+    public String showFormForAdd(Model theModel) {
+
+        // create model attribute to bind form data
+        UserProfile userProfile = new UserProfile();
+
+        theModel.addAttribute("userProfile", userProfile);
+
+        return "admin/user_profile/add-update-form";
+    }
+
+    @PostMapping("/save")
+    public String saveUser(@ModelAttribute("userProfile") UserProfile userProfile) {
+
+        // save the user
+        userProfileService.create(userProfile);
+
+        // use a redirect to prevent duplicate submissions
+        return "redirect:/admin/user_profile/list";
+    }
+}
diff --git a/src/main/java/learn/thymeleaf/sept/controller/MovieController.java b/src/main/java/learn/thymeleaf/sept/controller/MovieController.java
index 753dcf4..edeaeef 100644
--- a/src/main/java/learn/thymeleaf/sept/controller/MovieController.java
+++ b/src/main/java/learn/thymeleaf/sept/controller/MovieController.java
@@ -1,17 +1,38 @@
 package learn.thymeleaf.sept.controller;
 
+import learn.thymeleaf.sept.entity.Movie;
+import learn.thymeleaf.sept.service.MovieService;
 import org.springframework.stereotype.Controller;
-import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
 
 @Controller
 public class MovieController {
+
+    private final MovieService movieService;
+
+    public MovieController(MovieService movieService) {
+        this.movieService = movieService;
+    }
+
     @RequestMapping("/movie")
-    public String menu(){
+    public String menu(Model model, String keyword){
+        List<Movie> movies = movieService.findAll();
+        if (keyword != null) {
+            Model theModel = model.addAttribute("movies", movieService.findByMovieName(keyword));
+        } else {
+            Model theModel = model.addAttribute("movies", movies);
+        }
         return "movie";
     }
 
     @RequestMapping("/movie/login")
-    public String login(){
+    public String login(Model model){
+        List<Movie> movies = movieService.findAll();
+        Model theModel = model.addAttribute("movies", movies);
         return "movie-log-in";
     }
+
 }
diff --git a/src/main/java/learn/thymeleaf/sept/entity/Movie.java b/src/main/java/learn/thymeleaf/sept/entity/Movie.java
index d17208d..d68e8ad 100755
--- a/src/main/java/learn/thymeleaf/sept/entity/Movie.java
+++ b/src/main/java/learn/thymeleaf/sept/entity/Movie.java
@@ -27,11 +27,16 @@ public class Movie {
     @Column private String language;
     @Column private String rated;
     @Column private String description;
+    @Column(name = "movie_start_time")
+    @Temporal(TemporalType.DATE)
+    @DateTimeFormat(pattern = "yyyy-MM-dd HH:mm")
+    private Date movieStartTime;
+    @Column(name = "movie_available_seat") private int movieAvailableSeat;
 
     //Constructors
     public Movie() { }
 
-    public Movie(String coverPicture, String movieName, String directors, String cast, String category, Date premiere, int duration, String language, String rated, String description) {
+    public Movie(String coverPicture, String movieName, String directors, String cast, String category, Date premiere, int duration, String language, String rated, String description, Date movieStartTime, int movieAvailableSeat) {
         this.coverPicture = coverPicture;
         this.movieName = movieName;
         this.directors = directors;
@@ -42,6 +47,8 @@ public Movie(String coverPicture, String movieName, String directors, String cas
         this.language = language;
         this.rated = rated;
         this.description = description;
+        this.movieStartTime = movieStartTime;
+        this.movieAvailableSeat = movieAvailableSeat;
     }
 
     //Getters
@@ -57,6 +64,10 @@ public Movie(String coverPicture, String movieName, String directors, String cas
     public String getRated() { return rated; }
     public String getDescription() { return description; }
 
+    public Date getMovieStartTime() { return movieStartTime; }
+
+    public int getMovieAvailableSeat() { return movieAvailableSeat; }
+
     //Setters
     public void setId(int id) { this.id = id; }
     public void setCoverPicture(String coverPicture) { this.coverPicture = coverPicture; }
@@ -76,6 +87,10 @@ public void setDescription(String description) {
         this.description = description;
     }
 
+    public void setMovieStartTime(Date movieStartTime) { this.movieStartTime = movieStartTime; }
+
+    public void setMovieAvailableSeat(int movieAvailableSeat) { this.movieAvailableSeat = movieAvailableSeat; }
+
     //toString
     @Override
     public String toString() {
diff --git a/src/main/java/learn/thymeleaf/sept/repositories/MovieRepository.java b/src/main/java/learn/thymeleaf/sept/repositories/MovieRepository.java
index 085fb37..98f61db 100755
--- a/src/main/java/learn/thymeleaf/sept/repositories/MovieRepository.java
+++ b/src/main/java/learn/thymeleaf/sept/repositories/MovieRepository.java
@@ -2,7 +2,14 @@
 
 import org.springframework.data.jpa.repository.JpaRepository;
 import learn.thymeleaf.sept.entity.Movie;
+import org.springframework.data.jpa.repository.Query;
+import org.springframework.data.repository.query.Param;
+import org.springframework.stereotype.Repository;
 
+import java.util.List;
+
+@Repository
 public interface MovieRepository extends JpaRepository<Movie,Integer> {
-    // CRUD Movie DAO, no need more code for CRUD, no implementation class :)
+    @Query(value = "SELECT * FROM movie mv WHERE mv.movie_name LIKE %:keyword%", nativeQuery = true)
+    List<Movie> findByMovieName(@Param("keyword") String keyword);
 }
diff --git a/src/main/java/learn/thymeleaf/sept/repositories/ReservationRepository.java b/src/main/java/learn/thymeleaf/sept/repositories/ReservationRepository.java
index f37a4cf..4f9bb8f 100755
--- a/src/main/java/learn/thymeleaf/sept/repositories/ReservationRepository.java
+++ b/src/main/java/learn/thymeleaf/sept/repositories/ReservationRepository.java
@@ -2,7 +2,14 @@
 
 import org.springframework.data.jpa.repository.JpaRepository;
 import learn.thymeleaf.sept.entity.Reservation;
+import org.springframework.data.jpa.repository.Query;
+import org.springframework.data.repository.query.Param;
+import org.springframework.stereotype.Repository;
 
+import java.util.List;
+
+@Repository
 public interface ReservationRepository extends JpaRepository<Reservation,Integer> {
-    // CRUD Reservation DAO, no need more code for CRUD, no implementation class :)
+    @Query(value = "SELECT * FROM reservation rv WHERE rv.name LIKE %:keyword%", nativeQuery = true)
+    List<Reservation> findByReservationName(@Param("keyword") String keyword);
 }
diff --git a/src/main/java/learn/thymeleaf/sept/repositories/UserProfileRepository.java b/src/main/java/learn/thymeleaf/sept/repositories/UserProfileRepository.java
index 498e947..1f1ae7b 100755
--- a/src/main/java/learn/thymeleaf/sept/repositories/UserProfileRepository.java
+++ b/src/main/java/learn/thymeleaf/sept/repositories/UserProfileRepository.java
@@ -2,7 +2,13 @@
 
 import org.springframework.data.jpa.repository.JpaRepository;
 import learn.thymeleaf.sept.entity.UserProfile;
+import org.springframework.data.jpa.repository.Query;
+import org.springframework.stereotype.Repository;
 
+import java.util.List;
+
+@Repository
 public interface UserProfileRepository extends JpaRepository<UserProfile,Integer> {
-    // CRUD User Profile DAO, no need more code for CRUD, no implementation class :)
+    @Query(value = "SELECT * FROM user_profile up WHERE up.full_name LIKE %:keyword%", nativeQuery = true)
+    List<UserProfile> findByUserProfileName(String keyword);
 }
diff --git a/src/main/java/learn/thymeleaf/sept/repositories/UserRepository.java b/src/main/java/learn/thymeleaf/sept/repositories/UserRepository.java
index 2f68286..74151d2 100755
--- a/src/main/java/learn/thymeleaf/sept/repositories/UserRepository.java
+++ b/src/main/java/learn/thymeleaf/sept/repositories/UserRepository.java
@@ -2,7 +2,13 @@
 
 import org.springframework.data.jpa.repository.JpaRepository;
 import learn.thymeleaf.sept.entity.User;
+import org.springframework.data.jpa.repository.Query;
+import org.springframework.stereotype.Repository;
 
+import java.util.List;
+
+@Repository
 public interface UserRepository extends JpaRepository<User,Integer> {
-    // CRUD User DAO, no need more code for CRUD, no implementation class :)
+    @Query(value = "SELECT * FROM user u WHERE u.user_name LIKE %:keyword%", nativeQuery = true)
+    List<User> findByUserName(String keyword);
 }
diff --git a/src/main/java/learn/thymeleaf/sept/service/MovieService.java b/src/main/java/learn/thymeleaf/sept/service/MovieService.java
new file mode 100644
index 0000000..3a2276e
--- /dev/null
+++ b/src/main/java/learn/thymeleaf/sept/service/MovieService.java
@@ -0,0 +1,58 @@
+package learn.thymeleaf.sept.service;
+
+import learn.thymeleaf.sept.entity.Movie;
+import learn.thymeleaf.sept.repositories.MovieRepository;
+import learn.thymeleaf.sept.serviceInterface.MovieServiceInterface;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import java.util.List;
+import java.util.Optional;
+
+@Service
+public class MovieService implements MovieServiceInterface {
+
+    private final MovieRepository movieRepository;
+
+    @Autowired
+    public MovieService(MovieRepository theMovieRepository) {
+        movieRepository = theMovieRepository;
+    }
+
+    @Override
+    public List<Movie> findAll() {
+        return movieRepository.findAll();
+    }
+
+    @Override
+    public Movie findById(int id) {
+        Optional<Movie> result = movieRepository.findById(id);
+
+        Movie movie = null;
+
+        if (result.isPresent()) {
+            movie = result.get();
+        }
+        else {
+            // we didn't find the employee
+            throw new RuntimeException("Did not find movie id - " + id);
+        }
+
+        return movie;
+    }
+
+    @Override
+    public void create(Movie movie) {
+        movieRepository.save(movie);
+    }
+
+    @Override
+    public void deleteById(int id) {
+        movieRepository.deleteById(id);
+    }
+
+    @Override
+    public List<Movie> findByMovieName(String keyword) {
+        return movieRepository.findByMovieName(keyword);
+    }
+}
diff --git a/src/main/java/learn/thymeleaf/sept/service/ReservationService.java b/src/main/java/learn/thymeleaf/sept/service/ReservationService.java
new file mode 100644
index 0000000..6cf4faf
--- /dev/null
+++ b/src/main/java/learn/thymeleaf/sept/service/ReservationService.java
@@ -0,0 +1,58 @@
+package learn.thymeleaf.sept.service;
+
+import learn.thymeleaf.sept.entity.Reservation;
+import learn.thymeleaf.sept.repositories.ReservationRepository;
+import learn.thymeleaf.sept.serviceInterface.ReservationServiceInterface;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import java.util.List;
+import java.util.Optional;
+
+@Service
+public class ReservationService implements ReservationServiceInterface {
+
+    private final ReservationRepository reservationRepository;
+
+    @Autowired
+    public ReservationService(ReservationRepository theReservationRepository) {
+        reservationRepository = theReservationRepository;
+    }
+
+    @Override
+    public List<Reservation> findAll() {
+        return reservationRepository.findAll();
+    }
+
+    @Override
+    public Reservation findById(int id) {
+        Optional<Reservation> result = reservationRepository.findById(id);
+
+        Reservation reservation = null;
+
+        if (result.isPresent()) {
+            reservation = result.get();
+        }
+        else {
+            // we didn't find the employee
+            throw new RuntimeException("Did not find reservation id - " + id);
+        }
+
+        return reservation;
+    }
+
+    @Override
+    public void create(Reservation reservation) {
+        reservationRepository.save(reservation);
+    }
+
+    @Override
+    public void deleteById(int id) {
+        reservationRepository.deleteById(id);
+    }
+
+    @Override
+    public List<Reservation> findByReservationName(String keyword) {
+        return reservationRepository.findByReservationName(keyword);
+    }
+}
diff --git a/src/main/java/learn/thymeleaf/sept/service/UserProfileService.java b/src/main/java/learn/thymeleaf/sept/service/UserProfileService.java
new file mode 100644
index 0000000..356659d
--- /dev/null
+++ b/src/main/java/learn/thymeleaf/sept/service/UserProfileService.java
@@ -0,0 +1,58 @@
+package learn.thymeleaf.sept.service;
+
+import learn.thymeleaf.sept.entity.UserProfile;
+import learn.thymeleaf.sept.repositories.UserProfileRepository;
+import learn.thymeleaf.sept.serviceInterface.UserProfileServiceInterface;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import java.util.List;
+import java.util.Optional;
+
+@Service
+public class UserProfileService implements UserProfileServiceInterface {
+
+    private final UserProfileRepository userProfileRepository;
+
+    @Autowired
+    public UserProfileService(UserProfileRepository theUserProfileRepository) {
+        userProfileRepository = theUserProfileRepository;
+    }
+
+    @Override
+    public List<UserProfile> findAll() {
+        return userProfileRepository.findAll();
+    }
+
+    @Override
+    public UserProfile findById(int id) {
+        Optional<UserProfile> result = userProfileRepository.findById(id);
+
+        UserProfile userProfile = null;
+
+        if (result.isPresent()) {
+            userProfile = result.get();
+        }
+        else {
+            // we didn't find the employee
+            throw new RuntimeException("Did not find user profile id - " + id);
+        }
+
+        return userProfile;
+    }
+
+    @Override
+    public void create(UserProfile userProfile) {
+        userProfileRepository.save(userProfile);
+    }
+
+    @Override
+    public void deleteById(int id) {
+        userProfileRepository.deleteById(id);
+    }
+
+    @Override
+    public List<UserProfile> findByUserProfileName(String keyword) {
+        return userProfileRepository.findByUserProfileName(keyword);
+    }
+}
\ No newline at end of file
diff --git a/src/main/java/learn/thymeleaf/sept/service/UserService.java b/src/main/java/learn/thymeleaf/sept/service/UserService.java
new file mode 100644
index 0000000..24ff7df
--- /dev/null
+++ b/src/main/java/learn/thymeleaf/sept/service/UserService.java
@@ -0,0 +1,58 @@
+package learn.thymeleaf.sept.service;
+
+import learn.thymeleaf.sept.entity.User;
+import learn.thymeleaf.sept.repositories.UserRepository;
+import learn.thymeleaf.sept.serviceInterface.UserServiceInterface;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import java.util.List;
+import java.util.Optional;
+
+@Service
+public class UserService implements UserServiceInterface {
+
+    private final UserRepository userRepository;
+
+    @Autowired
+    public UserService(UserRepository theUserRepository) {
+       userRepository = theUserRepository;
+    }
+
+    @Override
+    public List<User> findAll() {
+        return userRepository.findAll();
+    }
+
+    @Override
+    public User findById(int id) {
+        Optional<User> result = userRepository.findById(id);
+
+        User user = null;
+
+        if (result.isPresent()) {
+            user = result.get();
+        }
+        else {
+            // we didn't find the employee
+            throw new RuntimeException("Did not find user id - " + id);
+        }
+
+        return user;
+    }
+
+    @Override
+    public void create(User user) {
+        userRepository.save(user);
+    }
+
+    @Override
+    public void deleteById(int id) {
+        userRepository.deleteById(id);
+    }
+
+    @Override
+    public List<User> findByUserName(String keyword) {
+        return userRepository.findByUserName(keyword);
+    }
+}
\ No newline at end of file
diff --git a/src/main/java/learn/thymeleaf/sept/serviceInterface/MovieServiceInterface.java b/src/main/java/learn/thymeleaf/sept/serviceInterface/MovieServiceInterface.java
new file mode 100755
index 0000000..5675d0f
--- /dev/null
+++ b/src/main/java/learn/thymeleaf/sept/serviceInterface/MovieServiceInterface.java
@@ -0,0 +1,14 @@
+package learn.thymeleaf.sept.serviceInterface;
+
+import learn.thymeleaf.sept.entity.Movie;
+import learn.thymeleaf.sept.entity.User;
+
+import java.util.List;
+
+public interface MovieServiceInterface {
+    public List<Movie> findAll();
+    public Movie findById(int id);
+    public void create(Movie movie);
+    public void deleteById(int id);
+    public List<Movie> findByMovieName(String keyword);
+}
diff --git a/src/main/java/learn/thymeleaf/sept/serviceInterface/ReservationServiceInterface.java b/src/main/java/learn/thymeleaf/sept/serviceInterface/ReservationServiceInterface.java
new file mode 100644
index 0000000..db892af
--- /dev/null
+++ b/src/main/java/learn/thymeleaf/sept/serviceInterface/ReservationServiceInterface.java
@@ -0,0 +1,14 @@
+package learn.thymeleaf.sept.serviceInterface;
+
+import learn.thymeleaf.sept.entity.Movie;
+import learn.thymeleaf.sept.entity.Reservation;
+
+import java.util.List;
+
+public interface ReservationServiceInterface {
+    public List<Reservation> findAll();
+    public Reservation findById(int id);
+    public void create(Reservation reservation);
+    public void deleteById(int id);
+    public List<Reservation> findByReservationName(String keyword);
+}
diff --git a/src/main/java/learn/thymeleaf/sept/serviceInterface/UserProfileServiceInterface.java b/src/main/java/learn/thymeleaf/sept/serviceInterface/UserProfileServiceInterface.java
new file mode 100644
index 0000000..119c918
--- /dev/null
+++ b/src/main/java/learn/thymeleaf/sept/serviceInterface/UserProfileServiceInterface.java
@@ -0,0 +1,13 @@
+package learn.thymeleaf.sept.serviceInterface;
+
+import learn.thymeleaf.sept.entity.UserProfile;
+
+import java.util.List;
+
+public interface UserProfileServiceInterface {
+    public List<UserProfile> findAll();
+    public UserProfile findById(int id);
+    public void create(UserProfile userProfile);
+    public void deleteById(int id);
+    public List<UserProfile> findByUserProfileName(String keyword);
+}
diff --git a/src/main/java/learn/thymeleaf/sept/serviceInterface/UserServiceInterface.java b/src/main/java/learn/thymeleaf/sept/serviceInterface/UserServiceInterface.java
index 8c19791..3432096 100755
--- a/src/main/java/learn/thymeleaf/sept/serviceInterface/UserServiceInterface.java
+++ b/src/main/java/learn/thymeleaf/sept/serviceInterface/UserServiceInterface.java
@@ -9,4 +9,5 @@ public interface UserServiceInterface {
     public User findById(int id);
     public void create(User user);
     public void deleteById(int id);
+    public List<User> findByUserName(String keyword);
 }
diff --git a/src/main/resources/application.properties b/src/main/resources/application.properties
index 0306b33..e11616d 100755
--- a/src/main/resources/application.properties
+++ b/src/main/resources/application.properties
@@ -1,15 +1,13 @@
 #
 # JDBC properties
 #
-spring.datasource.url=jdbc:mysql://localhost:3306/HotelManagementSystem
-spring.datasource.username=root
-spring.datasource.password=hacker123
+spring.datasource.url=jdbc:mysql://localhost:3306/movie_booking?serverTimezone=UTC
+spring.datasource.username=s3753624
+spring.datasource.password=Who8among%
 
+spring.flyway.baseline-on-migrate = true
 management.endpoints.web.exposure.include=*
 
 #
 # Spring Data REST Properties
 #
-=======
-
->>>>>>> 4e0ffe9... Milestone 1 release
diff --git a/src/main/resources/db/migration/V1__init.sql b/src/main/resources/db/migration/V1__init.sql
new file mode 100644
index 0000000..04e1dd9
--- /dev/null
+++ b/src/main/resources/db/migration/V1__init.sql
@@ -0,0 +1,50 @@
+create table movie_booking.user
+(
+    id        int auto_increment
+        primary key,
+    user_name varchar(500) null,
+    password  varchar(500) null,
+    role      varchar(500) null
+) engine = innoDB charset = utf8 ;
+
+create table movie_booking.movie
+(
+    id                   int auto_increment
+        primary key,
+    cover_picture        varchar(200)  null,
+    movie_name           varchar(100)  null,
+    directors            varchar(200)  null,
+    cast                 varchar(200)  null,
+    category             varchar(200)  null,
+    premiere             datetime      null,
+    duration             int           null,
+    language             varchar(100)  null,
+    rated                int           null,
+    description          varchar(2500) null,
+    movie_start_time     datetime      null,
+    movie_available_seat int           null
+) engine = innoDB charset = utf8 ;
+
+create table movie_booking.user_profile
+(
+    id        int auto_increment
+        primary key,
+    full_name varchar(300) null,
+    phone     varchar(100) null,
+    email     varchar(100) null,
+    address   varchar(500) null
+) engine = innoDB charset = utf8 ;
+
+create table movie_booking.reservation
+(
+    id           int auto_increment
+        primary key,
+    name         varchar(200) null,
+    date_time    datetime     null,
+    status       varchar(100) null,
+    u_profile_id int          null,
+    constraint reservation_user_profile_id_fk
+        foreign key (u_profile_id) references movie_booking.user_profile (id)
+) engine = innoDB charset = utf8 ;
+
+
diff --git a/src/main/resources/static/style.css b/src/main/resources/static/css/style.css
similarity index 100%
rename from src/main/resources/static/style.css
rename to src/main/resources/static/css/style.css
diff --git a/src/main/resources/templates/about-log-in.html b/src/main/resources/templates/about-log-in.html
index 25fa9f2..c5d9a07 100644
--- a/src/main/resources/templates/about-log-in.html
+++ b/src/main/resources/templates/about-log-in.html
@@ -9,7 +9,7 @@
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
-    <link rel="stylesheet" type="text/css" media="screen" href="../static/style.css">
+    <link rel="stylesheet" type="text/css" media="screen" href="../static/css/style.css">
 </head>
 
 <body>
@@ -17,7 +17,7 @@
         <!-- Navbar and main content -->
         <nav class="navbar navbar-expand-sm justify-content-between" style="background-color: black;">
             <a class="navbar-brand" th:href="@{/home/login}">
-                <img th:src="@{images/logo.jpg}" alt="logo"
+                <img src="https://image.freepik.com/free-vector/cinema-design-background-yellow_44392-19.jpg" alt="logo"
                      style="width:60px;">
             </a>
             <!-- Movies Link -->
diff --git a/src/main/resources/templates/about.html b/src/main/resources/templates/about.html
index 7123467..f5a5009 100644
--- a/src/main/resources/templates/about.html
+++ b/src/main/resources/templates/about.html
@@ -8,7 +8,7 @@
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
-    <link rel="stylesheet" type="text/css" media="screen" href="../static/style.css">
+    <link rel="stylesheet" type="text/css" media="screen" href="../static/css/style.css">
     <title>About us</title>
 </head>
 
@@ -18,7 +18,7 @@
         <!-- Navbar and main content -->
         <nav class="navbar navbar-expand-sm justify-content-between" style="background-color: black;">
             <a class="navbar-brand" th:href="@{/home}">
-                <img th:src="@{images/logo.jpg}" alt="logo"
+                <img src="https://image.freepik.com/free-vector/cinema-design-background-yellow_44392-19.jpg" alt="logo"
                     style="width:60px;">
             </a>
             <!-- Movie -->
diff --git a/src/main/resources/templates/admin/movie/add-update-form.html b/src/main/resources/templates/admin/movie/add-update-form.html
new file mode 100644
index 0000000..8d5277a
--- /dev/null
+++ b/src/main/resources/templates/admin/movie/add-update-form.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://thymeleaf.org">
+
+<head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
+
+    <title>Movie List</title>
+</head>
+<body>
+
+<div class="container">
+
+    <h3>Movie List</h3>
+    <hr>
+
+    <p class="h4 mb-4">Save Movie</p>
+
+    <form action="#" th:action="@{/admin/movie/save}"
+          th:object="${movie}" method="POST">
+
+        <!-- Add hidden form field to handle update -->
+        <input type="hidden" th:field="*{id}"/>
+
+        <input type="text" th:field="*{coverPicture}"
+               class="form-control mbz-4 col-4" placeholder="Cover picture link">
+
+        <input type="text" th:field="*{movieName}"
+               class="form-control mb-4 col-4" placeholder="Movie name">
+
+        <input type="text" th:field="*{directors}"
+               class="form-control mb-4 col-4" placeholder="Directors">
+
+        <input type="text" th:field="*{cast}"
+               class="form-control mb-4 col-4" placeholder="Cast">
+
+        <input type="text" th:field="*{category}"
+               class="form-control mb-4 col-4" placeholder="Category">
+
+        <input type="text" th:field="*{premiere}"
+               class="form-control mb-4 col-4" placeholder="yyyy-MM-dd HH:mm">
+
+        <input type="number" th:field="*{duration}"
+               class="form-control mb-4 col-4" placeholder="Duration">
+
+        <input type="text" th:field="*{language}"
+               class="form-control mb-4 col-4" placeholder="Language">
+
+        <input type="number" th:field="*{rated}"
+               class="form-control mb-4 col-4" placeholder="Rated">
+
+        <input type="text" th:field="*{description}"
+               class="form-control mb-4 col-4" placeholder="Description">
+
+        <input type="text" th:field="*{movieStartTime}"
+               class="form-control mb-4 col-4" placeholder="yyyy-MM-dd HH:mm">
+
+        <input type="number" th:field="*{movieAvailableSeat}"
+               class="form-control mb-4 col-4" placeholder="Movie available seat">
+
+        <button type="submit" class="btn btn-info col-2">Save</button>
+
+    </form>
+
+    <hr>
+    <a th:href="@{/admin/movie/list}">Back to Movie List</a>
+
+</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/admin/movie/list.html b/src/main/resources/templates/admin/movie/list.html
new file mode 100644
index 0000000..c0f0162
--- /dev/null
+++ b/src/main/resources/templates/admin/movie/list.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://thymeleaf.org">
+
+<head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
+
+    <title>Movie List</title>
+</head>
+
+<body>
+
+<div class="container">
+
+    <nav class="navbar navbar-expand-sm bg-light bg-dark navbar-dark justify-content-center">
+        <ul class="navbar-nav">
+            <li class="nav-item">
+                <a class="nav-link" th:href="@{/admin/movie/list}">Movie</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" th:href="@{/admin/reservation/list}">Reservation</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" th:href="@{/admin/user/list}">User</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" th:href="@{/admin/user_profile/list}">User Profile</a>
+            </li>
+        </ul>
+    </nav>
+
+    <h3>Movie List</h3>
+    <hr>
+    <br>
+
+    <!-- Search form -->
+    <form th:action="@{/admin/movie/list}" method = "get">
+        <label for="txtSearch">
+            <input id="txtSearch" type="text" name="keyword">
+        </label>
+        <button type="submit">Find movie</button>
+    </form>
+
+    <table class="table table-bordered table-striped">
+        <thead class="thead-dark">
+            <tr>
+                <th>Movie Name</th>
+                <th>Start Time</th>
+                <th>Available Seats</th>
+                <th>Action</th>
+            </tr>
+        </thead>
+
+        <tbody>
+
+            <tr th:each="tempMovie : ${movies}">
+                <td th:text="${tempMovie.movieName}"></td>
+                <td th:text="${tempMovie.movieStartTime}"></td>
+                <td th:text="${tempMovie.movieAvailableSeat}"></td>
+
+            <!-- update functions -->
+                <td>
+                    <a th:href = "@{/admin/movie/showFormForUpdate(movieId = ${tempMovie.id})}"
+                       class = "btn btn-warning">
+                        Update
+                    </a>
+                    <a class="btn btn-danger"
+                       onclick="if (!(confirm('Are you sure want to delete this movie ???'))) return false"
+                       th:href="@{/admin/movie/delete(movieId = ${tempMovie.id})}">
+                        Delete
+                    </a>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+    <!-- Add a button -->
+    <a th:href="@{/admin/movie/showFormForAdd}"
+       class="btn btn-primary btn-sm mb-3">
+        Add Movie
+    </a>
+</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/admin/reservation/add-update-form.html b/src/main/resources/templates/admin/reservation/add-update-form.html
new file mode 100644
index 0000000..35cd8ed
--- /dev/null
+++ b/src/main/resources/templates/admin/reservation/add-update-form.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://thymeleaf.org">
+
+<head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
+
+    <title>Reservation List</title>
+</head>
+<body>
+
+<div class="container">
+
+    <h3>Reservation List</h3>
+    <hr>
+
+    <p class="h4 mb-4">Save Reservation</p>
+
+    <form action="#" th:action="@{/admin/reservation/save}"
+          th:object="${reservation}" method="POST">
+
+        <!-- Add hidden form field to handle update -->
+        <input type="hidden" th:field="*{id}"/>
+
+        <input type="text" th:field="*{name}"
+               class="form-control mbz-4 col-4" placeholder="Name">
+
+        <input type="text" th:field="*{dateTime}"
+               class="form-control mb-4 col-4" placeholder="yyyy-MM-dd HH:mm">
+
+        <input type="text" th:field="*{status}"
+               class="form-control mb-4 col-4" placeholder="Status">
+
+        <button type="submit" class="btn btn-info col-2">Save</button>
+
+    </form>
+
+    <hr>
+    <a th:href="@{/admin/reservation/list}">Back to Reservation List</a>
+
+</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/admin/reservation/list.html b/src/main/resources/templates/admin/reservation/list.html
new file mode 100644
index 0000000..8925cdb
--- /dev/null
+++ b/src/main/resources/templates/admin/reservation/list.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://thymeleaf.org">
+
+<head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
+
+    <title>Reservation List</title>
+</head>
+
+<body>
+
+<div class="container">
+
+    <nav class="navbar navbar-expand-sm bg-light bg-dark navbar-dark justify-content-center">
+        <ul class="navbar-nav">
+            <li class="nav-item">
+                <a class="nav-link" th:href="@{/admin/movie/list}">Movie</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" th:href="@{/admin/reservation/list}">Reservation</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" th:href="@{/admin/user/list}">User</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" th:href="@{/admin/user_profile/list}">User Profile</a>
+            </li>
+        </ul>
+    </nav>
+
+    <h3>Reservation List</h3>
+    <hr>
+    <br>
+
+    <!-- Search form -->
+    <form th:action="@{/admin/reservation/list}" method = "get">
+        <label for="txtSearch">
+            <input id="txtSearch" type="text" name="keyword">
+        </label>
+        <button type="submit">Find reservation</button>
+    </form>
+
+    <table class="table table-bordered table-striped">
+        <thead class="thead-dark">
+        <tr>
+            <th>Reservation</th>
+            <th>Time</th>
+            <th>Status</th>
+            <th>Action</th>
+        </tr>
+        </thead>
+
+        <tbody>
+
+        <tr th:each="tempReservation : ${reservations}">
+            <td th:text="${tempReservation.name}"></td>
+            <td th:text="${tempReservation.dateTime}"></td>
+            <td th:text="${tempReservation.status}"></td>
+
+            <!-- update functions -->
+            <td>
+                <a th:href = "@{/admin/reservation/showFormForUpdate(reservationId = ${tempReservation.id})}"
+                   class = "btn btn-warning">
+                    Update
+                </a>
+                <a class="btn btn-danger"
+                   onclick="if (!(confirm('Are you sure want to delete this reservation ???'))) return false"
+                   th:href="@{/admin/reservation/delete(reservationId = ${tempReservation.id})}">
+                    Delete
+                </a>
+            </td>
+        </tr>
+        </tbody>
+    </table>
+    <!-- Add a button -->
+    <a th:href="@{/admin/reservation/showFormForAdd}"
+       class="btn btn-primary btn-sm mb-3">
+        Add Reservation
+    </a>
+</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/admin/user/add-update-form.html b/src/main/resources/templates/admin/user/add-update-form.html
new file mode 100644
index 0000000..4990d8e
--- /dev/null
+++ b/src/main/resources/templates/admin/user/add-update-form.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://thymeleaf.org">
+
+<head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
+
+    <title>User List</title>
+</head>
+<body>
+
+<div class="container">
+
+    <h3>User List</h3>
+    <hr>
+
+    <p class="h4 mb-4">Save User</p>
+
+    <form action="#" th:action="@{/admin/user/save}"
+          th:object="${user}" method="POST">
+
+        <!-- Add hidden form field to handle update -->
+        <input type="hidden" th:field="*{id}"/>
+
+        <input type="text" th:field="*{userName}"
+               class="form-control mbz-4 col-4" placeholder="Full Name">
+
+        <input type="text" th:field="*{password}"
+               class="form-control mb-4 col-4" placeholder="Password">
+
+        <input type="text" th:field="*{role}"
+               class="form-control mb-4 col-4" placeholder="Role">
+
+        <button type="submit" class="btn btn-info col-2">Save</button>
+
+    </form>
+
+    <hr>
+    <a th:href="@{/admin/user/list}">Back to User List</a>
+
+</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/admin/user/list.html b/src/main/resources/templates/admin/user/list.html
new file mode 100644
index 0000000..bb0d6e5
--- /dev/null
+++ b/src/main/resources/templates/admin/user/list.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://thymeleaf.org">
+
+<head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
+
+    <title>User List</title>
+</head>
+
+<body>
+
+<div class="container">
+
+    <nav class="navbar navbar-expand-sm bg-light bg-dark navbar-dark justify-content-center">
+        <ul class="navbar-nav">
+            <li class="nav-item">
+                <a class="nav-link" th:href="@{/admin/movie/list}">Movie</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" th:href="@{/admin/reservation/list}">Reservation</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" th:href="@{/admin/user/list}">User</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" th:href="@{/admin/user_profile/list}">User Profile</a>
+            </li>
+        </ul>
+    </nav>
+
+    <h3>User List</h3>
+    <hr>
+    <br>
+
+    <!-- Search form -->
+    <form th:action="@{/admin/user/list}" method = "get">
+        <label for="txtSearch">
+            <input id="txtSearch" type="text" name="keyword">
+        </label>
+        <button type="submit">Find user</button>
+    </form>
+
+    <table class="table table-bordered table-striped">
+        <thead class="thead-dark">
+        <tr>
+            <th>Name</th>
+            <th>Password</th>
+            <th>Role</th>
+            <th>Action</th>
+        </tr>
+        </thead>
+
+        <tbody>
+
+        <tr th:each="tempUser : ${users}">
+            <td th:text="${tempUser.userName}"></td>
+            <td th:text="${tempUser.password}"></td>
+            <td th:text="${tempUser.role}"></td>
+
+            <!-- update functions -->
+            <td>
+                <a th:href = "@{/admin/user/showFormForUpdate(userId = ${tempUser.id})}"
+                   class = "btn btn-warning">
+                    Update
+                </a>
+                <a class="btn btn-danger"
+                   onclick="if (!(confirm('Are you sure want to delete this user ???'))) return false"
+                   th:href="@{/admin/user/delete(userId = ${tempUser.id})}">
+                    Delete
+                </a>
+            </td>
+        </tr>
+        </tbody>
+    </table>
+    <!-- Add a button -->
+    <a th:href="@{/admin/user/showFormForAdd}"
+       class="btn btn-primary btn-sm mb-3">
+        Add User
+    </a>
+</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/admin/user_profile/add-update-form.html b/src/main/resources/templates/admin/user_profile/add-update-form.html
new file mode 100644
index 0000000..ae6b94b
--- /dev/null
+++ b/src/main/resources/templates/admin/user_profile/add-update-form.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://thymeleaf.org">
+
+<head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
+
+    <title>User List</title>
+</head>
+<body>
+
+<div class="container">
+
+    <h3>User List</h3>
+    <hr>
+
+    <p class="h4 mb-4">Save User Profile</p>
+
+    <form action="#" th:action="@{/admin/user_profile/save}"
+          th:object="${userProfile}" method="POST">
+
+        <!-- Add hidden form field to handle update -->
+        <input type="hidden" th:field="*{id}"/>
+
+        <input type="text" th:field="*{fullName}"
+               class="form-control mbz-4 col-4" placeholder="Full Name">
+
+        <input type="text" th:field="*{phone}"
+               class="form-control mb-4 col-4" placeholder="Phone Number">
+
+        <input type="text" th:field="*{email}"
+               class="form-control mb-4 col-4" placeholder="Email">
+
+        <input type="text" th:field="*{address}"
+               class="form-control mb-4 col-4" placeholder="Address">
+
+        <button type="submit" class="btn btn-info col-2">Save</button>
+
+    </form>
+
+    <hr>
+    <a th:href="@{/admin/user_profile/list}">Back to User Profile List</a>
+
+</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/admin/user_profile/list.html b/src/main/resources/templates/admin/user_profile/list.html
new file mode 100644
index 0000000..09606aa
--- /dev/null
+++ b/src/main/resources/templates/admin/user_profile/list.html
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://thymeleaf.org">
+
+<head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
+
+    <title>User Profile List</title>
+</head>
+
+<body>
+
+<div class="container">
+
+    <nav class="navbar navbar-expand-sm bg-light bg-dark navbar-dark justify-content-center">
+        <ul class="navbar-nav">
+            <li class="nav-item">
+                <a class="nav-link" th:href="@{/admin/movie/list}">Movie</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" th:href="@{/admin/reservation/list}">Reservation</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" th:href="@{/admin/user/list}">User</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" th:href="@{/admin/user_profile/list}">User Profile</a>
+            </li>
+        </ul>
+    </nav>
+
+    <h3>User Profile List</h3>
+    <hr>
+    <br>
+
+    <!-- Search form -->
+    <form th:action="@{/admin/user_profile/list}" method = "get">
+        <label for="txtSearch">
+            <input id="txtSearch" type="text" name="keyword">
+        </label>
+        <button type="submit">Find user Profile</button>
+    </form>
+
+    <table class="table table-bordered table-striped">
+        <thead class="thead-dark">
+        <tr>
+            <th>Name</th>
+            <th>Phone number</th>
+            <th>Email</th>
+            <th>Address</th>
+            <th>Action</th>
+        </tr>
+        </thead>
+
+        <tbody>
+
+        <tr th:each="tempUserProfile : ${userProfiles}">
+            <td th:text="${tempUserProfile.fullName}"></td>
+            <td th:text="${tempUserProfile.phone}"></td>
+            <td th:text="${tempUserProfile.email}"></td>
+            <td th:text="${tempUserProfile.address}"></td>
+
+            <!-- update functions -->
+            <td>
+                <a th:href = "@{/admin/user_profile/showFormForUpdate(userProfileId = ${tempUserProfile.id})}"
+                   class = "btn btn-warning">
+                    Update
+                </a>
+                <a class="btn btn-danger"
+                   onclick="if (!(confirm('Are you sure want to delete this user ???'))) return false"
+                   th:href="@{/admin/user_profile/delete(userProfileId = ${tempUserProfile.id})}">
+                    Delete
+                </a>
+            </td>
+        </tr>
+        </tbody>
+    </table>
+    <!-- Add a button -->
+    <a th:href="@{/admin/user_profile/showFormForAdd}"
+       class="btn btn-primary btn-sm mb-3">
+        Add User Profile
+    </a>
+</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/homepage-log-in.html b/src/main/resources/templates/homepage-log-in.html
index 080d517..5580ba0 100644
--- a/src/main/resources/templates/homepage-log-in.html
+++ b/src/main/resources/templates/homepage-log-in.html
@@ -9,7 +9,7 @@
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
-    <link rel="stylesheet" type="text/css" media="screen" href="../static/style.css">
+    <link rel="stylesheet" type="text/css" media="screen" href="../static/css/style.css">
 </head>
 
 <body>
@@ -17,7 +17,7 @@
         <!-- Navbar and main content -->
         <nav class="navbar navbar-expand-sm justify-content-between" style="background-color: black;">
             <a class="navbar-brand" th:href="@{/home/login}">
-                <img th:src="@{images/logo.jpg}" alt="logo"
+                <img src="https://image.freepik.com/free-vector/cinema-design-background-yellow_44392-19.jpg"alt="logo"
                      style="width:60px;">
             </a>
             <!-- Movies Link -->
diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
index b6e31ce..146043c 100644
--- a/src/main/resources/templates/index.html
+++ b/src/main/resources/templates/index.html
@@ -9,7 +9,7 @@
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
-    <link rel="stylesheet" type="text/css" media="screen" href="../static/style.css">
+    <link rel="stylesheet" type="text/css" media="screen" href="../static/css/style.css">
 </head>
 
 <body>
@@ -17,7 +17,7 @@
     <!-- Navbar and main content -->
     <nav class="navbar navbar-expand-sm justify-content-between" style="background-color: black;">
         <a class="navbar-brand" th:href="@{/home}">
-            <img th:src="@{images/logo.jpg}" alt="logo"
+            <img src="https://image.freepik.com/free-vector/cinema-design-background-yellow_44392-19.jpg" alt="logo"
                  style="width:60px;">
         </a>
         <!-- Movie -->
diff --git a/src/main/resources/templates/movie-log-in.html b/src/main/resources/templates/movie-log-in.html
index f585bfc..2977b10 100644
--- a/src/main/resources/templates/movie-log-in.html
+++ b/src/main/resources/templates/movie-log-in.html
@@ -8,7 +8,7 @@
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
-    <link rel="stylesheet" type="text/css" media="screen" href="../static/style.css">
+    <link rel="stylesheet" type="text/css" media="screen" href="../static/css/style.css">
     <title>Movie</title>
 </head>
 
@@ -17,7 +17,7 @@
     <div class="container" style="margin-top:30px">
         <!-- Navbar and main content -->
         <nav class="navbar navbar-expand-sm justify-content-between" style="background-color: black;">
-            <a class="navbar-brand" href="homepage-log-in.html">
+            <a class="navbar-brand" th:href="@{/home/login}">
                 <img src="https://image.freepik.com/free-vector/cinema-design-background-yellow_44392-19.jpg" alt="logo"
                      style="width:60px;">
             </a>
@@ -55,9 +55,12 @@
                 </li>
             </ul>
 
+            <!-- Search bar -->
             <div class="md-form form-sm my-0">
-                <form class="form-inline my-1">
-                    <input class="form-control form-control-sm mr-sm-2 mb-0" type="text" placeholder="Search">
+                <form class="form-inline my-1" th:action="@{/movie}">
+                    <label for="txtSearch">
+                        <input class="form-control form-control-sm mr-sm-2 mb-0" id="txtSearch" type="text" name="keyword" placeholder="Search by movie name">
+                    </label>
                     <button class="btn btn-success btn-sm my-0" type="submit">Search</button>
                 </form>
             </div>
@@ -95,345 +98,79 @@ <h4 class="modal-title">Membership Require</h4>
 
         <!-- Table container -->
         <div class="container">
-
-            <!-- Dates -->
-            <table class="table">
+            <!-- List of Movie -->
+            <table class="table" th:each="tempMovie : ${movies}">
                 <tr>
-                    <td> <a href="#" class="btn"> 9 </a> </td>
-                    <td> <a href="#" class="btn"> 10 </a> </td>
-                    <td> <a href="#" class="btn"> 11 </a> </td>
-                    <td> <a href="#" class="btn"> 12 </a> </td>
-                    <td> <a href="#" class="btn"> 13 </a> </td>
-                    <td> <a href="#" class="btn"> 14 </a> </td>
-                    <td> <a href="#" class="btn"> 15 </a> </td>
-                </tr>
-            </table>
-
-            <!-- Movie time -->
-            <table class="table">
-
-                <!-- Movie 1 -->
-                <tr>
-                    <td>
-                        <button type="button" data-toggle="modal" data-target="#movie1">
-                            <div class="card" style="width:200px">
-                                <img class="card-img-top"
-                                    src="https://www.cgv.vn/media/catalog/product/cache/3/image/c5f0a1eff4c394a251036189ccddaacd/z/_/z_main-poster_bcvh.jpg"
-                                    alt="Card image">
-                            </div>
-                        </button>
+                    <td style="width:600px">
+                        <img class="card-img-top" th:src="${tempMovie.coverPicture}" alt="Card image" style="width:300px" />
+                        <br>
+                        <b>Description</b>
+                        <div th:text="${tempMovie.description}"/>
                     </td>
                     <td>
                         <table class="table">
-                            <tr>
-                                <h4>INVISIBILITY EVIDENCE</h4>
+                            <tr >
+                                <h4 th:text="${tempMovie.movieName}"></h4>
                             </tr>
                             <tr>
-                                <div class="card-body">
-                                    <button type="button" class="btn btn-outline-primary" data-toggle="modal" data-target="#movie11320">13:20PM<br>84/100</button>
-                                    <button type="button" class="btn btn-outline-primary" disabled>15:25PM<br>0/100</button>
-                                    <button type="button" class="btn btn-outline-primary" disabled>17:30PM<br>0/100</button>
+                                <div th:switch="${tempMovie.movieAvailableSeat}">
+                                    <div th:case="0">
+                                        <button type="button" class="btn btn-outline-primary" data-toggle="modal" data-target="#modalConfirmation" disabled>
+                                            Movie Start Time:<p th:text="${tempMovie.movieStartTime}"></p><br>
+                                            Available seat:<p th:text="${tempMovie.movieAvailableSeat}"></p>
+                                        </button>
+                                    </div>
+                                    <div th:case="*">
+                                        <button type="button" class="btn btn-outline-primary" data-toggle="modal" data-target="#modalConfirmation">
+                                            Movie Start Time:<p th:text="${tempMovie.movieStartTime}"></p><br>
+                                            Available seat:<p th:text="${tempMovie.movieAvailableSeat}"></p>
+                                        </button>
+                                    </div>
                                 </div>
                             </tr>
-                        </table>
-                    </td>
-                </tr>
-
-                <!-- Movie 2 -->
-                <tr>
-                    <td>
-                        <button type="button" data-toggle="modal" data-target="#movie2">
-                            <div class="card" style="width:200px">
-                                <img class="card-img-top"
-                                    src="https://www.cgv.vn/media/catalog/product/cache/3/image/c5f0a1eff4c394a251036189ccddaacd/r/s/rsz_phim-scoob-2020_2.jpg"
-                                    alt="Card image">
-                            </div>
-                        </button>
-                    </td>
-                    <td>
-                        <table class="table">
-                            <tr>
-                                <h4>SCOOBY-DOO'S ADVENTURE</h4>
-                            </tr>
                             <tr>
-                                <div class="card-body">
-                                    <button type="button" class="btn btn-outline-primary" data-toggle="modal" data-target="#movie21300">13:00PM<br>30/100</button>
-                                    <button type="button" class="btn btn-outline-primary" data-toggle="modal" data-target="#movie21410">14:10PM<br>10/100</button>
-                                    <button type="button" class="btn btn-outline-primary" disabled>19:10PM<br>0/100</button>
-                                </div>
+                                <table class="table">
+                                    <tr>
+                                        <td><b>Directors</b></td>
+                                        <td th:text="${tempMovie.directors}"/>
+                                    </tr>
+                                    <tr>
+                                        <td><b>Cast</b></td>
+                                        <td th:text="${tempMovie.cast}"/>
+                                    </tr>
+                                    <tr>
+                                        <td><b>Category</b></td>
+                                        <td th:text="${tempMovie.category}"/>
+                                    </tr>
+                                    <tr>
+                                        <td><b>Premiere</b></td>
+                                        <td th:text="${tempMovie.premiere}"/>
+                                    </tr>
+                                    <tr>
+                                        <td><b>Time</b></td>
+                                        <td th:text="${tempMovie.duration}"/>
+                                    </tr>
+                                    <tr>
+                                        <td><b>Language</b></td>
+                                        <td th:text="${tempMovie.language}"/>
+                                    </tr>
+                                    <tr>
+                                        <td><b>Rated</b></td>
+                                        <td th:text="${tempMovie.rated}"/>
+                                    </tr>
+                                </table>
                             </tr>
                         </table>
                     </td>
                 </tr>
-
-                <!-- Movie 3 -->
-                <tr>
-                    <td>
-                        <button type="button" data-toggle="modal" data-target="#movie3">
-                            <div class="card" style="width:200px">
-                                <img class="card-img-top"
-                                    src="https://www.cgv.vn/media/catalog/product/cache/3/image/c5f0a1eff4c394a251036189ccddaacd/r/s/rsz_pee_nak2_main_poster_2.jpg"
-                                    alt="Card image">
-                            </div>
-                        </button>
-                    </td>
-                    <td>
-                        <table class="table">
-                            <tr>
-                                <h4>THE FROZEN FAMILY 2</h4>
-                            </tr>
-                            <tr>
-                                <div class="card-body">
-                                    <button type="button" class="btn btn-outline-primary" disabled>13:10PM<br>0/100</button>
-                                    <button type="button" class="btn btn-outline-primary" data-toggle="modal" data-target="#movie31530">15:30PM<br>84/100</button>
-                                    <button type="button" class="btn btn-outline-primary" data-toggle="modal" data-target="#movie31700">17:00PM<br>18/100</button>
-                                </div>
-                            </tr>
-                        </table>
-                    </td>
-                </tr>
-
             </table>
-            <!-- Movie time ends -->
-        </div>
-        <!-- Table container ends -->
-
-        <!-- Table Modals for movie 1 -->
-        <div class="modal fade" id="movie1">
-            <div class="modal-dialog modal-lg">
-                <div class="modal-content">
-
-                    <!-- Modal Header -->
-                    <div class="modal-header">
-                        <h3 class="modal-title">Movie Details</h3>
-                        <button type="button" class="close" data-dismiss="modal">&times;</button>
-                    </div>
-
-                    <!-- Modal body -->
-                    <div class="modal-body">
-                        <table class="table">
-                            <tr>
-                                <td>
-                                    <div class="card" style="width:300px;">
-                                        <img class="card-img-top"
-                                            src="https://www.cgv.vn/media/catalog/product/cache/3/image/c5f0a1eff4c394a251036189ccddaacd/z/_/z_main-poster_bcvh.jpg"
-                                            alt="Card image">
-                                    </div>
-                                </td>
-                                <td>
-                                    <table class="table">
-                                        <tr>
-                                            <h4>INVISIBILITY EVIDENCE</h4>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Directors</b></td>
-                                            <td>Trinh Dinh Le Minh</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Cast</b></td>
-                                            <td>Phuong Anh Dao, Quang Tuan, Ai Phuong, Otis, Anh Tu ...</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Category</b></td>
-                                            <td>Suspense, Psychology</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Premiere</b></td>
-                                            <td>07/10/2020</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Time</b></td>
-                                            <td>100 minutes</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Language</b></td>
-                                            <td>Vietnamese - English subtitles</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Rated</b></td>
-                                            <td>C18 - THE FILM PROHIBITS VIEWERS UNDER THE AGE OF 18</td>
-                                        </tr>
-                                    </table>
-                                </td>
-                            </tr>
-                        </table>
-                        <p>After being injured in a car accident, Thu - a blind girl came to the police to report the
-                            incident that she believed had become a murder. However, she encountered many difficulties
-                            to convince the police to believe that she was blind. At the same time, Hai - another
-                            witness suddenly appeared with testimony contradicting Thu on the scene of the case. While
-                            the police were having a headache verifying whose information was true, the murderer
-                            silently monitored both Thu and Hai to try and kill the witness.</p>
-                    </div>
-
-                    <!-- Modal footer -->
-                    <div class="modal-footer">
-                        <button type="button" class="btn btn-danger" data-dismiss="modal"><b>Close</b></button>
-                    </div>
-
-                </div>
-            </div>
-        </div>
-        <!-- Table Modals for movie 1 end -->
-
-        <!-- Table Modals for movie 2 -->
-        <div class="modal fade" id="movie2">
-            <div class="modal-dialog modal-lg">
-                <div class="modal-content">
-
-                    <!-- Modal Header -->
-                    <div class="modal-header">
-                        <h3 class="modal-title">Movie Details</h3>
-                        <button type="button" class="close" data-dismiss="modal">&times;</button>
-                    </div>
-
-                    <!-- Modal body -->
-                    <div class="modal-body">
-                        <table class="table">
-                            <tr>
-                                <td>
-                                    <div class="card" style="width:300px">
-                                        <img class="card-img-top"
-                                            src="https://www.cgv.vn/media/catalog/product/cache/3/image/c5f0a1eff4c394a251036189ccddaacd/r/s/rsz_phim-scoob-2020_2.jpg"
-                                            alt="Card image">
-                                    </div>
-                                </td>
-                                <td>
-                                    <table class="table">
-                                        <tr>
-                                            <h4>SCOOBY-DOO'S ADVENTURE</h4>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Directors</b></td>
-                                            <td>Tony Cervone</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Cast</b></td>
-                                            <td>Will Forte, Frank Welker, Amanda Seyfried, Mark Wahlberg, Jason Isaacs
-                                            </td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Category</b></td>
-                                            <td>Comedy, Animation, Adventure</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Premiere</b></td>
-                                            <td>07/10/2020</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Time</b></td>
-                                            <td>93 minutes</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Language</b></td>
-                                            <td>English - Vietnamese subtitles; Voiceover</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Rated</b></td>
-                                            <td>P - MOVIES FOR ALL AUDIENCES</td>
-                                        </tr>
-                                    </table>
-                                </td>
-                            </tr>
-                        </table>
-                        <p>The first big-screen animated film about the cult Scooby-Doo will reveal the birth of the
-                            famous detective team of 5 members including Scooby, Shaggy, Fred, Daphne and Velma; At the
-                            same time, follow the greatest adventure and challenge ever faced by the whole team - racing
-                            against time, preventing the conspiracy to free the ghost dog Cerberus to rule the world.
-                        </p>
-                    </div>
-
-                    <!-- Modal footer -->
-                    <div class="modal-footer">
-                        <button type="button" class="btn btn-danger" data-dismiss="modal"><b>Close</b></button>
-                    </div>
-
-                </div>
-            </div>
-        </div>
-        <!-- Table Modals for movie 2 end -->
-
-        <!-- Table Modals for movie 3 -->
-        <div class="modal fade" id="movie3">
-            <div class="modal-dialog modal-lg">
-                <div class="modal-content">
-
-                    <!-- Modal Header -->
-                    <div class="modal-header">
-                        <h3 class="modal-title">Movie Details</h3>
-                        <button type="button" class="close" data-dismiss="modal">&times;</button>
-                    </div>
-
-                    <!-- Modal body -->
-                    <div class="modal-body">
-                        <table class="table">
-                            <tr>
-                                <td>
-                                    <div class="card" style="width:300px ">
-                                        <img class="card-img-top"
-                                            src="https://www.cgv.vn/media/catalog/product/cache/3/image/c5f0a1eff4c394a251036189ccddaacd/r/s/rsz_pee_nak2_main_poster_2.jpg"
-                                            alt="Card image">
-                                    </div>
-                                </td>
-                                <td>
-                                    <table class="table">
-                                        <tr>
-                                            <h4>THE FROZEN FAMILY 2</h4>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Directors</b></td>
-                                            <td>Phontharis Chotkijsadarsopon</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Cast</b></td>
-                                            <td>Phiravich Attachitsataporn, Timethai Plangsilp, Paisarnkulwong
-                                                Vachiravit</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Category</b></td>
-                                            <td>Comedy, Horror</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Premiere</b></td>
-                                            <td>07/03/2020</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Time</b></td>
-                                            <td>115 minutes</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Language</b></td>
-                                            <td>Vietnamese subtitles</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Rated</b></td>
-                                            <td>C16 - THE FILM PROHIBITS AUDIENCES UNDER 16</td>
-                                        </tr>
-                                    </table>
-                                </td>
-                            </tr>
-                        </table>
-                        <p>The duo of karma have returned to the path of creating a career but unfortunately the
-                            retribution comes early, the couple almost dies because of a mysterious curse. They had to
-                            return to the temple to find Nhong to help solve the curse. Whether they will find a way to
-                            break the curse or make things worse.
-                        </p>
-                    </div>
-
-                    <!-- Modal footer -->
-                    <div class="modal-footer">
-                        <button type="button" class="btn btn-danger" data-dismiss="modal"><b>Close</b></button>
-                    </div>
-
-                </div>
-            </div>
         </div>
     </div>
-    <!-- Table Modals for movie 3 end -->
+
     </div>
 
     <!-- Number of customers confrimation modals start-->
-    <!-- Movie 1 at 13:20PM -->
-    <div class="modal fade" id="movie11320">
+    <div class="modal fade" id="modalConfirmation">
         <div class="modal-dialog modal-lg">
             <div class="modal-content">
 
@@ -446,14 +183,6 @@ <h3 class="modal-title">Movie Confirmation</h3>
                     <!-- Modal body -->
                     <div class="modal-body">
                         <table class="table">
-                            <tr>
-                                <td><b>Movie Name</b></td>
-                                <td>INVISIBILITY EVIDENCE</td>
-                            </tr>
-                            <tr>
-                                <td><b>Selected Time</b></td>
-                                <td>August 9th 13:20PM</td>
-                            </tr>
                             <tr>
                                 <td><b>Nubmer of Customer</b></td>
                                 <td>
@@ -473,179 +202,6 @@ <h3 class="modal-title">Movie Confirmation</h3>
                 </div>
             </div>
         </div>
-         <!-- Movie 1 at 13:20PM ends -->
-
-         <!-- Movie 2 at 13:00PM -->
-    <div class="modal fade" id="movie21300">
-        <div class="modal-dialog modal-lg">
-            <div class="modal-content">
-
-                    <!-- Modal Header -->
-                    <div class="modal-header">
-                        <h3 class="modal-title">Movie Confirmation</h3>
-                        <button type="button" class="close" data-dismiss="modal">&times;</button>
-                    </div>
-
-                    <!-- Modal body -->
-                    <div class="modal-body">
-                        <table class="table">
-                            <tr>
-                                <td><b>Movie Name</b></td>
-                                <td>SCOOBY-DOO'S ADVENTURE</td>
-                            </tr>
-                            <tr>
-                                <td><b>Selected Time</b></td>
-                                <td>August 9th 13:00PM</td>
-                            </tr>
-                            <tr>
-                                <td><b>Nubmer of Customer</b></td>
-                                <td>
-                                    <form class="form-inline">
-                                        <input class="form-control" type="number" min="1" max="10" value="1">
-                                    </form>
-                                </td>
-                            </tr>
-                        </table>
-                    </div>
-
-                    <!-- Modal footer -->
-                    <div class="modal-footer">
-                        <button type="button" class="btn btn-primary" data-dismiss="modal"><b>Pay Now</b></button>
-                        <button type="button" class="btn btn-danger" data-dismiss="modal"><b>Close</b></button>
-                    </div>
-                </div>
-            </div>
-        </div>
-         <!-- Movie 2 at 13:00PM ends -->
-
-        <!-- Movie 2 at 14:10PM -->
-        <div class="modal fade" id="movie21410">
-        <div class="modal-dialog modal-lg">
-            <div class="modal-content">
-
-                    <!-- Modal Header -->
-                    <div class="modal-header">
-                        <h3 class="modal-title">Movie Confirmation</h3>
-                        <button type="button" class="close" data-dismiss="modal">&times;</button>
-                    </div>
-
-                    <!-- Modal body -->
-                    <div class="modal-body">
-                        <table class="table">
-                            <tr>
-                                <td><b>Movie Name</b></td>
-                                <td>SCOOBY-DOO'S ADVENTURE</td>
-                            </tr>
-                            <tr>
-                                <td><b>Selected Time</b></td>
-                                <td>August 9th 14:10PM</td>
-                            </tr>
-                            <tr>
-                                <td><b>Nubmer of Customer</b></td>
-                                <td>
-                                    <form class="form-inline">
-                                        <input class="form-control" type="number" min="1" max="10" value="1">
-                                    </form>
-                                </td>
-                            </tr>
-                        </table>
-                    </div>
-
-                    <!-- Modal footer -->
-                    <div class="modal-footer">
-                        <button type="button" class="btn btn-primary" data-dismiss="modal"><b>Pay Now</b></button>
-                        <button type="button" class="btn btn-danger" data-dismiss="modal"><b>Close</b></button>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <!-- Movie 2 at 14:10PM ends -->
-
-        <!-- Movie 3 at 15:30PM -->
-                <div class="modal fade" id="movie31530">
-        <div class="modal-dialog modal-lg">
-            <div class="modal-content">
-
-                    <!-- Modal Header -->
-                    <div class="modal-header">
-                        <h3 class="modal-title">Movie Confirmation</h3>
-                        <button type="button" class="close" data-dismiss="modal">&times;</button>
-                    </div>
-
-                    <!-- Modal body -->
-                    <div class="modal-body">
-                        <table class="table">
-                            <tr>
-                                <td><b>Movie Name</b></td>
-                                <td>THE FROZEN FAMILY 2</td>
-                            </tr>
-                            <tr>
-                                <td><b>Selected Time</b></td>
-                                <td>August 9th 15:30PM</td>
-                            </tr>
-                            <tr>
-                                <td><b>Nubmer of Customer</b></td>
-                                <td>
-                                    <form class="form-inline">
-                                        <input class="form-control" type="number" min="1" max="10" value="1">
-                                    </form>
-                                </td>
-                            </tr>
-                        </table>
-                    </div>
-
-                    <!-- Modal footer -->
-                    <div class="modal-footer">
-                        <button type="button" class="btn btn-primary" data-dismiss="modal"><b>Pay Now</b></button>
-                        <button type="button" class="btn btn-danger" data-dismiss="modal"><b>Close</b></button>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <!-- Movie 3 at 15:30PM ends -->
-
-        <!-- Movie 3 at 17:00PM -->
-                        <div class="modal fade" id="movie31700">
-        <div class="modal-dialog modal-lg">
-            <div class="modal-content">
-
-                    <!-- Modal Header -->
-                    <div class="modal-header">
-                        <h3 class="modal-title">Movie Confirmation</h3>
-                        <button type="button" class="close" data-dismiss="modal">&times;</button>
-                    </div>
-
-                    <!-- Modal body -->
-                    <div class="modal-body">
-                        <table class="table">
-                            <tr>
-                                <td><b>Movie Name</b></td>
-                                <td>THE FROZEN FAMILY 2</td>
-                            </tr>
-                            <tr>
-                                <td><b>Selected Time</b></td>
-                                <td>August 9th 17:00PM</td>
-                            </tr>
-                            <tr>
-                                <td><b>Nubmer of Customer</b></td>
-                                <td>
-                                    <form class="form-inline">
-                                        <input class="form-control" type="number" min="1" max="10" value="1">
-                                    </form>
-                                </td>
-                            </tr>
-                        </table>
-                    </div>
-
-                    <!-- Modal footer -->
-                    <div class="modal-footer">
-                        <button type="button" class="btn btn-primary" data-dismiss="modal"><b>Pay Now</b></button>
-                        <button type="button" class="btn btn-danger" data-dismiss="modal"><b>Close</b></button>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <!-- Movie 3 at 17:00PM ends -->
         <!-- Number of customers confrimation modals ends -->
 
     <!-- Footer -->
diff --git a/src/main/resources/templates/movie.html b/src/main/resources/templates/movie.html
index 4f06da3..3e00ae7 100644
--- a/src/main/resources/templates/movie.html
+++ b/src/main/resources/templates/movie.html
@@ -8,7 +8,7 @@
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
-    <link rel="stylesheet" type="text/css" media="screen" href="../static/style.css">
+    <link rel="stylesheet" type="text/css" media="screen" th:href="@{/css/style.css}">
     <title>Movie</title>
 </head>
 
@@ -18,7 +18,7 @@
         <!-- Navbar and main content -->
         <nav class="navbar navbar-expand-sm justify-content-between" style="background-color: black;">
             <a class="navbar-brand" th:href="@{/home}">
-                <img th:src="@{images/logo.jpg}" alt="logo"
+                <img src="https://image.freepik.com/free-vector/cinema-design-background-yellow_44392-19.jpg" alt="logo"
                     style="width:60px;">
             </a>
             <!-- Movie -->
@@ -62,10 +62,11 @@
                 </li>
             </ul>
 
+            <!-- Search bar -->
             <div class="md-form form-sm my-0">
-                <form class="form-inline my-1">
-                    <label>
-                        <input class="form-control form-control-sm mr-sm-2 mb-0" type="text" placeholder="Search">
+                <form class="form-inline my-1" th:action="@{/movie}">
+                    <label for="txtSearch">
+                        <input class="form-control form-control-sm mr-sm-2 mb-0" id="txtSearch" type="text" name="keyword" placeholder="Search by movie name">
                     </label>
                     <button class="btn btn-success btn-sm my-0" type="submit">Search</button>
                 </form>
@@ -214,348 +215,75 @@ <h4 class="modal-title">Welcome</h4>
 
         <!-- Table container -->
         <div class="container">
-            
-            <!-- Dates -->           
-            <table class="table">               
+            <!-- List of Movie -->
+            <table class="table" th:each="tempMovie : ${movies}">
                 <tr>
-                    <td> <a href="#" class="btn datescolor"> 9 </a> </td>
-                    <td> <a href="#" class="btn datescolor"> 10 </a> </td>
-                    <td> <a href="#" class="btn datescolor"> 11 </a> </td>
-                    <td> <a href="#" class="btn datescolor"> 12 </a> </td>
-                    <td> <a href="#" class="btn datescolor"> 13 </a> </td>
-                    <td> <a href="#" class="btn datescolor"> 14 </a> </td>
-                    <td> <a href="#" class="btn datescolor"> 15 </a> </td>
-                </tr>
-            </table>
-
-            <!-- Movie time -->
-            <table class="table">
-
-                <!-- Movie 1 -->
-                <tr>
-                    <td>
-                        <button type="button" data-toggle="modal" data-target="#movie1">
-                            <div class="card" style="width:200px">
-                                <img class="card-img-top"
-                                     src="https://www.cgv.vn/media/catalog/product/cache/3/image/c5f0a1eff4c394a251036189ccddaacd/z/_/z_main-poster_bcvh.jpg"
-                                     alt="Card image">
-                            </div>
-                        </button>
-                    </td>
-                    <td>
-                        <table class="table">
-                            <tr>
-                                <h4>INVISIBILITY EVIDENCE</h4>
-                            </tr>
-                            <tr>
-                                <div class="card-body">
-                                    <button type="button" class="btn btn-outline-primary alerta" onclick="myFunction()"
-                                            toggle="modal"
-                                            data-target="#movie11320">13:20
-                                        PM<br>84/100
-                                    </button>
-                                    <button type="button" class="btn btn-outline-primary"
-                                            disabled>15:25PM<br>0/100
-                                    </button>
-                                    <button type="button" class="btn btn-outline-primary"
-                                            disabled>17:30PM<br>0/100
-                                    </button>
-                                </div>
-                            </tr>
-                        </table>
-                    </td>
-
-                    <td>
-                        <button type="button" data-toggle="modal" data-target="#movie2">
-                            <div class="card" style="width:200px">
-                                <img class="card-img-top"
-                                     src="https://www.cgv.vn/media/catalog/product/cache/3/image/c5f0a1eff4c394a251036189ccddaacd/r/s/rsz_phim-scoob-2020_2.jpg"
-                                     alt="Card image">
-                            </div>
-                        </button>
+                    <td style="width:600px">
+                        <img class="card-img-top" th:src="${tempMovie.coverPicture}" alt="Card image" style="width:300px" />
+                        <br>
+                        <b>Description</b>
+                        <div th:text="${tempMovie.description}"/>
                     </td>
                     <td>
                         <table class="table">
-                            <tr>
-                                <h4>SCOOBY-DOO'S ADVENTURE</h4>
+                            <tr >
+                                <h4 th:text="${tempMovie.movieName}"></h4>
                             </tr>
                             <tr>
-                                <div class="card-body">
-                                    <a href="#" class="btn btn-outline-primary">13:00 PM<br>30/100</a>
-                                    <a href="#" class="btn btn-outline-primary">14:10 PM<br>10/100</a>
-                                    <button type="button" class="btn btn-outline-primary" disabled>19:10
-                                        PM<br>0/100
-                                    </button>
+                                <div th:switch="${tempMovie.movieAvailableSeat}">
+                                    <div th:case="0">
+                                        <button type="button" class="btn btn-outline-primary" data-toggle="modal" data-target="#myFunction" disabled onclick = "myFunction()" >
+                                            Movie Start Time:<p th:text="${tempMovie.movieStartTime}"></p><br>
+                                            Available seat:<p th:text="${tempMovie.movieAvailableSeat}"></p>
+                                        </button>
+                                    </div>
+                                    <div th:case="*">
+                                        <button type="button" class="btn btn-outline-primary" data-toggle="modal" data-target="#myFunction">
+                                            Movie Start Time:<p th:text="${tempMovie.movieStartTime}"></p><br>
+                                            Available seat:<p th:text="${tempMovie.movieAvailableSeat}"></p>
+                                        </button>
+                                    </div>
                                 </div>
                             </tr>
-                        </table>
-                    </td>
-                </tr>
-
-
-                <tr>
-                    <td>
-                        <button type="button" data-toggle="modal" data-target="#movie3">
-                            <div class="card" style="width:200px">
-                                <img class="card-img-top"
-                                    src="https://www.cgv.vn/media/catalog/product/cache/3/image/c5f0a1eff4c394a251036189ccddaacd/r/s/rsz_pee_nak2_main_poster_2.jpg"
-                                    alt="Card image">
-                            </div>
-                        </button>
-                    </td>
-                    <td>
-                        <table class="table">
                             <tr>
-                                <h4>THE FROZEN FAMILY 2</h4>
-                            </tr>
-                            <tr>
-                                <div class="card-body">
-                                    <button type="button" class="btn btn-outline-primary"
-                                        disabled>13:10PM<br>0/100</button>
-                                    <a href="#" class="btn btn-outline-primary">15:30 PM<br>84/100</a>
-                                    <a href="#" class="btn btn-outline-primary">17:00 PM<br>18/100</a>
-                                </div>
+                                <table class="table">
+                                    <tr>
+                                        <td><b>Directors</b></td>
+                                        <td th:text="${tempMovie.directors}"/>
+                                    </tr>
+                                    <tr>
+                                        <td><b>Cast</b></td>
+                                        <td th:text="${tempMovie.cast}"/>
+                                    </tr>
+                                    <tr>
+                                        <td><b>Category</b></td>
+                                        <td th:text="${tempMovie.category}"/>
+                                    </tr>
+                                    <tr>
+                                        <td><b>Premiere</b></td>
+                                        <td th:text="${tempMovie.premiere}"/>
+                                    </tr>
+                                    <tr>
+                                        <td><b>Time</b></td>
+                                        <td th:text="${tempMovie.duration}"/>
+                                    </tr>
+                                    <tr>
+                                        <td><b>Language</b></td>
+                                        <td th:text="${tempMovie.language}"/>
+                                    </tr>
+                                    <tr>
+                                        <td><b>Rated</b></td>
+                                        <td th:text="${tempMovie.rated}"/>
+                                    </tr>
+                                </table>
                             </tr>
                         </table>
                     </td>
                 </tr>
-
             </table>
-            <!-- Movie time ends -->
         </div>
-        <!-- Table container ends -->
+    </div>
 
-        <!-- Table Modals for movie 1 -->
-        <div class="modal fade" id="movie1">
-            <div class="modal-dialog modal-lg">
-                <div class="modal-content">
-
-                    <!-- Modal Header -->
-                    <div class="modal-header">
-                        <h3 class="modal-title">Movie Details</h3>
-                        <button type="button" class="close" data-dismiss="modal">&times;</button>
-                    </div>
-
-                    <!-- Modal body -->
-                    <div class="modal-body">
-                        <table class="table">
-                            <tr>
-                                <td>
-                                    <div class="card" style="width:300px;">
-                                        <img class="card-img-top"
-                                            src="https://www.cgv.vn/media/catalog/product/cache/3/image/c5f0a1eff4c394a251036189ccddaacd/z/_/z_main-poster_bcvh.jpg"
-                                            alt="Card image">
-                                    </div>
-                                </td>
-                                <td>
-                                    <table class="table">
-                                        <tr>
-                                            <h4>INVISIBILITY EVIDENCE</h4>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Directors</b></td>
-                                            <td>Trinh Dinh Le Minh</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Cast</b></td>
-                                            <td>Phuong Anh Dao, Quang Tuan, Ai Phuong, Otis, Anh Tu ...</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Category</b></td>
-                                            <td>Suspense, Psychology</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Premiere</b></td>
-                                            <td>07/10/2020</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Time</b></td>
-                                            <td>100 minutes</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Language</b></td>
-                                            <td>Vietnamese - English subtitles</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Rated</b></td>
-                                            <td>C18 - THE FILM PROHIBITS VIEWERS UNDER THE AGE OF 18</td>
-                                        </tr>
-                                    </table>
-                                </td>
-                            </tr>
-                        </table>
-                        <p>After being injured in a car accident, Thu - a blind girl came to the police to report the
-                            incident that she believed had become a murder. However, she encountered many difficulties
-                            to convince the police to believe that she was blind. At the same time, Hai - another
-                            witness suddenly appeared with testimony contradicting Thu on the scene of the case. While
-                            the police were having a headache verifying whose information was true, the murderer
-                            silently monitored both Thu and Hai to try and kill the witness.</p>
-                    </div>
-
-                    <!-- Modal footer -->
-                    <div class="modal-footer">
-                        <button type="button" class="btn btn-danger" data-dismiss="modal"><b>Close</b></button>
-                    </div>
-
-                </div>
-            </div>
-        </div>
-        <!-- Table Modals for movie 1 end -->
-
-        <!-- Table Modals for movie 2 -->
-        <div class="modal fade" id="movie2">
-            <div class="modal-dialog modal-lg">
-                <div class="modal-content">
-
-                    <!-- Modal Header -->
-                    <div class="modal-header">
-                        <h3 class="modal-title">Movie Details</h3>
-                        <button type="button" class="close" data-dismiss="modal">&times;</button>
-                    </div>
-
-                    <!-- Modal body -->
-                    <div class="modal-body">
-                        <table class="table">
-                            <tr>
-                                <td>
-                                    <div class="card" style="width:300px">
-                                        <img class="card-img-top"
-                                            src="https://www.cgv.vn/media/catalog/product/cache/3/image/c5f0a1eff4c394a251036189ccddaacd/r/s/rsz_phim-scoob-2020_2.jpg"
-                                            alt="Card image">
-                                    </div>
-                                </td>
-                                <td>
-                                    <table class="table">
-                                        <tr>
-                                            <h4>SCOOBY-DOO'S ADVENTURE</h4>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Directors</b></td>
-                                            <td>Tony Cervone</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Cast</b></td>
-                                            <td>Will Forte, Frank Welker, Amanda Seyfried, Mark Wahlberg, Jason Isaacs
-                                            </td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Category</b></td>
-                                            <td>Comedy, Animation, Adventure</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Premiere</b></td>
-                                            <td>07/10/2020</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Time</b></td>
-                                            <td>93 minutes</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Language</b></td>
-                                            <td>English - Vietnamese subtitles; Voiceover</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Rated</b></td>
-                                            <td>P - MOVIES FOR ALL AUDIENCES</td>
-                                        </tr>
-                                    </table>
-                                </td>
-                            </tr>
-                        </table>
-                        <p>The first big-screen animated film about the cult Scooby-Doo will reveal the birth of the
-                            famous detective team of 5 members including Scooby, Shaggy, Fred, Daphne and Velma; At the
-                            same time, follow the greatest adventure and challenge ever faced by the whole team - racing
-                            against time, preventing the conspiracy to free the ghost dog Cerberus to rule the world.
-                        </p>
-                    </div>
-
-                    <!-- Modal footer -->
-                    <div class="modal-footer">
-                        <button type="button" class="btn btn-danger" data-dismiss="modal"><b>Close</b></button>
-                    </div>
-
-                </div>
-            </div>
-        </div>
-        <!-- Table Modals for movie 2 end -->
-
-        <!-- Table Modals for movie 3 -->
-        <div class="modal fade" id="movie3">
-            <div class="modal-dialog modal-lg">
-                <div class="modal-content">
-
-                    <!-- Modal Header -->
-                    <div class="modal-header">
-                        <h3 class="modal-title">Movie Details</h3>
-                        <button type="button" class="close" data-dismiss="modal">&times;</button>
-                    </div>
-
-                    <!-- Modal body -->
-                    <div class="modal-body">
-                        <table class="table">
-                            <tr>
-                                <td>
-                                    <div class="card" style="width:300px ">
-                                        <img class="card-img-top"
-                                            src="https://www.cgv.vn/media/catalog/product/cache/3/image/c5f0a1eff4c394a251036189ccddaacd/r/s/rsz_pee_nak2_main_poster_2.jpg"
-                                            alt="Card image">
-                                    </div>
-                                </td>
-                                <td>
-                                    <table class="table">
-                                        <tr>
-                                            <h4>THE FROZEN FAMILY 2</h4>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Directors</b></td>
-                                            <td>Phontharis Chotkijsadarsopon</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Cast</b></td>
-                                            <td>Phiravich Attachitsataporn, Timethai Plangsilp, Paisarnkulwong
-                                                Vachiravit</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Category</b></td>
-                                            <td>Comedy, Horror</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Premiere</b></td>
-                                            <td>07/03/2020</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Time</b></td>
-                                            <td>115 minutes</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Language</b></td>
-                                            <td>Vietnamese subtitles</td>
-                                        </tr>
-                                        <tr>
-                                            <td><b>Rated</b></td>
-                                            <td>C16 - THE FILM PROHIBITS AUDIENCES UNDER 16</td>
-                                        </tr>
-                                    </table>
-                                </td>
-                            </tr>
-                        </table>
-                        <p>The duo of karma have returned to the path of creating a career but unfortunately the
-                            retribution comes early, the couple almost dies because of a mysterious curse. They had to
-                            return to the temple to find Nhong to help solve the curse. Whether they will find a way to
-                            break the curse or make things worse.
-                        </p>
-                    </div>
-
-                    <!-- Modal footer -->
-                    <div class="modal-footer">
-                        <button type="button" class="btn btn-danger" data-dismiss="modal"><b>Close</b></button>
-                    </div>
-
-                </div>
-            </div>
-        </div>
-        <!-- Table Modals for movie 3 end -->
-    </div>    
 
         <!-- Footer -->
         <footer class="page-footer font-small blue pt-4" style="background-color: black;">
diff --git a/src/main/resources/templates/payment.html b/src/main/resources/templates/payment.html
index 186a44c..aaec9b5 100644
--- a/src/main/resources/templates/payment.html
+++ b/src/main/resources/templates/payment.html
@@ -8,7 +8,7 @@
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
-    <link rel="stylesheet" type="text/css" media="screen" href="../static/style.css">
+    <link rel="stylesheet" type="text/css" media="screen" href="../static/css/style.css">
     <title>Payment</title>
 </head>
 
diff --git a/src/main/resources/templates/profile-log-in.html b/src/main/resources/templates/profile-log-in.html
index a41439b..5b8fcad 100644
--- a/src/main/resources/templates/profile-log-in.html
+++ b/src/main/resources/templates/profile-log-in.html
@@ -9,7 +9,7 @@
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
-    <link rel="stylesheet" type="text/css" media="screen" href="../static/style.css">
+    <link rel="stylesheet" type="text/css" media="screen" href="../static/css/style.css">
 </head>
 
 <body>
@@ -23,7 +23,7 @@
             <!-- Movies Link -->
             <ul class="nav">
                 <li class="nav-item">
-                    <a class="nav-link" style="color: white;" href="movie-log-in.html">Movies</a>
+                    <a class="nav-link" style="color: white;" th:href="@{/movie/login}">Movies</a>
                 </li>
             </ul>
 
diff --git a/src/main/resources/templates/theater-log-in.html b/src/main/resources/templates/theater-log-in.html
index cc7f9cd..e582271 100644
--- a/src/main/resources/templates/theater-log-in.html
+++ b/src/main/resources/templates/theater-log-in.html
@@ -8,7 +8,7 @@
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
-    <link rel="stylesheet" type="text/css" media="screen" href="../static/style.css">
+    <link rel="stylesheet" type="text/css" media="screen" href="../static/css/style.css">
     <title>Theaters</title>
 </head>
 
@@ -17,7 +17,7 @@
     <div class="container" style="margin-top:30px">
         <!-- Navbar and main content -->
         <nav class="navbar navbar-expand-sm justify-content-between" style="background-color: black;">
-            <a class="navbar-brand" href="homepage-log-in.html">
+            <a class="navbar-brand" th:href="@{/home/login}">
                 <img src="https://image.freepik.com/free-vector/cinema-design-background-yellow_44392-19.jpg" alt="logo"
                     style="width:60px;">
             </a>
@@ -234,7 +234,7 @@ <h1>Xa Lo Ha Noi</h1>
                 <td>
                     <div class="card" style="width:400px">
                         <img class="card-img-top"
-                             src="https://media-exp1.licdn.com/dms/image/C4D12AQF1iOBZnClwkQ/article-inline_image-shrink_1000_1488/0?e=1598486400&v=beta&t=ZeYVOrPAzSBl9r9c1_1queXcvgOUGNGmCuwszWPTvXc"
+                             src="https://media-cdn.tripadvisor.com/media/photo-s/17/ac/47/13/getlstd-property-photo.jpg"
                              alt="Card image">
                         <br>
                         <img class="card-img-top"
diff --git a/src/main/resources/templates/theater.html b/src/main/resources/templates/theater.html
index ba9744b..de7b8ee 100644
--- a/src/main/resources/templates/theater.html
+++ b/src/main/resources/templates/theater.html
@@ -8,7 +8,7 @@
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
-    <link rel="stylesheet" type="text/css" media="screen" href="../static/style.css">
+    <link rel="stylesheet" type="text/css" media="screen" href="../static/css/style.css">
     <title>Theaters</title>
 </head>
 
@@ -18,7 +18,7 @@
         <!-- Navbar and main content -->
         <nav class="navbar navbar-expand-sm justify-content-between" style="background-color: black;">
             <a class="navbar-brand" th:href="@{/home}">
-                <img th:src="@{images/logo.jpg}" alt="logo"
+                <img src="https://image.freepik.com/free-vector/cinema-design-background-yellow_44392-19.jpg" alt="logo"
                      style="width:60px;">
             </a>
             <!-- Movie -->
@@ -233,7 +233,7 @@ <h1>Xa Lo Ha Noi</h1>
                 <td>
                     <div class="card" style="width:400px">
                         <img class="card-img-top"
-                             src="https://media-exp1.licdn.com/dms/image/C4D12AQF1iOBZnClwkQ/article-inline_image-shrink_1000_1488/0?e=1598486400&v=beta&t=ZeYVOrPAzSBl9r9c1_1queXcvgOUGNGmCuwszWPTvXc"
+                             src="https://media-cdn.tripadvisor.com/media/photo-s/17/ac/47/13/getlstd-property-photo.jpg"
                             alt="Card image">
                         <br>
                         <img class="card-img-top"
diff --git a/src/test/java/learn/thymeleaf/sept/SeptApplicationTests.java b/src/test/java/learn/thymeleaf/sept/SeptApplicationTests.java
deleted file mode 100644
index 3e5adc2..0000000
--- a/src/test/java/learn/thymeleaf/sept/SeptApplicationTests.java
+++ /dev/null
@@ -1,13 +0,0 @@
-package learn.thymeleaf.sept;
-
-//import org.junit.jupiter.api.Test;
-import org.springframework.boot.test.context.SpringBootTest;
-
-@SpringBootTest
-class SeptApplicationTests {
-
-//	@Test
-//	void contextLoads() {
-//	}
-
-}
diff --git a/src/test/java/learn/thymeleaf/sept/entity/MovieTest.java b/src/test/java/learn/thymeleaf/sept/entity/MovieTest.java
index 8503855..88f12a7 100644
--- a/src/test/java/learn/thymeleaf/sept/entity/MovieTest.java
+++ b/src/test/java/learn/thymeleaf/sept/entity/MovieTest.java
@@ -13,7 +13,7 @@ class MovieTest {
 	
 	@Autowired
 	Movie m1 = new Movie();
-	Movie m2 = new Movie("picture", "movieName", "directors", "cast", "category", new Date(System.currentTimeMillis()), 120, "language", "rated", "description");
+	Movie m2 = new Movie("picture", "movieName", "directors", "cast", "category", new Date(System.currentTimeMillis()), 120, "language", "rated", "description", new Date(System.currentTimeMillis()), 69 );
 
 	@Test
 	void testConstructors() {
diff --git a/src/test/java/learn/thymeleaf/sept/service/MovieServiceTest.java b/src/test/java/learn/thymeleaf/sept/service/MovieServiceTest.java
new file mode 100644
index 0000000..8f25313
--- /dev/null
+++ b/src/test/java/learn/thymeleaf/sept/service/MovieServiceTest.java
@@ -0,0 +1,106 @@
+package learn.thymeleaf.sept.service;
+
+import learn.thymeleaf.sept.entity.Movie;
+import learn.thymeleaf.sept.entity.User;
+import learn.thymeleaf.sept.repositories.MovieRepository;
+import learn.thymeleaf.sept.repositories.UserRepository;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.extension.ExtendWith;
+import org.mockito.InjectMocks;
+import org.mockito.Mockito;
+import org.mockito.junit.jupiter.MockitoExtension;
+import org.springframework.boot.test.mock.mockito.MockBean;
+import org.springframework.test.context.junit.jupiter.SpringExtension;
+
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Optional;
+
+import static org.junit.jupiter.api.Assertions.*;
+import static org.mockito.Mockito.when;
+
+@ExtendWith(MockitoExtension.class)
+@ExtendWith(SpringExtension.class)
+class MovieServiceTest {
+    @MockBean
+    private MovieRepository movieRepository;
+
+    @InjectMocks
+    private MovieService movieService;
+
+    @Test
+    void findAll() {
+        // declare 2 fake ids
+        int id = 1;
+        int id2 = 2;
+        // create mock user profile 1
+        Movie mockMovie1 = new Movie();
+        mockMovie1.setId(id);
+        mockMovie1.setMovieName("shit");
+        // create mock user profile 2
+        Movie mockMovie2 = new Movie();
+        mockMovie2.setId(id2);
+        mockMovie2.setMovieName("Shitty Name 2");
+        // create mock user profile list
+        List<Movie> mockMovieList = new ArrayList<>();
+        mockMovieList.add(mockMovie1);
+        mockMovieList.add(mockMovie2);
+        when(movieRepository.findAll()).thenReturn(mockMovieList);
+        // use service to test the list
+        MovieService service = new MovieService(movieRepository);
+        List<Movie> result = service.findAll();
+        assertEquals(2, result.size());
+    }
+
+    @Test
+    void findById() {
+        // create fake user profile with id 1
+        int id = 1;
+        Movie mockMovieProfile = new Movie();
+        mockMovieProfile.setId(id);
+        mockMovieProfile.setMovieName("Shitty Name");
+        Mockito.when(movieRepository.findById(id)).thenReturn(Optional.of(mockMovieProfile));
+        MovieService service = new MovieService(movieRepository);
+        // use service to find the fake user profile
+        Movie result = service.findById(1);
+        assertEquals(mockMovieProfile, result);
+    }
+
+    @Test
+    void create() {
+        /*MovieService service = new MovieService(movieRepository);
+        Movie fake = new Movie();
+        fake.setId(1);
+        fake.setMovieName("Fake name");
+        int initialSize = service.findAll().size();
+        service.create(fake);
+        int finalSize = service.findAll().size();
+        assertEquals(1, finalSize- initialSize);*/
+    }
+
+    @Test
+    void deleteById() {
+        int id = 1;
+        Movie mockMovieProfile = new Movie();
+        mockMovieProfile.setId(id);
+        mockMovieProfile.setMovieName("Shitty Name");
+        MovieService service = new MovieService(movieRepository);
+        // delete user profile's id = 1
+        service.deleteById(1);
+        assertThrows(RuntimeException.class, () -> service.findById(1));
+    }
+
+    @Test
+    void findByName() {
+        int id = 1;
+        Movie mockMovie = new Movie();
+        mockMovie.setId(id);
+        mockMovie.setMovieName("Shitty Name");
+        List<Movie> mockMovieList = new ArrayList<>();
+        mockMovieList.add(mockMovie);
+        when(movieRepository.findByMovieName("Shitty Name")).thenReturn(mockMovieList);
+        MovieService service = new MovieService(movieRepository);
+        List<Movie> result = service.findByMovieName("Shitty Name");
+        assertEquals(result, mockMovieList);
+    }
+}
\ No newline at end of file
diff --git a/src/test/java/learn/thymeleaf/sept/service/ReservationServiceTest.java b/src/test/java/learn/thymeleaf/sept/service/ReservationServiceTest.java
new file mode 100644
index 0000000..085c32c
--- /dev/null
+++ b/src/test/java/learn/thymeleaf/sept/service/ReservationServiceTest.java
@@ -0,0 +1,98 @@
+package learn.thymeleaf.sept.service;
+
+import learn.thymeleaf.sept.entity.Reservation;
+import learn.thymeleaf.sept.entity.UserProfile;
+import learn.thymeleaf.sept.repositories.ReservationRepository;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.extension.ExtendWith;
+import org.mockito.InjectMocks;
+import org.mockito.Mockito;
+import org.mockito.junit.jupiter.MockitoExtension;
+import org.springframework.boot.test.mock.mockito.MockBean;
+import org.springframework.test.context.junit.jupiter.SpringExtension;
+
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Optional;
+
+import static org.junit.jupiter.api.Assertions.*;
+import static org.mockito.Mockito.when;
+
+@ExtendWith(MockitoExtension.class)
+@ExtendWith(SpringExtension.class)
+class ReservationServiceTest {
+
+    @MockBean
+    private ReservationRepository reservationRepository;
+
+    @InjectMocks
+    private ReservationService reservationService;
+
+    @Test
+    void findAll() {
+        // declare 2 fake ids
+        int id = 1;
+        int id2 = 2;
+        // create mock user profile 1
+        Reservation mockReservation1 = new Reservation();
+        mockReservation1.setId(1);
+        mockReservation1.setName("Shitty Name");
+        // create mock user profile 2
+        Reservation mockReservation2 = new Reservation();
+        mockReservation2.setId(id2);
+        mockReservation2.setName("Shitty Name 2");
+        // create mock user profile list
+        List<Reservation> reservationList = new ArrayList<>();
+        reservationList.add(mockReservation1);
+        reservationList.add(mockReservation2);
+        when(reservationRepository.findAll()).thenReturn(reservationList);
+        // use service to test the list
+        ReservationService service = new ReservationService(reservationRepository);
+        List<Reservation> result = service.findAll();
+        assertEquals(2, result.size());
+    }
+
+    @Test
+    void findById() {
+        // create fake user profile with id 1
+        int id = 1;
+        Reservation mockReservation = new Reservation();
+        mockReservation.setId(id);
+        mockReservation.setName("Shitty Name");
+        Mockito.when(reservationRepository.findById(id)).thenReturn(Optional.of(mockReservation));
+        ReservationService service = new ReservationService(reservationRepository);
+        // use service to find the fake user profile
+        Reservation result = service.findById(1);
+        assertEquals(mockReservation, result);
+    }
+
+    @Test
+    void create() {
+    }
+
+    @Test
+    void deleteById() {
+        int id = 1;
+        UserProfile mockReservation = new UserProfile();
+        mockReservation.setId(id);
+        mockReservation.setFullName("Shitty Name");
+        ReservationService service = new ReservationService(reservationRepository);
+        // delete user profile's id = 1
+        service.deleteById(1);
+        assertThrows(RuntimeException.class, () -> service.findById(1));
+    }
+
+    @Test
+    void findByName() {
+        int id = 1;
+        Reservation reservation = new Reservation();
+        reservation.setId(id);
+        reservation.setName("Shitty Name");
+        List<Reservation> reservationList = new ArrayList<>();
+        reservationList.add(reservation);
+        when(reservationRepository.findByReservationName("Shitty Name")).thenReturn(reservationList);
+        ReservationService service = new ReservationService(reservationRepository);
+        List<Reservation> result = service.findByReservationName("Shitty Name");
+        assertEquals(result, reservationList);
+    }
+}
\ No newline at end of file
diff --git a/src/test/java/learn/thymeleaf/sept/service/UserProfileServiceTest.java b/src/test/java/learn/thymeleaf/sept/service/UserProfileServiceTest.java
new file mode 100644
index 0000000..40f4844
--- /dev/null
+++ b/src/test/java/learn/thymeleaf/sept/service/UserProfileServiceTest.java
@@ -0,0 +1,106 @@
+package learn.thymeleaf.sept.service;
+
+import learn.thymeleaf.sept.entity.UserProfile;
+import learn.thymeleaf.sept.repositories.UserProfileRepository;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.extension.ExtendWith;
+import org.mockito.InjectMocks;
+import org.mockito.Mockito;
+import org.mockito.junit.jupiter.MockitoExtension;
+import org.springframework.boot.test.mock.mockito.MockBean;
+import org.springframework.test.context.junit.jupiter.SpringExtension;
+
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Optional;
+
+import static org.junit.jupiter.api.Assertions.*;
+import static org.mockito.Mockito.when;
+
+@ExtendWith(MockitoExtension.class)
+@ExtendWith(SpringExtension.class)
+class UserProfileServiceTest {
+    @MockBean
+    private UserProfileRepository userProfileRepository;
+
+    @InjectMocks
+    private UserProfileService userProfileService;
+
+    @Test
+    void findAll() {
+        // declare 2 fake ids
+        int id = 1;
+        int id2 = 2;
+        // create mock user profile 1
+        UserProfile mockUserProfile1 = new UserProfile();
+        mockUserProfile1.setId(id);
+        mockUserProfile1.setFullName("Shitty Name");
+        // create mock user profile 2
+        UserProfile mockUserProfile2 = new UserProfile();
+        mockUserProfile1.setId(id2);
+        mockUserProfile1.setFullName("Shitty Name 2");
+        // create mock user profile list
+        List<UserProfile> mockUserProfileList = new ArrayList<>();
+        mockUserProfileList.add(mockUserProfile1);
+        mockUserProfileList.add(mockUserProfile2);
+        when(userProfileRepository.findAll()).thenReturn(mockUserProfileList);
+        // use service to test the list
+        UserProfileService service = new UserProfileService(userProfileRepository);
+        List<UserProfile> result = service.findAll();
+        assertEquals(2, result.size());
+    }
+
+    @Test
+    void findById() {
+        // create fake user profile with id 1
+        int id = 1;
+        UserProfile mockUserProfile = new UserProfile();
+        mockUserProfile.setId(id);
+        mockUserProfile.setFullName("Shitty Name");
+        Mockito.when(userProfileRepository.findById(id)).thenReturn(Optional.of(mockUserProfile));
+        UserProfileService service = new UserProfileService(userProfileRepository);
+        // use service to find the fake user profile
+        UserProfile result = service.findById(1);
+        assertEquals(mockUserProfile, result);
+    }
+
+    @Test
+    void create() {
+        /*UserProfileService service = new UserProfileService(userProfileRepository);
+        UserProfile fake = new UserProfile();
+        fake.setId(1);
+        fake.setFullName("Fake name");
+        int initialSize = service.findAll().size();
+        service.create(fake);
+//        List<UserProfile> result = service.findAll();
+        int finalSize = service.findAll().size();
+//        assertNotNull(result);
+        assertEquals(1, finalSize- initialSize);*/
+    }
+
+    @Test
+    void deleteById() {
+        int id = 1;
+        UserProfile mockUserProfile = new UserProfile();
+        mockUserProfile.setId(id);
+        mockUserProfile.setFullName("Shitty Name");
+        UserProfileService service = new UserProfileService(userProfileRepository);
+        // delete user profile's id = 1
+        service.deleteById(1);
+        assertThrows(RuntimeException.class, () -> service.findById(1));
+    }
+
+    @Test
+    void findByName() {
+        int id = 1;
+        UserProfile mockUserProfile = new UserProfile();
+        mockUserProfile.setId(id);
+        mockUserProfile.setFullName("Shitty Name");
+        List<UserProfile> mockUserProfileList = new ArrayList<>();
+        mockUserProfileList.add(mockUserProfile);
+        when(userProfileRepository.findByUserProfileName("Shitty Name")).thenReturn(mockUserProfileList);
+        UserProfileService service = new UserProfileService(userProfileRepository);
+        List<UserProfile> result = service.findByUserProfileName("Shitty Name");
+        assertEquals(result, mockUserProfileList);
+    }
+}
\ No newline at end of file
diff --git a/src/test/java/learn/thymeleaf/sept/service/UserServiceTest.java b/src/test/java/learn/thymeleaf/sept/service/UserServiceTest.java
new file mode 100644
index 0000000..8de4034
--- /dev/null
+++ b/src/test/java/learn/thymeleaf/sept/service/UserServiceTest.java
@@ -0,0 +1,104 @@
+package learn.thymeleaf.sept.service;
+
+import learn.thymeleaf.sept.entity.User;
+import learn.thymeleaf.sept.repositories.UserRepository;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.extension.ExtendWith;
+import org.mockito.InjectMocks;
+import org.mockito.Mockito;
+import org.mockito.junit.jupiter.MockitoExtension;
+import org.springframework.boot.test.mock.mockito.MockBean;
+import org.springframework.test.context.junit.jupiter.SpringExtension;
+
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Optional;
+
+import static org.junit.jupiter.api.Assertions.*;
+import static org.mockito.Mockito.when;
+
+@ExtendWith(MockitoExtension.class)
+@ExtendWith(SpringExtension.class)
+class UserServiceTest {
+    @MockBean
+    private UserRepository userRepository;
+
+    @InjectMocks
+    private UserService userService;
+
+    @Test
+    void findAll() {
+        // declare 2 fake ids
+        int id = 1;
+        int id2 = 2;
+        // create mock user profile 1
+        User mockUser1 = new User();
+        mockUser1.setId(id);
+        mockUser1.setUserName("shit");
+        // create mock user profile 2
+        User mockUser2 = new User();
+        mockUser2.setId(id2);
+        mockUser2.setUserName("Shitty Name 2");
+        // create mock user profile list
+        List<User> mockUserList = new ArrayList<>();
+        mockUserList.add(mockUser1);
+        mockUserList.add(mockUser2);
+        when(userRepository.findAll()).thenReturn(mockUserList);
+        // use service to test the list
+        UserService service = new UserService(userRepository);
+        List<User> result = service.findAll();
+        assertEquals(2, result.size());
+    }
+
+    @Test
+    void findById() {
+        // create fake user profile with id 1
+        int id = 1;
+        User mockUserProfile = new User();
+        mockUserProfile.setId(id);
+        mockUserProfile.setUserName("Shitty Name");
+        Mockito.when(userRepository.findById(id)).thenReturn(Optional.of(mockUserProfile));
+        UserService service = new UserService(userRepository);
+        // use service to find the fake user profile
+        User result = service.findById(1);
+        assertEquals(mockUserProfile, result);
+    }
+
+    @Test
+    void create() {
+        /*UserService service = new UserService(userRepository);
+        User fake = new User();
+        fake.setId(1);
+        fake.setUserName("Fake name");
+        int initialSize = service.findAll().size();
+        service.create(fake);
+        int finalSize = service.findAll().size();
+        assertEquals(1, finalSize- initialSize);*/
+    }
+
+    @Test
+    void deleteById() {
+        int id = 1;
+        User mockUserProfile = new User();
+        mockUserProfile.setId(id);
+        mockUserProfile.setUserName("Shitty Name");
+        UserService service = new UserService(userRepository);
+        // delete user profile's id = 1
+        service.deleteById(1);
+        assertThrows(RuntimeException.class, () -> service.findById(1));
+    }
+
+    @Test
+    void findByName() {
+        int id = 1;
+        User mockUser = new User();
+        mockUser.setId(id);
+        mockUser.setUserName("Shitty Name");
+        List<User> mockUserList = new ArrayList<>();
+        mockUserList.add(mockUser);
+        when(userRepository.findByUserName("Shitty Name")).thenReturn(mockUserList);
+        UserService service = new UserService(userRepository);
+        List<User> result = service.findByUserName("Shitty Name");
+        assertEquals(result, mockUserList);
+    }
+}
\ No newline at end of file
diff --git a/target/maven-archiver/pom.properties b/target/maven-archiver/pom.properties
deleted file mode 100644
index 1a7c1e2..0000000
--- a/target/maven-archiver/pom.properties
+++ /dev/null
@@ -1,3 +0,0 @@
-artifactId=sept
-groupId=learn.thymeleaf
-version=0.0.1-SNAPSHOT
diff --git a/target/maven-status/maven-compiler-plugin/compile/default-compile/createdFiles.lst b/target/maven-status/maven-compiler-plugin/compile/default-compile/createdFiles.lst
index 636f716..4af99cf 100644
--- a/target/maven-status/maven-compiler-plugin/compile/default-compile/createdFiles.lst
+++ b/target/maven-status/maven-compiler-plugin/compile/default-compile/createdFiles.lst
@@ -1,17 +1,28 @@
-learn/thymeleaf/sept/controller/HomeController.class
-learn/thymeleaf/sept/repositories/UserProfileRepository.class
 learn/thymeleaf/sept/controller/WebInfoController.class
 learn/thymeleaf/sept/entity/Movie.class
 learn/thymeleaf/sept/config/WebConfiguration.class
-learn/thymeleaf/sept/controller/MovieController.class
 learn/thymeleaf/sept/controller/PaymentController.class
-learn/thymeleaf/sept/repositories/UserRepository.class
+learn/thymeleaf/sept/service/UserProfileService.class
 learn/thymeleaf/sept/serviceInterface/UserServiceInterface.class
-learn/thymeleaf/sept/entity/Reservation.class
 learn/thymeleaf/sept/controller/TheatersController.class
+learn/thymeleaf/sept/service/MovieService.class
 learn/thymeleaf/sept/controller/ProfileController.class
 learn/thymeleaf/sept/repositories/ReservationRepository.class
 learn/thymeleaf/sept/entity/User.class
 learn/thymeleaf/sept/SeptApplication.class
 learn/thymeleaf/sept/entity/UserProfile.class
+learn/thymeleaf/sept/serviceInterface/ReservationServiceInterface.class
+learn/thymeleaf/sept/controller/HomeController.class
+learn/thymeleaf/sept/serviceInterface/UserProfileServiceInterface.class
+learn/thymeleaf/sept/repositories/UserProfileRepository.class
+learn/thymeleaf/sept/controller/MovieController.class
+learn/thymeleaf/sept/service/ReservationService.class
+learn/thymeleaf/sept/repositories/UserRepository.class
+learn/thymeleaf/sept/entity/Reservation.class
+learn/thymeleaf/sept/controller/AdminUserController.class
+learn/thymeleaf/sept/serviceInterface/MovieServiceInterface.class
+learn/thymeleaf/sept/controller/AdminMovieController.class
+learn/thymeleaf/sept/controller/AdminReservationController.class
+learn/thymeleaf/sept/controller/AdminUserProfileController.class
+learn/thymeleaf/sept/service/UserService.class
 learn/thymeleaf/sept/repositories/MovieRepository.class
diff --git a/target/maven-status/maven-compiler-plugin/compile/default-compile/inputFiles.lst b/target/maven-status/maven-compiler-plugin/compile/default-compile/inputFiles.lst
index fae3d3e..2fab102 100644
--- a/target/maven-status/maven-compiler-plugin/compile/default-compile/inputFiles.lst
+++ b/target/maven-status/maven-compiler-plugin/compile/default-compile/inputFiles.lst
@@ -1,17 +1,28 @@
-/home/phuoc/Documents/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/repositories/UserRepository.java
-/home/phuoc/Documents/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/SeptApplication.java
-/home/phuoc/Documents/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/repositories/UserProfileRepository.java
-/home/phuoc/Documents/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/config/WebConfiguration.java
-/home/phuoc/Documents/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/serviceInterface/UserServiceInterface.java
-/home/phuoc/Documents/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/repositories/MovieRepository.java
-/home/phuoc/Documents/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/controller/MovieController.java
-/home/phuoc/Documents/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/entity/User.java
-/home/phuoc/Documents/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/entity/UserProfile.java
-/home/phuoc/Documents/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/controller/PaymentController.java
-/home/phuoc/Documents/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/controller/ProfileController.java
-/home/phuoc/Documents/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/controller/HomeController.java
-/home/phuoc/Documents/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/repositories/ReservationRepository.java
-/home/phuoc/Documents/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/entity/Reservation.java
-/home/phuoc/Documents/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/controller/TheatersController.java
-/home/phuoc/Documents/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/controller/WebInfoController.java
-/home/phuoc/Documents/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/entity/Movie.java
+/home/phuoc/Documents/demo1/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/controller/AdminUserController.java
+/home/phuoc/Documents/demo1/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/repositories/ReservationRepository.java
+/home/phuoc/Documents/demo1/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/repositories/MovieRepository.java
+/home/phuoc/Documents/demo1/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/serviceInterface/ReservationServiceInterface.java
+/home/phuoc/Documents/demo1/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/controller/AdminMovieController.java
+/home/phuoc/Documents/demo1/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/entity/User.java
+/home/phuoc/Documents/demo1/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/controller/AdminUserProfileController.java
+/home/phuoc/Documents/demo1/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/entity/Movie.java
+/home/phuoc/Documents/demo1/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/entity/UserProfile.java
+/home/phuoc/Documents/demo1/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/repositories/UserProfileRepository.java
+/home/phuoc/Documents/demo1/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/service/UserProfileService.java
+/home/phuoc/Documents/demo1/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/service/ReservationService.java
+/home/phuoc/Documents/demo1/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/controller/WebInfoController.java
+/home/phuoc/Documents/demo1/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/serviceInterface/UserProfileServiceInterface.java
+/home/phuoc/Documents/demo1/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/controller/AdminReservationController.java
+/home/phuoc/Documents/demo1/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/controller/TheatersController.java
+/home/phuoc/Documents/demo1/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/serviceInterface/UserServiceInterface.java
+/home/phuoc/Documents/demo1/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/controller/MovieController.java
+/home/phuoc/Documents/demo1/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/repositories/UserRepository.java
+/home/phuoc/Documents/demo1/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/SeptApplication.java
+/home/phuoc/Documents/demo1/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/controller/ProfileController.java
+/home/phuoc/Documents/demo1/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/controller/PaymentController.java
+/home/phuoc/Documents/demo1/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/service/MovieService.java
+/home/phuoc/Documents/demo1/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/entity/Reservation.java
+/home/phuoc/Documents/demo1/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/service/UserService.java
+/home/phuoc/Documents/demo1/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/controller/HomeController.java
+/home/phuoc/Documents/demo1/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/config/WebConfiguration.java
+/home/phuoc/Documents/demo1/Movie-Booking-System/src/main/java/learn/thymeleaf/sept/serviceInterface/MovieServiceInterface.java