eightmoons

checkout.php

May 12th, 2021
610
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <?php
  2. require_once('db.php');
  3. if (isset($_POST['id'])) {
  4.     $conn = new mysqli(DB_HOST, DB_USER, DB_PASS, DB_NAME);
  5.     if ($conn->connect_error) {
  6.       die("Connection failed: " . $conn->connect_error);
  7.     }
  8.     $values = "('1','". $_POST['id'] ."','". $_POST['quantity'] ."','". $_POST['date'] ."')";
  9.     $sql = "INSERT INTO booking (customerId,productId,quantity,bookingDate) VALUES $values";
  10.     if ($conn->query($sql) === TRUE) {
  11.       } else {
  12.         echo "Error: " . $sql . "<br>" . $conn->error;
  13.       }
  14.       $conn->close();
  15.   }
  16.  
  17.   if (isset($_POST['remove'])) {
  18.     $conn = new mysqli(DB_HOST, DB_USER, DB_PASS, DB_NAME);
  19.     if ($conn->connect_error) {
  20.       die("Connection failed: " . $conn->connect_error);
  21.     }
  22.     $sql = "DELETE FROM booking WHERE id=" . $_POST['remove'];
  23.     if ($conn->query($sql) === TRUE) {
  24.       } else {
  25.         echo "Error: " . $sql . "<br>" . $conn->error;
  26.       }
  27.       $conn->close();
  28.   }
  29. ?>
  30.  
  31. <!doctype html>
  32. <html class="no-js" lang="zxx">
  33.  
  34. <head>
  35.     <meta charset="utf-8">
  36.     <meta http-equiv="x-ua-compatible" content="ie=edge">
  37.     <title>Checkout</title>
  38.     <meta name="description" content="">
  39.     <meta name="viewport" content="width=device-width, initial-scale=1">
  40.  
  41.     <!-- <link rel="manifest" href="site.webmanifest"> -->
  42.     <link rel="shortcut icon" type="image/x-icon" href="img/favicon.png">
  43.     <!-- Place favicon.ico in the root directory -->
  44.    
  45.     <!-- CSS here -->
  46.     <link rel="stylesheet" href="css/bootstrap.min.css">
  47.     <link rel="stylesheet" href="css/owl.carousel.min.css">
  48.     <link rel="stylesheet" href="css/magnific-popup.css">
  49.     <link rel="stylesheet" href="css/font-awesome.min.css">
  50.     <link rel="stylesheet" href="css/themify-icons.css">
  51.     <link rel="stylesheet" href="css/nice-select.css">
  52.     <link rel="stylesheet" href="css/flaticon.css">
  53.     <link rel="stylesheet" href="css/jquery-ui.css">
  54.     <link rel="stylesheet" href="css/gijgo.css">
  55.     <link rel="stylesheet" href="css/animate.css">
  56.     <link rel="stylesheet" href="css/slick.css">
  57.     <link rel="stylesheet" href="css/slicknav.css">
  58.     <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
  59.     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
  60.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  61.  
  62.     <link rel="stylesheet" href="css/style.css">
  63.     <!-- <link rel="stylesheet" href="css/responsive.css"> -->
  64. </head>
  65.  
  66. <body>
  67.     <!--[if lte IE 9]>
  68.             <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
  69.         <![endif]-->
  70.  
  71.     <!-- header-start -->
  72.     <header>
  73.         <div class="header-area ">
  74.             <div id="sticky-header" class="main-header-area">
  75.                 <div class="container-fluid">
  76.                     <div class="header_bottom_border">
  77.                         <div class="row align-items-center">
  78.                             <div class="col-xl-6 col-lg-6">
  79.                                 <div class="main-menu d-none d-lg-block">
  80.                                     <nav>
  81.                                         <ul id="navigation">
  82.                                             <li><img src="img/logotransparent.png" width="150" height="50"></li>
  83.                                             <li><a class="active" href="index.html">home</a></li>
  84.                                             <li><a class="" href="travel_destination.html">Destinations</a></l/li>
  85.                                             <li><a href="mainbookingpage.php">Bookings</a></li>
  86.                                             <li><a href="about.html">About Us</a></li>
  87.                                         </ul>
  88.                                     </nav>
  89.                                 </div>
  90.                             </div>
  91.               <div class="col-xl-6 col-lg-6">
  92.                                 <div class="main-menu d-flex align-items-center justify-content-end">
  93.                                     <nav>
  94.                                         <ul id="navigation">
  95.                                             <li><a href="login.html">Login</a></li>
  96.                                             <a href="signup.html" class="genric-btn primary circle">Sign-Up</a>
  97.                                         </ul>
  98.                                     </nav>
  99.                                 </div>
  100.                             </div>
  101.                             <div class="col-12">
  102.                                 <div class="mobile_menu d-block d-lg-none"></div>
  103.                             </div>
  104.                         </div>
  105.                     </div>
  106.  
  107.                 </div>
  108.             </div>
  109.         </div>
  110.     </header>
  111.     <!-- header-end -->
  112.  
  113.  
  114.  
  115. <div class="setting_first_area">
  116.     <!-- Page content -->
  117.     <div class="row">
  118.         <div class="col-12">
  119.             <div class="modal-center">
  120.                 <div class="title-section">
  121.                     Checkout
  122.                 </div>
  123.                 <img src="checkout/checkoutprocess2.png" style="width: 600px; height: 200px;">
  124.             </div>
  125.         </div>
  126.     </div>
  127. <div class="container">
  128.     <div class="border setting_second_area">
  129.         <h3 class="bold-text">YOUR CART</h3>
  130.         <hr>
  131.  
  132.     <?php
  133.     $conn = new mysqli(DB_HOST, DB_USER, DB_PASS, DB_NAME);
  134.     if ($conn->connect_error) {
  135.         die("Connection failed: " . $conn->connect_error);
  136.       }
  137.       $result = $conn->query("SELECT * FROM booking");
  138.       if ($result->num_rows > 0) {
  139.         while($order = $result->fetch_assoc()) {  
  140.             $products = $conn->query("SELECT * FROM product WHERE id=" . $order['productId']);
  141.             while($product = $products->fetch_assoc()) {
  142.                 $picture = $conn->query("SELECT * FROM product_images WHERE productId=" . $order['productId']);
  143.                 $pictures = array();
  144.                 while($pic = $picture->fetch_assoc()) {
  145.                     array_push($pictures,$pic);
  146.                 }
  147.                 echo '<form class="row" method="POST" action="' . $_SERVER['PHP_SELF'] . '">';
  148.                 echo   '<div class="col-4">';
  149.                 echo     '<div class="row">';
  150.                 echo       '<div class="col-6">';
  151.                 echo         '<div class="dimg">';
  152.                 echo           '<div class="col-8">';
  153.                 echo             '<img src="'. $pictures[0]['path'] .'" width="300" height="200"';
  154.                 echo           '</div>';
  155.                 echo         '</div>';
  156.                 echo       '</div>';
  157.                 echo     '</div>';
  158.                 echo   '</div>';
  159.                 echo   '</div>';
  160.                 echo   '<div class="col-8">';
  161.                 echo   '<div class="row">';
  162.                 echo     '<h3>'. $product['name'] .'</h3>';
  163.                 echo   '</div>';
  164.                 echo   '<f class="row">';
  165.                 echo     '<div class="col-5 ticket-info">';
  166.                 echo       '<div class="form-group row">';
  167.                 echo         '<label for="datetime-booking-date" style="color:black" class="col-6 col-form-label">Booking Date</label>';
  168.                 echo         '<div class="col-10">';
  169.                 echo           '<input class="form-control" type="date" id="date-booking-date" value="'. $order['bookingDate'] .'">';
  170.                 echo         '</div>';
  171.                 echo       '</div>';
  172.                 echo       '<div class="form-group row">';
  173.                 echo       '<label for="book-quantity" style="color:black" class="col-6 col-form-label">Quantity</label>';
  174.                 echo         '<div class="col-10">';
  175.                 echo           '<input class="form-control" type="number" min="0" id="book-quantity" value="'. $order['quantity'] .'">';
  176.                 echo         '</div>';
  177.                 echo       '</div>';
  178.                 echo     '</div>';
  179.                 echo     '<div class="col-2"></div>';
  180.                 echo     '<div class="col-4">';
  181.                 echo       '<div class="modal-center">';
  182.                 echo         '<h2>&#8369; '. ($order['quantity'] * $product['price']) .'</h2>';
  183.                 echo       '</div>';
  184.                 echo       '<div class="row">';
  185.                 echo         '<div class="col-4"></div>';
  186.                 echo         '<input type="submit" class="genric-btn primary radius" value="remove"/>';
  187.                 echo       '</div>';
  188.                 echo     '</div>';
  189.                 echo   '</div>';
  190.                 echo   '<input type="hidden" name="remove" value="'. $order["id"] .'">';
  191.                 echo '</form>';
  192.                 echo '<hr>';
  193.             }
  194.         }
  195.       }
  196.       $conn->close();
  197.     ?>
  198.  
  199. <div class="row">
  200.     <div class="col">
  201.         <a href="mainbookingpage.php"><img src="img/backbutton.png"  width="50" height="50"></a>
  202.     </div>
  203.     <div class="col float-child-right">
  204.         <div class="mt-12">
  205.             <a href="payment.html" class="boxed-btn">Proceed to Payment</a>
  206.         </div>
  207.     </div>
  208. </div>
  209. </div>
  210.  
  211.  
  212.     <!-- JS here -->
  213.     <script src="js/vendor/modernizr-3.5.0.min.js"></script>
  214.     <script src="js/vendor/jquery-1.12.4.min.js"></script>
  215.     <script src="js/popper.min.js"></script>
  216.     <script src="js/bootstrap.min.js"></script>
  217.     <script src="js/owl.carousel.min.js"></script>
  218.     <script src="js/isotope.pkgd.min.js"></script>
  219.     <script src="js/ajax-form.js"></script>
  220.     <script src="js/waypoints.min.js"></script>
  221.     <script src="js/jquery.counterup.min.js"></script>
  222.     <script src="js/imagesloaded.pkgd.min.js"></script>
  223.     <script src="js/scrollIt.js"></script>
  224.     <script src="js/jquery.scrollUp.min.js"></script>
  225.     <script src="js/wow.min.js"></script>
  226.     <script src="js/jquery-ui.min.js"> </script>
  227.     <script src="js/nice-select.min.js"></script>
  228.     <script src="js/jquery.slicknav.min.js"></script>
  229.     <script src="js/jquery.magnific-popup.min.js"></script>
  230.     <script src="js/plugins.js"></script>
  231.     <script src="js/range.js"></script>
  232.         <!-- <script src="js/gijgo.min.js"></script> -->
  233.     <script src="js/slick.min.js"></script>
  234.    
  235.  
  236.    
  237.     <!--contact js-->
  238.     <script src="js/contact.js"></script>
  239.     <script src="js/jquery.ajaxchimp.min.js"></script>
  240.     <script src="js/jquery.form.js"></script>
  241.     <script src="js/jquery.validate.min.js"></script>
  242.     <script src="js/mail-script.js"></script>
  243.  
  244.  
  245.     <script src="js/main.js"></script>
  246.     <script>
  247.               if ( window.history.replaceState ) {
  248.         window.history.replaceState( null, null, window.location.href );
  249.     }
  250.         $('#datepicker').datepicker({
  251.             iconsLibrary: 'fontawesome',
  252.             icons: {
  253.              rightIcon: '<span class="fa fa-caret-down"></span>'
  254.          }
  255.         });
  256.     </script>
  257.     </script>
  258.    
  259. </body>
  260.  
  261. </html>
RAW Paste Data