Untitled

<!DOCTYPE html>
<html>
<head>
    <title>Pizza Sopranos</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
    <link href="http://fonts.googleapis.com/css?family=Cookie" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="css/cart.css">
</head>
<div class="joep">

<?php

$servername = "localhost";
$username = "root";
$password = null;
$dbname = "pizza";

try {
    $conn = new PDO("mysql:host=$servername;dbname=$dbname", $username, $password);
    $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    $stmt = $conn->prepare("SELECT * FROM pizza3");
    $stmt->execute();

    // set the resulting array to associative
    $result = $stmt->fetchAll();


} catch (PDOException $e) {
    echo "Error: " . $e->getMessage();
}
?>

<body>


<main>

    <h2>Bestel hier uw pizza's</h2>

    <?php

    foreach ($result as $pizza) {
        echo '<div class="pizzabox"><h3>' . $pizza['pizza_naam'] . '</h3><br><img class="pizza" width="150 px" src="' . $pizza['pizza_foto'] . '"><br><br>' .
            $pizza['pizza_omschrijving'] . '<br>
            <br><button class="bestel" onclick="medium' . $pizza['id'] . '()"> medium pizza (25 cm) </button>
            <br><button class="bestel" onclick="large' . $pizza['id'] . '()"> large pizza (35 cm) </button>
            <br><button class="bestel" onclick="calzone' . $pizza['id'] . '()"> calzone (opgevouwen pizza)  </button>
            </button></div>';
    }

    ?>


</main>
<section id="winkelwagen">
    <h2>Winkelwagentje</h2>

    <p id="m1"></p>
    <p id="l1"></p>
    <p id="c1"></p>

    <p id="m2"></p>
    <p id="l2"></p>
    <p id="c2"></p>

    <p id="m3"></p>
    <p id="l3"></p>
    <p id="c3"></p>

    <p id="m4"></p>
    <p id="l4"></p>
    <p id="c4"></p>

    <p id="totaal"></p>

    <script>
        var totaal;
        var t = 0;

        var m1 = 1;
        var m1p = 0;
        var m1p2 = 0;
        function medium1() {
            if (t == 0){
                m1p2 = 4.99;
                m1p = m1p2;
            }
            else{
                m1p = m1*2.495 + m1p2/2;
            }
            document.getElementById("m1").innerHTML = m1 + " Medium Cheesy Steak Pizza €" + m1p.toFixed(2);
            totaal = m1p + l1p + c1p + m2p + l2p + c2p + m3p + l3p + c3p + m4p + l4p + c4p;
            document.getElementById("totaal").innerHTML = "Totaal = €"+totaal.toFixed(2);
            m1++;
            t++;
        }
        var l1 = 1;
        var l1p = 0;
        var l1p2 = 0;
        function large1() {
            if (t == 0){
                l1p2 = 7.99;
                l1p = l1p2;
            }
            else{
                l1p = l1*3.995 + l1p2/2;
            }
            document.getElementById("l1").innerHTML = l1 + " Large Cheesy Steak Pizza €" + l1p.toFixed(2);
            totaal = m1p + l1p + c1p + m2p + l2p + c2p + m3p + l3p + c3p + m4p + l4p + c4p;
            document.getElementById("totaal").innerHTML = "Totaal = €"+totaal.toFixed(2);
            l1++;
            t++;
        }
        var c1 = 1;
        var c1p = 0;
        var c1p2 = 0;
        function calzone1() {
            if (t == 0){
                c1p2 = 6.99;
                c1p = c1p2;
            }
            else{
                c1p = c1*3.495 + c1p2/2;
            }
            document.getElementById("c1").innerHTML = c1 + " Calzone Cheesy Steak Pizza €" + c1p.toFixed(2);
            totaal = m1p + l1p + c1p + m2p + l2p + c2p + m3p + l3p + c3p + m4p + l4p + c4p;
            document.getElementById("totaal").innerHTML = "Totaal = €"+totaal.toFixed(2);
            c1++;
            t++;
        }

        var m2 = 1;
        var m2p = 0;
        var m2p2 = 0;
        function medium2() {
            if (t == 0){
                m2p2 = 4.99;
                m2p = m2p2;
            }
            else{
                m2p = m2*2.495 + m2p2/2;
            }
            document.getElementById("m2").innerHTML = m2 + " Medium Vegetariano Pizza €" + m2p.toFixed(2);
            totaal = m1p + l1p + c1p + m2p + l2p + c2p + m3p + l3p + c3p + m4p + l4p + c4p;
            document.getElementById("totaal").innerHTML = "Totaal = €"+totaal.toFixed(2);
            m2++;
            t++;
        }
        var l2 = 1;
        var l2p = 0;
        var l2p2 = 0;
        function large2() {
            if (t == 0){
                l2p2 = 7.99;
                l2p = l2p2;
            }
            else{
                l2p = l2*3.995 + l2p2/2;
            }
            document.getElementById("l2").innerHTML = l2 + " Large Vegetariano Pizza €" + l2p.toFixed(2);
            totaal = m1p + l1p + c1p + m2p + l2p + c2p + m3p + l3p + c3p + m4p + l4p + c4p;
            document.getElementById("totaal").innerHTML = "Totaal = €"+totaal.toFixed(2);
            l2++;
            t++;
        }
        var c2 = 1;
        var c2p = 0;
        var c2p2 = 0;
        function calzone2() {
            if (t == 0){
                c2p2 = 6.99;
                c2p = c2p2;
            }
            else{
                c2p = c2*3.495 + c2p2/2;
            }
            document.getElementById("c2").innerHTML = c2 + " Calzone Vegetariano Pizza €" + c2p.toFixed(2);
            totaal = m1p + l1p + c1p + m2p + l2p + c2p + m3p + l3p + c3p + m4p + l4p + c4p;
            document.getElementById("totaal").innerHTML = "Totaal = €"+totaal.toFixed(2);
            c2++;
            t++;
        }

        var m3 = 1;
        var m3p = 0;
        var m3p2 = 0;
        function medium3() {
            if (t == 0){
                m3p2 = 4.99;
                m3p = m3p2;
            }
            else{
                m3p = m3*2.495 + m3p2/2;
            }
            document.getElementById("m3").innerHTML = m3 + " Medium Quattro Formaggio Pizza €" + m3p.toFixed(2);
            totaal = m1p + l1p + c1p + m2p + l2p + c2p + m3p + l3p + c3p + m4p + l4p + c4p;
            document.getElementById("totaal").innerHTML = "Totaal = €"+totaal.toFixed(2);
            m3++;
            t++;
        }
        var l3 = 1;
        var l3p = 0;
        var l3p2 = 0;
        function large3() {
            if (t == 0){
                l3p2 = 7.99;
                l3p = l3p2;
            }
            else{
                l3p = l3*3.995 + l3p2/2;
            }
            document.getElementById("l3").innerHTML = l3 + " Large Quattro Formaggio Pizza €" + l3p.toFixed(2);
            totaal = m1p + l1p + c1p + m2p + l2p + c2p + m3p + l3p + c3p + m4p + l4p + c4p;
            document.getElementById("totaal").innerHTML = "Totaal = €"+totaal.toFixed(2);
            l3++;
            t++;
        }
        var c3 = 1;
        var c3p = 0;
        var c3p2 = 0;
        function calzone3() {
            if (t == 0){
                c3p2 = 6.99;
                c3p = c3p2;
            }
            else{
                c3p = c3*3.495 + c3p2/2;
            }
            document.getElementById("c3").innerHTML = c3 + " Calzone Quattro Formaggio Pizza €" + c3p.toFixed(2);
            totaal = m1p + l1p + c1p + m2p + l2p + c2p + m3p + l3p + c3p + m4p + l4p + c4p;
            document.getElementById("totaal").innerHTML = "Totaal = €"+totaal.toFixed(2);
            c3++;
            t++;
        }

        var m4 = 1;
        var m4p = 0;
        var m4p2 = 0;
        function medium4() {
            if (t == 0){
                m4p2 = 4.99;
                m4p = m4p2;
            }
            else{
                m4p = m4*2.495 + m4p2/2;
            }
            document.getElementById("m4").innerHTML = m4 + " Medium Sopranos Deluxe Pizza €" + m4p.toFixed(2);
            totaal = m1p + l1p + c1p + m2p + l2p + c2p + m3p + l3p + c3p + m4p + l4p + c4p;
            document.getElementById("totaal").innerHTML = "Totaal = €"+totaal.toFixed(2);
            m4++;
            t++;
        }
        var l4 = 1;
        var l4p = 0;
        var l4p2 = 0;
        function large4() {
            if (t == 0){
                l4p2 = 7.99;
                l4p = l4p2;
            }
            else{
                l4p = l4*3.995 + l4p2/2;
            }
            document.getElementById("l4").innerHTML = l4 + " Large Sopranos Deluxe Pizza €" + l4p.toFixed(2);
            totaal = m1p + l1p + c1p + m2p + l2p + c2p + m3p + l3p + c3p + m4p + l4p + c4p;
            document.getElementById("totaal").innerHTML = "Totaal = €"+totaal.toFixed(2);
            l4++;
            t++;
        }
        var c4 = 1;
        var c4p = 0;
        var c4p2 = 0;
        function calzone4() {
            if (t == 0){
                c4p2 = 6.99;
                c4p = c4p2;
            }
            else{
                c4p = c4*3.495 + c4p2/2;
            }
            document.getElementById("c4").innerHTML = c4 + " Calzone Sopranos Deluxe Pizza €" + c4p.toFixed(2);
            totaal = m1p + l1p + c1p + m2p + l2p + c2p + m3p + l3p + c3p + m4p + l4p + c4p;
            document.getElementById("totaal").innerHTML = "Totaal = €"+totaal.toFixed(2);
            c4++;
            t++;
        }
    </script>


</section>
</div>

</html>