Untitled

<!DOCTYPE html>
<?php
    $db = "mysql:host=localhost;dbname=matraswijzer;port=3307";
    $user = "root";
    $pass = "usbw";
    $pdo = new PDO($db, $user, $pass);
//date_default_timezone_set('Europe/Amsterdam');
//$date = date("Y-m-d");
    require_once('searchfilter.php');
?>

<html>
<head>
    <meta charset="UTF-8">
    <title>Matraswijzer</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet"
          href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.7.2/css/bootstrap-slider.min.css">
    <script src="js/jquery-3.1.1.min.js?"></script>
    <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.7.2/bootstrap-slider.min.js"></script>
</head>

<body>
<div class="container text-center">
    <legend id="thelegend27"><h1>Leen Bakker Matraswijzer</h1></legend>
    <form action="index.php" method="get" id="formpje">
        <h4>Beantwoord de volgende vragen voor uw advies:</h4> <br><br>

        <h3 class="text-center">Wat is uw budget?</h3>
        <b>€0</b> <input id="ex2" type="text" class="span2" value="" data-slider-min="0" data-slider-max="1500"
                         data-slider-step="5" data-slider-value="[500,1000]"/> <b>€ 1500</b>
        <br><br>
        <legend></legend>
        <br>
        <h3 class="text-center">Wat is uw gewicht?</h3>
        <b>0 kg</b> <input id="ex3" type="text" class="span4" value="" data-slider-min="0" data-slider-max="200"
                           data-slider-step="5" data-slider-value="[60 ,130]"/> <b>200 kg</b>
        <script src="sliderFunctionality.js"></script>
        <input type="hidden" name="minprijs" value="" id="minprijs">
        <input type="hidden" name="maxprijs" value="" id="maxprijs">
        <input type="hidden" name="mingewicht" value="" id="mingewicht">
        <input type="hidden" name="maxgewicht" value="" id="maxgewicht">
        <br><br>
        <legend></legend>
        <br>
        <h3 class="text-center">Welke matrasbreedte zoekt u?</h3>

        <label class="col-md-4 control-label" for="breedte"></label>
        <div class="form-group">
            <div class="row">
                <div class="col-md-4">
                    <label class="radio-inline" for="breedte-0">
                        <input name="breedte" id="breedte-0" value="40cm" checked="checked" type="radio">
                        40cm
                    </label>
                    <label class="radio-inline" for="breedte-1">
                        <input name="breedte" id="breedte-1" value="50cm" type="radio">
                        50cm
                    </label>
                    <label class="radio-inline" for="breedte-2">
                        <input name="breedte" id="breedte-2" value="70cm" type="radio">
                        70cm
                    </label>
                    <label class="radio-inline" for="breedte-3">
                        <input name="breedte" id="breedte-3" value="80cm" type="radio">
                        80cm
                    </label>
                    <label class="radio-inline" for="breedte-4">
                        <input name="breedte" id="breedte-4" value="90cm" type="radio">
                        90cm
                    </label>
                    <label class="radio-inline" for="breedte-5">
                        <input name="breedte" id="breedte-5" value="120cm" type="radio">
                        120cm
                    </label>
                    <label class="radio-inline" for="breedte-6">
                        <input name="breedte" id="breedte-6" value="140cm" type="radio">
                        140cm
                    </label>
                    <label class="radio-inline" for="breedte-7">
                        <input name="breedte" id="breedte-7" value="160cm" type="radio">
                        160cm
                    </label>
                    <label class="radio-inline" for="breedte-8">
                        <input name="breedte" id="breedte-8" value="180cm" type="radio">
                        180cm
                    </label>
                </div>
            </div>
        </div>
        <legend></legend>
        <br>
        <h3 class="text-center">Welke matraslengte zoekt u?</h3>
        <div class="form-group">
            <div class="row">
                <label class="col-md-4 control-label" for="lengte"></label>
                <div class="col-md-4">
                    <label class="radio-inline" for="lengte-0">
                        <input name="lengte" id="lengte-0" value="190cm" checked="checked" type="radio">
                        190cm
                    </label>
                    <label class="radio-inline" for="lengte-1">
                        <input name="lengte" id="lengte-1" value="200cm" type="radio">
                        200cm
                    </label>
                    <label class="radio-inline" for="lengte-2">
                        <input name="lengte" id="lengte-2" value="210cm" type="radio">
                        210cm
                    </label>
                    <label class="radio-inline" for="lengte-3">
                        <input name="lengte" id="lengte-3" value="220cm" type="radio">
                        220cm
                    </label>
                </div>
            </div>
        </div>
        <legend></legend>
        <br>
        <h3 class="text-center">Welke stevigheid heeft uw voorkeur?</h3>
        <div class="form-group">
            <div class="row">
                <label class="col-md-4 control-label" for="comfort"></label>
                <div class="col-md-4">
                    <label class="checkbox-inline" for="comfort-0">
                        <input name="comfort" id="comfort-0" value="Soepel" checked="checked" type="radio">
                        Soepel
                    </label>
                    <label class="checkbox-inline" for="comfort-1">
                        <input name="comfort" id="comfort-1" value="Medium" type="radio">
                        Medium
                    </label>
                    <label class="checkbox-inline" for="comfort-2">
                        <input name="comfort" id="comfort-2" value="Hard" type="radio">
                        Hard
                    </label>
                </div>
            </div>
        </div>
        <legend></legend>
        <br>
        <h3 class="text-center">In welke houding slaapt u?</h3>
        <p style="font-size: 11px">(meerdere antwoorden mogelijk)</p>
        <div class="form-group">
            <div class="row">
                <label class="col-md-4 control-label" for="houding"></label>
                <div class="col-md-4">
                    <label class="checkbox-inline" for="houding-0">
                        <input name="houding" id="houding-0" value="Rug" type="checkbox">
                        Rug
                    </label>
                    <label class="checkbox-inline" for="houding-1">
                        <input name="houding" id="houding-1" value="Buik" type="checkbox">
                        Buik
                    </label>
                    <label class="checkbox-inline" for="houding-2">
                        <input name="houding" id="houding-2" value="Zij" type="checkbox">
                        Zij
                    </label>
                </div>
            </div>
        </div>
        <legend></legend>
        <br>
        <h3 class="text-center">Heeft u het snel warm?</h3>
        <div class="form-group">
            <div class="row">
                <label class="col-md-4 control-label" for="warm"></label>
                <div class="col-md-4">
                    <label class="radio-inline" for="warm-0">
                        <input name="warm" id="warm-0" value="ja" checked="checked" type="radio">
                        Ja
                    </label>
                    <label class="radio-inline" for="warm-1">
                        <input name="warm" id="warm-1" value="nee" type="radio">
                        Nee
                    </label>
                    <label class="radio-inline" for="warm-2">
                        <input name="warm" id="warm-2" value="geenvoorkeur" type="radio">
                        Geen van beide
                    </label>
                </div>
            </div>
        </div>
        <legend></legend>
        <br>
        <h3 class="text-center">Heeft u last van rugklachten?</h3>
        <div class="form-group">
            <div class="row">
                <label class="col-md-4 control-label" for="rugklacht"></label>
                <div class="col-md-4">
                    <label class="radio-inline" for="rugklacht-0">
                        <input name="rugklacht" id="rugklacht-0" value="ja" checked="checked" type="radio">
                        Ja
                    </label>
                    <label class="radio-inline" for="rugklacht-1">
                        <input name="rugklacht" id="rugklacht-1" value="nee" type="radio">
                        Nee
                    </label>
                </div>
            </div>
        </div>
        <legend></legend>
        <br>
        <h3 class="text-center">Heeft u een allergie voor huiststofmijt?</h3>
        <div class="form-group">
            <div class="row">
                <label class="col-md-4 control-label" for="allergie"></label>
                <div class="col-md-4">
                    <label class="radio-inline" for="allergie-0">
                        <input name="allergie" id="allergie-0" value="ja" checked="checked" type="radio">
                        Ja
                    </label>
                    <label class="radio-inline" for="allergie-1">
                        <input name="allergie" id="allergie-1" value="nee" type="radio">
                        Nee
                    </label>
                </div>
            </div>
        </div>
        <legend></legend>
        <br>
        <h3 class="text-center">Heeft/wilt u een verstelbare bedbodem?</h3>
        <div class="form-group">
            <div class="row">
                <label class="col-md-4 control-label" for="bedbodem"></label>
                <div class="col-md-4">
                    <label class="radio-inline" for="bedbodem-0">
                        <input name="bedbodem" id="bedbodem-0" value="ja" checked="checked" type="radio">
                        Ja
                    </label>
                    <label class="radio-inline" for="bedbodem-1">
                        <input name="bedbodem" id="bedbodem-1" value="nee" type="radio">
                        Nee
                    </label>
                </div>
            </div>
        </div>
        <legend></legend>
        <br>
        <h3 class="text-center">Geeft u voorkeur aan een soort matras?</h3>
        <div class="form-group">
            <div class="row">
                <label class="col-md-4 control-label" for="soort"></label>
                <div class="col-md-4">
                    <label class="radio-inline" for="soort-0">
                        <input name="soort" id="soort-0" value="vering" checked="checked" type="radio">
                        Vering (Pocket- en Binnenvering)
                    </label>
                    <label class="radio-inline" for="soort-1">
                        <input name="soort" id="soort-1" value="schuim" type="radio">
                        Schuim (Koud- en Traagschschuim, polyether)
                    </label>
                    <label class="radio-inline" for="soort-1">
                        <input name="soort" id="soort-1" value="geenvoorkeur" type="radio">
                        Geen voorkeur
                    </label>
                </div>
            </div>
        </div>
        <legend></legend>
        <br>
        <input type="submit" class="btn btn-info btn-lg btn-custom" value="Genereer Advies" name="submit">
    </form>
    <hr style="height:40px;visibility:hidden;">
    <?php
    if (isset($_GET["submit"])) {
      echo "<strong style=\"font-size:20px;\">Overeengekomen resultaten:</strong><hr style=\"height:30px;visibility:hidden;\">";
    //$stmt = $pdo->query("SELECT naam, artikelnummer, foto, link, prijs FROM matras WHERE anti-allergisch = $allergie AND vochtregulatie = $vochtregulatie AND comfort = $comfort AND lengte = $lengte AND breedte = $breedte AND houding LIKE %$houding% AND $soort AND prijs > $minprijs AND prijs < $maxprijs AND gewicht > $mingewicht AND gewicht < $maxgewicht");
$allergieTest = 1;
$vochtRe = "hoog";
    $stmt = $pdo->query("SELECT naam, artikelnummer, foto, link, prijs FROM matras WHERE anti_allergisch = $allergieTest");
    while ($row = $stmt->fetch()) {
      echo '<div class="tables">';
      echo '<table>';
      echo '<tr>';
      echo '<th>';

      //foto
      echo '<img src="media/';
      echo $row['foto'];
      echo '" height="200px" width="200px">';
      echo "<br>";

      echo '</th>';
      echo '</tr>';
      echo '<tr>';
      echo '<td>';

      //naam, artikelnummer, prijs
      echo $row['naam'] . " (";
      echo $row['artikelnummer'] . ")<br>€ ";
      echo $row['prijs'] . " ";

      //link
      echo '<a href="';
      echo $row['link'];
      echo '">leenbakker.nl</a>';
      echo "\n";

      echo '</td>';
      echo '</tr>';
      echo '</table>';
      echo '</div>';
    }
  }

    ?>
</div>
</body>
</html>