fix: reservations

Author: daddygi

backend/app/app.py

@@ -211,6 +211,34 @@ def perform_warehouse_process():
 # Add the scheduled job to run the ETL process every 168 hours or 1 week
 scheduler.add_job(perform_warehouse_process, 'interval', hours=168)
 
+def create_reservation(user_id, reservation_data):
+    connection = get_db_connection(db_config)
+    if connection:
+        try:
+            cursor = connection.cursor()
+            query = """
+                INSERT INTO Reservations (UserID, StartTime, EndTime, Seat)
+                VALUES (%s, %s, %s, %s)
+            """
+            values = (user_id, reservation_data['starttime'], reservation_data['endtime'], reservation_data.get('seat'))
+            cursor.execute(query, values)
+            connection.commit()
+            cursor.close()
+            connection.close()
+        except mysql.connector.Error as err:
+            print(f"Error creating reservation: {err}")
+
+@app.route('/api/create-reservation', methods=['POST'])
+def create_reservation_route():
+    try:
+        data = request.get_json()
+        user_id = data.get('user_id')  # Change this to fetch the user_id from your authentication mechanism
+        create_reservation(user_id, data)
+        return jsonify({'message': 'Reservation created successfully'}), 200
+    except Exception as e:
+        print(f"Error creating reservation: {e}")
+        return jsonify(message='Error creating reservation'), 500
+
 @app.route('/api/create-account', methods=['POST'])
 def create_account():
     try:

frontend/app/admin_accounts/page.tsx

@@ -55,10 +55,6 @@ function Page() {
     setFilteredData(filteredResults);
   };
   console.log(filteredData);
-  const handleEditClick = (userId: number) => {
-    // Navigate to the [id] folder
-    router.push(`/${userId}`);
-  };
 
   return (
     <div className="flex min-h-full flex-col bg-backcolor">

frontend/app/components/modal.tsx

@@ -32,7 +32,7 @@ function BasicModal({ isOpen, onClose }: BasicModalProps) {
   const router = useRouter();
 
   const [formData, setFormData] = useState<{
-    Date: string | any ;
+    Date: string | any;
     StartTime: string | any;
     EndTime: string | any;
   }>({
@@ -50,11 +50,6 @@ function BasicModal({ isOpen, onClose }: BasicModalProps) {
   const redirectUrl = "http://localhost:3000/qr_success_reservation"; //change this to a page after ng payment so magamit yung handleCreateAccount function. Dun pa dapat ma-ce-create yung reservation
   const getName = "Gian"; //change get the name of user from session or local storage kung san man naka store
   const tableFee = 140; //change den sa calculation
-  const proceedPayment = () => {
-    router.push(
-      `https://payment-gateway-weld.vercel.app/gcash/login?amountDue=${tableFee}&merchant=Brew and Brains&redirectUrl=${redirectUrl}`
-    );
-  };
 
   const handleCreateAccount = async () => {
     try {
@@ -64,7 +59,9 @@ function BasicModal({ isOpen, onClose }: BasicModalProps) {
         starttime: formData.StartTime,
         endtime: formData.EndTime,
       };
-      console.log(apiData)
+      router.push(
+        `https://payment-gateway-weld.vercel.app/gcash/login?amountDue=${tableFee}&merchant=Brew and Brains&redirectUrl=${redirectUrl}`
+      );
 
       const response = await fetch(
         "http://localhost:5000/api/create-reservation",
@@ -127,7 +124,7 @@ function BasicModal({ isOpen, onClose }: BasicModalProps) {
           </div>
 
           <Butt
-            onClick={proceedPayment}
+            onClick={handleCreateAccount}
             title="Reserve"
             Bgcolor="#EBE0D0"
             width="325px"