Web_Application_Development/orderSummary.php at main · MaireMurphy/Web_Application_Development · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<?php
session_start();
require_once("dbcontroller.php");
$db_handle = new DBController();


if(!empty($_GET["action"])) {
  switch($_GET["action"]) {


  }
}
?>
<HTML>
<HEAD>
<TITLE>Order Summary</TITLE>


    <!-- Bootstrap CSS -->
     <!-- Bootstrap CSS -->
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">

     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">


	<link rel="stylesheet" href="myStyle.css" type="text/css"  />

</HEAD>
<BODY>

   <!-- navbar-->
     <!-- Bootstrap navbar-->

   <?php
    include 'nav.php';
    ?>


  <!-- END of Nav component -->


<!-- main body of the page, divided into two sections -->
<div class="container-fluid">
	<div class = "row">
    <div class="col-lg-3"></div>
		<!-- hold the product catelog to the left -->
		<div class = "col-lg-6" >
    <br><br>
				<div class="txt-heading"><h3>Order Number:</h3></div>

        <br><br>
        <div class="jumbotron">
            <h1 class="display-4"><?php echo htmlspecialchars($_GET["orderID"]) ?></h1>

            <hr class="my-4">
            <p class="lead">Thank you for your order. An order summary has been emailed to your account.</p>
            <p>The total cost of your order is: €<?php echo htmlspecialchars($_GET["totalCost"]) ?></p>
            <p class="lead">
              <a class="btn btn-primary btn-lg" href="shop.php" role="button">Continue Shopping</a>
            </p>
            <br>
        </div>
        <div class="col-lg-3"></div>


      </div>


		</div>
    <div class = "row">
        <div class = "col-lg-12" >
        <hr class="my-4">

        <a href="shop.php"><img src="images/rainbowPopIts.jpg" class="img-thumbnail" alt="Rainbow Pop Its"> </a>

        <a href="shop.php"><img src="images/metallicSpinners.jpg" class="img-thumbnail" alt="metallic Spinners"> </a>

        <a href="shop.php"><img src="images/peaPopIt.jpg" class="img-thumbnail" alt="Pea Pop Its"> </a>

        <a href="shop.php"><img src="images/squishees.jpg" class="img-thumbnail" alt="Squishees"> </a>

        <a href="shop.php"><img src="images/tangle.jpg" class="img-thumbnail" alt="Tangle Twister"> </a>

        <a href="shop.php"><img src="images/keyringPresses.jpg" class="img-thumbnail" alt="Keyring Popit Presser"> </a>

        <a href="shop.php"><img src="images/netBallSelection.jpg" class="img-thumbnail" alt="Netball selection"> </a>

        <a href="shop.php"><img src="images/selection2.jpg" class="img-thumbnail" alt="Fidget Toy selection"> </a>

        <a href="shop.php"><img src="images/pocketCubeFidgetSkull.jpg" class="img-thumbnail" alt="Fidget Skull"> </a>
        </div>

	</div>

    <!--page footer -->
  <?php
        include 'footer.php';
    ?>
    <!-- END of page footer -->


<script>


	document.getElementsByTagName("nav")[0].style.backgroundColor = sessionStorage.navColour;

	document.getElementsByTagName("p")[0].innerHTML = "Hello " + sessionStorage.user + "!";

</script>
</BODY>
</HTML>