Index: src/main/resources/static/ReviewPage.html
===================================================================
--- src/main/resources/static/ReviewPage.html	(revision 7deb3e2f2b25173055e53926791fba21c9d4dbac)
+++ src/main/resources/static/ReviewPage.html	(revision 57e58a35be0538f1ab9cd2a435d4229175bc485f)
@@ -7,102 +7,4 @@
     <link rel="stylesheet" href="/css/main.css">
     <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
-    <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/all.min.css'>
-    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
-<style>
-    .review-container {
-        max-width: 800px;
-        margin: 0 auto;
-        padding: 20px;
-    }
-
-    .review-list {
-        display: flex;
-        flex-direction: column;
-        gap: 20px;
-        margin-top: 20px;
-    }
-
-    .review-item {
-        background-color: #fff;
-        border: 1px solid #ccc;
-        border-radius: 12px;
-        padding: 15px 20px;
-        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-        transition: box-shadow 0.3s ease;
-    }
-
-    .review-item:hover {
-        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
-    }
-
-    .review-item p {
-        margin: 5px 0;
-    }
-
-    .review-item span {
-        font-weight: bold;
-        color: #673ab7;
-    }
-
-    .popup-overlay {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        background: rgba(0, 0, 0, 0.7);
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        z-index: 1000;
-        overflow:hidden;
-    }
-
-    .popup textarea{
-        width: 100%;
-        padding: 10px;
-        margin-top: 10px;
-        border: 1px solid #ccc;
-        border-radius: 4px;
-        resize: vertical;
-        box-sizing: border-box;
-    }
-
-    .popup {
-        background-color: white;
-        padding: 20px;
-        width: 300px;
-        border-radius: 10px;
-    }
-
-    .popup button {
-        margin-top: 10px;
-        background-color: rebeccapurple;
-        color: white;
-        border: none;
-        padding: 5px;
-        cursor: pointer;
-    }
-
-    .popup button:hover {
-        background-color: mediumpurple;
-    }
-
-    .popup select {
-        width: 100%;
-        padding: 8px;
-        margin: 10px 0;
-        border-radius: 4px;
-        border: 1px solid #ccc;
-    }
-
-    .popup select:focus {
-        outline: none;
-        border-color: #007bff;
-    }
-
-</style>
 </head>
 <body>
@@ -111,5 +13,4 @@
     <header class="app-header">
         <button class="logout-btn" @click="logout">Log Out</button>
-        <button class="show-popup" @click="leaveReview">Leave a review</button>
     </header>
 
@@ -119,33 +20,9 @@
 
             <div class="review-list">
-                <div v-for="review in reviews" :key="review.reviewid" class="review-item">
-                    <p><strong>Flight Number:</strong> {{ review.flightNumber }}</p>
-                    <h3>{{ review.date }}</h3>
-                    <p>{{ review.reviewComment }}</p>
-                    <span><i class="fas fa-star" style="color:gold;"></i> {{ review.rating }}</span>
+                <div v-for="review in reviews" :key="review.id" class="review-item">
+                    <h3>{{ review.subject }}</h3>
+                    <p>{{ review.description }}</p>
+                    <span>{{ review.date }}</span>
                 </div>
-            </div>
-        </div>
-    </div>
-    <div v-if="showPopup" class="popup-overlay">
-        <div class="popup">
-            <h3>Leave a review</h3>
-
-            <select v-model="selectedFlightId" id="flightNumbers">
-                <option value="" disabled selected>Select a flight</option>
-                <option v-for="flight in flights" :key="flight.flightId" :value="flight.flightId">
-                    {{ flight.flightNumber }}
-                </option>
-            </select>
-
-
-
-            <textarea v-model="reviewComment" placeholder="Leave a comment here..." rows="5"></textarea>
-
-            <textarea v-model="rating" placeholder="Rate 1-5" rows="1"></textarea>
-
-            <div class="popup-actions">
-                <button @click="submitReview" class="submit-btn">Submit</button>
-                <button @click="closePopup" class="cancel-btn">Cancel</button>
             </div>
         </div>
@@ -153,78 +30,34 @@
 </div>
 
-
 <script>
     new Vue({
         el: '#app',
         data: {
-            userId: '',
-            reviews: [],
-            showPopup: false,
-            reviewComment: '',
-            rating: '',
-            flights: [],
-            selectedFlightId: '',
-            flightNumbers:''
+            reviews: [
+                {
+                    id: 1,
+                    subject: 'Great experience!',
+                    description: 'The flight was amazing, the service was excellent, and the views were breathtaking.',
+                    date: '2025-02-01',
+                },
+                {
+                    id: 2,
+                    subject: 'Good but delayed',
+                    description: 'The flight was comfortable, but it was delayed by two hours, which caused some inconvenience.',
+                    date: '2025-02-02',
+                },
+                {
+                    id: 3,
+                    subject: 'Okay, but not perfect',
+                    description: 'Everything was fine, but the food options could have been better.',
+                    date: '2025-02-03',
+                },
+            ]
         },
         methods: {
             logout() {
-                window.location.href = '/';
-            },
-            async fetchReviews() {
-                try {
-                    const response = await axios.get("api/reviews");
-                    this.reviews = response.data;
-                    console.log(response.data);
-                } catch (error) {
-                    console.error(error);
-                }
-            },
-            leaveReview() {
-                this.showPopup = true;
-                this.selectedFlightNumber = '';
-            },
-            closePopup() {
-                this.showPopup = false;
-            },
-            submitReview() {
-                if (this.reviewComment.trim() && this.selectedFlightId) {
-                    const reviewData = {
-                        userID: this.userId,
-                        targetID: this.selectedFlightId,
-                        reviewComment: this.reviewComment,
-                        rating: this.rating
-                    };
-                    console.log(reviewData);
-
-                    axios.post('/api/reviews', reviewData)
-                        .then(response => {
-                            alert("Review added successfully!");
-                            this.closePopup();
-                        })
-                        .catch(error => {
-                            console.error("Error submitting review:", error);
-                            alert("There was an error submitting your review. Please try again.");
-                        });
-                }
-            },
-            async fetchFlights() {
-                try {
-                    const response = await axios.get('/api/flights');
-                    this.flights = response.data.map(flight => ({
-                        flightId: flight.flightID,
-                        flightNumber: flight.flightNumber
-                    }));
-                    console.log(this.flights);
-                } catch (error) {
-                    console.error('Error fetching flights:', error);
-                }
+                // Logic to log out the user, e.g., clearing session or redirecting to home page
+                window.location.href = '/'; // Redirecting to home page
             }
-        },
-        mounted() {
-            const params = new URLSearchParams(window.location.search);
-            this.userId = params.get("userId");
-            this.fetchReviews();
-            this.fetchFlights();
-            this.showPopup = false;
         }
     });
