Amvos2000/VoetenDeBaas_afspraak.php

## VoetenDeBaas_afspraak.php
<?php
require_once "database/database.php";
//require_once "main/query/reactie_ophalen.php";

$year = (isset($_GET['year'])) ? $_GET['year'] : date("Y");
$week = (isset($_GET['week'])) ? $_GET['week'] : date('W');
$week = intval($week);
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Voeten De Baas</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="stylesheets/main.css">
    <link rel="stylesheet" href="stylesheets/link.css">
    <link rel="stylesheet" href="stylesheets/slideshow.css">
    <link rel="stylesheet" href="stylesheets/reactie.css">

</head>
<body>

<?php
//require_once "main/Header.php";
require_once "pages/main/front/Slideshow.php";
?>
<?php
require_once "pages/main/front/homeBalk.php";
?>
<?php
require_once "pages/main/front/Route.php";
?>
    <div class="main">
        <h2>Welkom bij Pedicure praktijk Voeten de Baas</h2>

        <div class="linkbox">
        <a href="pages/calender/date.php?week=<?=$week?>&year=<?=$year?>" target="_blank">Afspraak maken</a>
        </div>
        <br>

        <p>
        <b>U kunt heel makkelijk een afspraak maken door hier boven te klikken of telefonisch via
            <a href="tel:555-555-5555" class="right">06 51 04 05 06</a><br>

            of via <a href="mailto:amber@voskamp.tv?subject=Afspraak maken&body=Afspraak maken voor voeten de baas:" class="right">
                info@pedicurevoetendebaas.nl</a></b><br>

        </p>
        <hr>


        <div class="linkreactie">
        <a href="pages/calender/query/reactie.php">Nieuw bericht toevoegen aan gastenboek</a>
            <hr>
             </div>

<?php
$query = "SELECT * FROM gastenBoek";

$result = mysqli_query($conn, $query);

//Loop through the result to create a custom array
/** @var lists $lists */
$lists = [];
while ($row = mysqli_fetch_assoc($result)) {
    $lists[] = $row;
}

//Close connection
mysqli_close($conn);

    foreach ($lists as $list) { ?>
        <div class="box_reactie">
        <table border="0px">
                        <tr>
<td>
    <b>naam:</b><?= $list['name']; ?><br>

    <b>reactie:</b>  <?= $list['reactie']; ?><br></td>
                            <hr>
        <?php } ?>
            </tr>
        </table>


    </div>
</div>
</div>
<?php
require_once "pages/main/front/UnderBalk.php";
?>

</body>
</html>

## VoetenDeBaas_database_database.php
<?php
$host = "192.168.50.5";
$database = "website";
$user = "root";
$password = "root";

$conn = mysqli_connect($host, $user, $password, $database)
or die("Error: " . mysqli_connect_error());;

## VoetenDeBaas_dePraktijk.php
<?php
namespace dePraktijk;
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Voeten De Baas</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="stylesheets/main.css">
    <link rel="stylesheet" href="stylesheets/slideshow.css">

</head>
<body>

<?php
//require_once "main/Header.php";
require_once "pages/main/front/Slideshow.php";
?>
<?php
require_once "pages/main/front/homeBalk.php";
?>
<?php
require_once "pages/main/front/Route.php";
?>
    <div class="main">
        <h2>Welkom bij Pedicure praktijk Voeten de Baas</h2>

        <div class="fakeimg" style="height:200px;">
            <img src="pages/image/pedicure.png" alt="mail" width="700" height="170" >
            </div>
        <p>
            <br><b><h3>Uw voeten verdienen uw aandacht</h3></b>

            <br>Als u erbij stil staat hoeveel kilometers u gedragen wordt door uw voeten,
            <br>dan is dit zeker geen loze kreet. U kunt te maken krijgen met allerlei ongemakken
            <br>zoals eelt, likdoorns/eksteroog, ingroeiende nagels, et cetera. Maar wist u dat,
            <br>als u problemen met uw voeten heeft, u vaak ongemerkt uw houding veranderd waardoor
            <br>er vervolgens andere problemen kunnen ontstaan. Denkt u maar eens aan rug-heup en/of
            <br>nekklachten. Wanneer u bedenkt hoeveel werk uw voeten moeten verrichten, bent u het
            <br>ongetwijfeld met mij eens dat wat extra aandacht volledig op zijn plaats is. Goed en
            <br>gemakkelijk lopen heeft invloed op de totale gezondheid! Veel mensen onderschatten dan
            <br>ook het belang van goede voetverzorging.
       </p>
       <p>
            <br><b><h3>Zelf kunt u een aantal van deze ongemakken voorkomen door:</h3></b>

            <br> - Geen strakke sokken of kousen te dragen.

            <br>- De voeten dagelijks te wassen en goed af te drogen. {vooral tussen de tenen}.

            <br>- Teennagels recht en niet te kort af te knippen.

            <br>- Goed passende schoenen te dragen met voldoende ruimte voor de tenen.
       </p>
       <p>
            <br><b><h3>De behandeling bestaat uit:</h3></b>

            <br>- Desinfecteren van de voeten

            <br>- Knippen van de nagels

            <br>- Verwijderen van overtollig eelt

            <br>- Verwijderen van eventuele likdoorns, zoals eeltpit/eksteroog

            <br>- Behandelen van eventuele kloven

            <br>- Behandelen van kalknagels en ingroeiende nagels

            <br>- Verzorging van de nagels en de nagelomgeving [nagelwallen]

            <br>- Het aanbrengen van voetencrème ter bevordering van de doorbloeding.
       </p>
       <p>
            <br><b><h3>Duur van de basis behandeling is ongeveer 45 min. en kost € 26.00
            <br>Voor iedere 15 min extra € 8,50 </h3></b>
               ( wordt besproken bij de anamnese )
       </p>
       <p>
            <br><b><h3>Deelbehandeling van de voet €15,00</h3></b>

            <br>Tijdens deze behandeling wordt niet de hele voet behandeld, maar alleen een specifieke plek of probleem.

            <br>Bijv, een ingroeiende nagel, 1 eeltlocatie of likdoorn verwijderen.
       </p>
       <p>
            <br><b><h3>Afspraak maken?</h3></b>

            <br>Dit kan zowel telefonisch via 06 51 04 05 06 als via de knop "afspraak maken"
       </p>
       <p>
            <br><b><h3>Volgorde:</h3></b>

            <br>Bij uw eerste bezoek vindt er vooraf aan een pedicure behandeling een anamnese/voetonderzoek
            <br>plaats met eventueel een blauwafdruk van beide voeten.  Dit houd in dat ik u een paar vragen ga
            <br>stellen met betrekking tot uw gezondheid en uw klachten. Dit alles om een behandelplan op te stellen.
            <br>Eerst bekijk ik nauwkeurig de huid en de nagels van uw voeten. Het kan zijn dat uw voeten meer onderhoud
            <br>nodig hebben dan de standaard basisbehandeling van 45 min, dan wordt dit vooraf met u besproken.
            <br>
            <br>Voor een optimale hygiëne worden de voeten gedesinfecteerd. De behandeling bestaat onder meer uit het
            <br>verwijderen van eelt en likdoorns, het op de juiste manier het knippen van de nagels en het polijsten van de
            <br>nagelplaat. Met een pedicure motor op basis van nat techniek wordt u snel en vrijwel pijnloos geholpen. Als de
            <br>conditie van de voet het toelaat wordt de behandeling afgerond met het incrèmen van de voet met een ontspannende
            <br>voetmassage.
       </p>
    </div>
</div>
<?php
require_once "pages/main/front/UnderBalk.php";
?>

</body>
</html>

## VoetenDeBaas_index.php
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Voeten De Baas</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="stylesheets/main.css">
    <link rel="stylesheet" href="stylesheets/slideshow.css">

</head>
<body>


<?php
//require_once "main/Header.php";
try { require_once "pages/main/front/Slideshow.php";} finally{($e);}
try { require_once "pages/main/front/homeBalk.php";} finally{($e);}
try { require_once "pages/main/front/Route.php";} finally{($e);}
?>
<?php
//require_once "pages/main/front/homeBalk.php";
?>
<?php
//require_once "pages/main/front/Route.php";
?>
    <div class="main">
        <h2>Welkom bij Pedicure praktijk Voeten de Baas</h2>

        <div class="fakeimg" style="height:200px;">
            <img src="pages/image/kamertje.png" alt="mail" width="500" height="190" >
            </div>
        <p>
            Mijn naam is Diana Baas en ik ben gediplomeerd Pedicure. Kwaliteit en service staat bij mij voorop.Ik heb mijn praktijk aan huis<br>
            op de eerste verdieping, die door middel van een trap te bereiken is. Ik ben aangesloten bij de Nederlandse branchevereniging voor<br>
        pedicures "provoet", te herkennen aan het provoet-logo en/of provoet muurbord. Alle leden van provoet worden verplicht om een door<br>
            de branche erkend diploma te halen. Hierdoor weet u zeker dat uw voeten door een vakkundige voetverzorger behandeld worden!<br>
        </p>
        <div class="fakeimg" style="height:100px;">
            <img src="pages/image/provoet.png" alt="mail" width="200" height="100" >
        </div>
        <p>
            Ik werk volgens de code van de voetverzorger, dit houdt in dat er altijd met gereinigde en gedesinfecteerde instrumenten in een<br>
            hygiënische omgeving wordt gewerkt. Daarbij werk ik met een nat techniek pedicure motor, wat het mogelijk maakt om efficiënt en<br>
            (vrijwel) pijnloze behandelingen te geven.<br>
        </p><p>
            Als u, na het bezoeken van deze website, nog vragen heeft of als u een afspraak wilt maken voor een pedicure behandeling, dan kunt<br>
            u contact met mij opnemen. U kunt ook een afspraak maken via de knop "afspraak maken". Mijn gegevens staan in de contactpagina.<br>
            Ik wens u een plezierig verblijf op mijn website en hoop u binnenkort te mogen verwelkomen in mijn pedicure praktijk.<br>
        </p><p>
            Met vriendelijke groet,<br>
        </p><p>
            Diana Baas<br>

        </p><br>


    </div>
</div>
<?php
require_once "pages/main/front/UnderBalk.php";
?>
<script>
   /* $(window).scroll(function () {
        var sc = $(window).scrollTop();
        let wh = screen.hei
        console.log(sc);
        if (sc > 231) {
            $("#header-sroll").addClass("fixed");
        } else {
            $("#header-sroll").removeClass("fixed");
        }
    });
    */
   let header = document.getElementById("header-scroll")
   window.addEventListener('scroll', function (e) {
       let top = .scrollTop
       console.log(top)
   })
</script>
</body>
</html>

## VoetenDeBaas_pages_calender_date.php
<?php
session_start();
//require gegevens uit de datebase voor calender
require_once "inc/gegevensdate.inc.php";
 require_once "../main/calender/calender_balk.php";
?>

<?php
$year = (isset($_GET['year'])) ? $_GET['year'] : date("Y");
$week = (isset($_GET['week'])) ? $_GET['week'] : date('W');
$dag = (isset($_GET['day'])) ? $_GET['day'] : date('d');
$month = (isset($_GET['month'])) ? $_GET['month'] : date('M');

if($week > 52) {
    $year++;
    $week = 1;
} elseif($week < 1) {
    $year--;
    $week = 52;
}
?>


<!DOCTYPE html>
<html>
<head>
    <title>Voeten De Baas calender custemer</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../../stylesheets/calender/calender.css">
    <link rel="stylesheet" href="../../stylesheets/balk.css">

</head>
<body>

<br><br>
<div class="link">

    <div style="text-align:center;">
        <a href="<?php echo $_SERVER['PHP_SELF'].'?week='.($week == 1 ? 52 : $week -1).'&year='.($week == 1 ? $year - 1 : $year); ?>">Pre Week</a> <!--Previous week-->

        <a href="<?php echo $_SERVER['PHP_SELF'].'?week='.($week == 52 ? 1 : 1 + $week).'&year='.($week == 52 ? 1 + $year : $year); ?>">Next  Week</a> <!--Next week-->
    </div>
    </div>

    <div class="box">
<table border="1px">
    <tr>
        <?php
        if($week < 10) {
            $week = '0'. $week;
        }
        for($day= 1; $day <= 7; $day++) {
            $d = strtotime($year ."W". $week . $day);
            //d
            echo "<th>". date('l', $d) ."<br>". date('d M', $d) ."</th>";
        }
        ?>
    </tr>
    <tr>
        <?php
        for ($weekday = 1; $weekday <= 7; $weekday++) {
            ?>
            <td>
                <?php

                foreach ($lists as $list) {
                    if ($list['year'] == $year &&
                        $list['week'] == $week &&
                        $list['day'] == $weekday) {

                        $testje = false;
                        foreach ($ids as $id) {
                            if ($list['id'] == $id['appointment_id'])  {
                                $testje = true;
                            }
                        }

                        if($testje == true) {
                            ?>


                            <div class="taken">
                                <?php
                                if(isset($_SESSION['userId'])){
                                ?>

                                    <a class="link_detail" href="query/detail.php?id=<?=($list['id'])?>"> <?= $list['timeStart'] ?> - <?= $list['timeEnd'] ?> <br> Bezet!<br></a>

                                    <br>
                                    <a class="link_delete" href="query/Delete_date.php?id=<?=($list['id'])?>" >Delete</a>

                                <?php }else{?>
                                <?= $list['timeStart'] ?> - <?= $list['timeEnd'] ?> <br> Bezet!<br>
                                <?php } ?>
                                <hr>
                            </div>

                            <?php
                        } else {
                            ?>

                            <a class="link_detail" href="query/Insert_user.php?id=<?=($list['id'])?>">

                                <div class="free">
                                    <?= $list['timeStart'] ?> - <?= $list['timeEnd'] ?> <br> Vrij!<br>
                                </a>
                                    <?php
                                    if(isset($_SESSION['userId'])){
                                        ?>
                                            <br>
                                        <a class="link_delete" href="query/Delete_date.php?id=<?=($list['id'])?>" class="">Delete</a>
                                    <?php }?>
                                 <hr>
                                </div>

                            <?php

                        }
                    }

                }
                ?>
            </td>

            <?php
        }
        ?>
    </tr>

</table>
    </div>
<?php
if(isset($_SESSION['userId'])){?>
    <div class="link">
        <a href="query/Insert_date.php" >Insert</a>
    </div>
<?php } ?>


</body>
</html>

## VoetenDeBaas_pages_calender_inc_database_database.php
<?php
$host = "192.168.50.5";
$database = "website";
$user = "root";
$password = "root";

$conn = mysqli_connect($host, $user, $password, $database)
or die("Error: " . mysqli_connect_error());;

## VoetenDeBaas_pages_calender_inc_gegevensdate.inc.php
<?php
require_once "database/database.php";
?>

<!DOCTYPE html>
<html>
<title>datebase data for calender</title>
<body>
<?php
//Get the result set from the database with a SQL query
$query = "SELECT * FROM appointment";
$query_users = "SELECT appointment_id FROM users";

$result = mysqli_query($conn, $query);
$result_users = mysqli_query($conn, $query_users);

//Loop through the result to create a custom array
/** @var lists $lists */
$lists = [];
while ($row = mysqli_fetch_assoc($result)) {
    $lists[] = $row;
}

$ids = [];
while ($id = mysqli_fetch_assoc($result_users)) {
    $ids[] = $id;
}


//Close connection
mysqli_close($conn);
?>

</body>
</html>

## VoetenDeBaas_pages_calender_query_Delete_date.php
<?php
require_once "../inc/database/database.php";

$year = (isset($_GET['year'])) ? $_GET['year'] : date("Y");
$week = (isset($_GET['week'])) ? $_GET['week'] : date('W');
$week = intval($week);

$id_afspraak = (isset($_GET['id'])) ? $_GET['id'] : "";

    $sql =
        "DELETE FROM appointment WHERE id=$id_afspraak";


    if ($conn->query($sql) === TRUE) {
        echo "New record created successfully";
    } else {
        echo "Error: " . $sql . "<br>" . $conn->error;
    }


header("Location: ../../calender/date.php?week=$week&year=$year");
exit();
?>

## VoetenDeBaas_pages_calender_query_Delete_user.php
<?php
require_once "../inc/database/database.php";

$year = (isset($_GET['year'])) ? $_GET['year'] : date("Y");
$week = (isset($_GET['week'])) ? $_GET['week'] : date('W');
$week = intval($week);

$id_afspraak = (isset($_GET['id'])) ? $_GET['id'] : "";

$sql =
    "DELETE FROM users WHERE id=$id_afspraak";


if ($conn->query($sql) === TRUE) {
    echo "Record deleted";
} else {
    echo "Error: " . $sql . "<br>" . $conn->error;
}


header("Location: ../../calender/date.php?week=$week&year=$year");
exit();
?>

## VoetenDeBaas_pages_calender_query_detail.php
<?php
//Require database in this file

require_once "../inc/database/database.php";

require_once "../../main/calender/afspraak_balk.php";

$id_afspraak = (isset($_GET['id'])) ? $_GET['id'] : "";

$year = (isset($_GET['year'])) ? $_GET['year'] : date("Y");
$week = (isset($_GET['week'])) ? $_GET['week'] : date('W');
$week = intval($week);

$query = "SELECT * FROM users WHERE appointment_id = $id_afspraak";

$result = mysqli_query($conn, $query);

//Loop through the result to create a custom array
/** @var lists $lists */
$lists = [];
while ($row = mysqli_fetch_assoc($result)) {
    $lists[] = $row;
}

//Close connection
mysqli_close($conn);
?>

<!DOCTYPE html>
<html>
<title>Voeten De Baas</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../../stylesheets/calender/detail.css">
<link rel="stylesheet" href="../../../stylesheets/balk.css">
<body>
<div class="container">
   <?php foreach ($lists as $list) { ?>
        <table border="1px">
                        <tr>
<td>
            naam:<?= $list['name']; ?><br>
            <?= $list['email']; ?><br>
</td><td>  </td>
                            <td>   <?= $list['phone']; ?><br></td>
        <hr>
        <?php } ?>
            </tr>
        </table>

<br>
    <div class="link">
    <a class="link" href="Delete_user.php?id=<?=($list['id'])?>" class="">Delete</a>
</div>
</div>
</body>
</html>

## VoetenDeBaas_pages_calender_query_Insert_date.php
<?php
require_once "../inc/database/database.php";
require_once "../../main/calender/afspraak_balk.php";

$year = (isset($_GET['year'])) ? $_GET['year'] : date("Y");
$week = (isset($_GET['week'])) ? $_GET['week'] : date('W');
$week = intval($week);
?>
<!doctype html>
<html>
<head>
    <title>Voeten De Baas</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../../../stylesheets/form.css">
    <link rel="stylesheet" href="../../../stylesheets/balk.css">
</head>
<body>
<?php
if(isset($_POST['save'])) {
     $id = '';
     $year = $_POST['year'];
     $week = $_POST['week'];
    $week = intval($week);
     $day = $_POST['day'];
     $timeStart = $_POST['poep'];
     $timeEnd =  date('H:i', strtotime($timeStart) + 60*60);

     $sql =
        "INSERT INTO appointment (id, year, week, day, timeStart, timeEnd)
        VALUES (' $id ',' $year ',' $week ',' $day ',' $timeStart ',' $timeEnd ')";


    if ($conn->query($sql) === TRUE) {
        echo "New record created successfully";
    } else {
        echo "Error: " . $sql . "<br>" . $conn->error;
    }
    header("Location: ../../calender/date.php?week=$week&year=$year");
    exit();
}


//mysqli_query($conn, $sql)
?>
<div class="container">
<form action="" method="post" >

    <label for="year">Jaar:</label>
    <select id="year" name="year">
        <option value="<?= date("Y") ?>"><?= date("Y") ?></option>
        <option value="<?= date('Y', strtotime('+1 years')); ?>"><?= date('Y', strtotime('+1 years')); ?></option>
        <option value="<?= date('Y', strtotime('+2 years')); ?>"><?= date('Y', strtotime('+2 years')); ?></option>
    </select><br><br>

    <label for="week">Week:</label>
    <select id="week" name="week">
        <option value="<?=date("W") ?>"><?= date("W") ?></option>
        <?php for ($i = 1; $i <= 52; $i++) {?>

        <option value="<?= date('W', strtotime('+' .$i. 'week')); ?>"><?= date('W', strtotime('+ ' .$i. ' week')); ?></option>
       <?php } ?>
    </select><br><br>

    <label for="day">Dag:</label>
    <select id="day" name="day">
        <option value="1">Maandag</option>
        <option value="2">Dinsdag</option>
        <option value="3">Woensdag</option>
        <option value="4">Donderdag</option>
        <option value="5">Vrijdag</option>
        <option value="6">Zaterdag</option>
        <option value="7">Zondag</option>
    </select><br><br>

    <label for="timeStart">Tijd:</label>
    <input type="time" id="time" name="poep"/>
    <br><br>


    <button type="submit" name="save" value="GO">save</button>

</form>
</div>


</body>
</html>

## VoetenDeBaas_pages_calender_query_Insert_user.php
<?php
require_once "../inc/database/database.php";
require_once "../../main/calender/afspraak_balk.php";

$year = (isset($_GET['year'])) ? $_GET['year'] : date("Y");
$week = (isset($_GET['week'])) ? $_GET['week'] : date('W');
$week = intval($week);

$id_afspraak = (isset($_GET['id'])) ? $_GET['id'] : "";

$query = "select * from appointment where appointment.id = $id_afspraak";
$result = mysqli_query($conn, $query);

$row = mysqli_fetch_assoc($result);
if ($row === null){
    ?>
    <!doctype html>
    <html>
    <head>
        <title>oops</title>
    </head>
    <body>
    <p>Deze afspraak bestaat niet.</p>
    </body>
    <?php
}
else {
    if(isset($_POST['save'])) {
        $id = '';
        $name = $_POST['name'];
        $email = $_POST['email'];
        $phone = $_POST['phone'];

        if($name == "" || $email == "" || $phone == ""){
            echo "dit mag niet";
        }
        else {
            $query = "select * from users where users.appointment_id = $id_afspraak";
            $result = mysqli_query($conn, $query);

            $row = mysqli_fetch_assoc($result);
            if ($row === null){
                $sql =
                    "INSERT INTO users (id, name, email, phone, appointment_id)
                VALUES (' $id ',' $name ',' $email ',' $phone ',' $id_afspraak')";


                if ($conn->query($sql) === TRUE) {
                    echo "New record created successfully";
                } else {
                    echo "Error: " . $sql . "<br>" . $conn->error;
                }


            }
            else {
                echo "Deze afspraak is al bezet!";
            }
            header("Location: ../../calender/date.php?week=$week&year=$year");
            exit();
        }
    }

    ?>
    <!doctype html>
    <html>
    <head>
        <title>Voeten De Baas</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="../../../stylesheets/form.css">
        <link rel="stylesheet" href="../../../stylesheets/balk.css">
    </head>
    <body>
    <div class="container">
        <?php
        $sql2 = "SELECT * FROM appointment WHERE id = $id_afspraak";

            $result = mysqli_query($conn, $sql2);

        //Loop through the result to create a custom array
        /** @var lists $lists */
        $lists = [];
        while ($row = mysqli_fetch_assoc($result)) {
            $lists[] = $row;
        }

        foreach ($lists as $list) {
            $day_full = array("Dag bestaat niet", "Maandag", "Dinsdag", "Woensdag", "Donderdag", "Vrijdag", "Zaterdag", "Zondag");
            ?>

            <p>
                Je bent nu een afspraak aan het maken voor:<br>
                tijd: <?= $list['timeStart'];?> -
                <?= $list['timeEnd'];?><br>
                dag:  <?= $day_full[$list['day']];?><br>
                Week: <?= $list['week'];?><br>
                Jaar: <?= $list['year'];?><br>
                <br>
                Vul de volgende gegevens in om u afspraak te verzilveren<br>
            </p>

        <?php } ?>

        <form method="post">
            <label id="first">Naam:</label><br>
            <input id="nameField" type="text" name="name" placeholder="Name..."><br>

            <label id="first">E-mail:</label><br/>
            <input id="mailField" type="email" name="email" placeholder="E-mail...."><br/>

            <label id="first">telefoonnummer:</label><br/>
            <input id="phoneField" type="text" name="phone" placeholder="Telefoonnummer..."><br/>

            <button id="button" disabled="true" type="submit" name="save" class="button">Afspraak maken</button>
        </form>
    </div>

    <script>
        let name = document.getElementById("nameField")
        let mail = document.getElementById("mailField")
        let phone = document.getElementById("phoneField")
        let button = document.getElementById("button")


        function buttonSwitch() {
            if (name.value === "" || name.value == null) {
                button.disabled = true;
            }
            else if (mail.value === "" || mail.value == null) {
                button.disabled = true;
            }
            else if (phone.value === "" || phone.value == null) {
                button.disabled = true;
            } else {
                button.disabled = false;
            }

        }


        window.addEventListener("keypress", buttonSwitch)

    </script>
    </body>
    </html>
    <?php

}
?>

## VoetenDeBaas_pages_calender_query_reactie.php
<?php
require_once "../inc/database/database.php";
require_once "../../main/front/reactie_balk.php";
?>
<!doctype html>
<html>
<head>
    <title>Voeten De Baas</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../../../stylesheets/form.css">
    <link rel="stylesheet" href="../../../stylesheets/balk.css">
</head>
<body>
<?php
if(isset($_POST['save'])) {
    $id = '';
    $name = $_POST['name'];
    $reactie = $_POST['reactie'];

    $sql =
        "INSERT INTO gastenBoek (id, name,reactie)
        VALUES (' $id ',' $name ',' $reactie ')";


    if ($conn->query($sql) === TRUE) {
        echo "New record created successfully";
    } else {
        echo "Error: " . $sql . "<br>" . $conn->error;
    }
    header("Location: ../../../afspraak.php");
    exit();
}


//mysqli_query($conn, $sql)
?>
<div class="box">
<form method="post">
    <label id="first"> naam:</label><br/>
    <input type="text" name="name"><br/>

    <label id="first">Bericht</label><br/>
    <input type="text" name="reactie"><br/>

    <button type="submit" name="save" class="button">Plaats bericht</button>
</form>
</div>

</body>
</html>

## VoetenDeBaas_pages_image_mail.svg

      
Display the source blob

    
Display the rendered blob

    
    Raw
  

              VoetenDeBaas_pages_image_mail.svg
            
          
      Sorry, something went wrong. Reload?
      Sorry, we cannot display this file.
      Sorry, this file is invalid so it cannot be displayed.
      
          Viewer requires iframe.
      
    
## VoetenDeBaas_pages_image_phone.svg

      
Display the source blob

    
Display the rendered blob

    
    Raw
  

              VoetenDeBaas_pages_image_phone.svg
            
          
      Sorry, something went wrong. Reload?
      Sorry, we cannot display this file.
      Sorry, this file is invalid so it cannot be displayed.
      
          Viewer requires iframe.
      
    
## VoetenDeBaas_pages_login_header.php
<?php
require_once "../main/calender/inlog/inlog.balk.php";
?>
<!DOCTYPE html>
<html>
<title>Voeten De Baas</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../stylesheets/form.css">
<link rel="stylesheet" href="../../stylesheets/balk.css">

<body>
<div class="container">
<form action="inc/login.inc.php" method="post">
    <input type="text" name="mailuid" placeholder="Username/E-mail...">
    <input type="password" name="pwd" placeholder="Password...">

    <button type="submit" name="login-submit" class="button">login</button>
</form>

## VoetenDeBaas_pages_login_inc_database.php
<?php
$host = "192.168.50.5";
$database = "website";
$user = "root";
$password = "root";

$conn = mysqli_connect($host, $user, $password, $database)
or die("Error: " . mysqli_connect_error());;

## VoetenDeBaas_pages_login_inc_login.inc.php
<?php

$year = (isset($_GET['year'])) ? $_GET['year'] : date("Y");
$week = (isset($_GET['week'])) ? $_GET['week'] : date('W');
$week = intval($week);

if(isset($_POST['login-submit'])){

    require "database.php";

    $mailuid = $_POST['mailuid'];
    $password = $_POST['pwd'];

    if(empty($mailuid) || empty($password)){
        header("Location: ../inlog.php?error=emptyfields");
        exit();
    }
    else{
        $sql = "SELECT * FROM admin WHERE uidusers=? OR emailUsers=?;";
        $stmt = mysqli_stmt_init($conn);
        if(!mysqli_stmt_prepare($stmt, $sql)){
            header("Location: ../inlog.php?error=sqlerror");
            exit();
        }
        else{

            mysqli_stmt_bind_param($stmt, "ss", $mailuid, $mailuid);
            mysqli_stmt_execute($stmt);
            $result = mysqli_stmt_get_result($stmt);
            if($row = mysqli_fetch_assoc($result)){
                $pwdCheck = password_verify($password, $row['pwdUsers']);
                if($pwdCheck == false){
                    header("Location: ../inlog.php?error=wrongpwd");
                    exit();
                }
                else if($pwdCheck == true){
                    session_start();
                    $_SESSION['userId'] = $row['id'];
                    $_SESSION['userUid'] = $row['uidUsers'];

                    header("Location: ../../calender/date.php?week=$week&year=$year");
                    exit();

                }
                else{
                    header("Location: ../inlog.php?error=wrongpwd");
                    exit();
                }
            }
            else{
                header("Location: ../inlog.php?error=nouser");
                exit();
            }

        }
    }
}
else{
    header("Location: ../inlog.php");
    exit();
}

## VoetenDeBaas_pages_login_inc_logout.inc.php
<?php

session_start();
session_unset();
session_destroy();
header("Location: ../../../index.php");

## VoetenDeBaas_pages_login_inc_signup.inc.php
<?php

if (isset($_POST['signup-submit'])){

    require "database.php";

    $username = $_POST['uid'];
    $email = $_POST['mail'];
    $password = $_POST['pwd'];
    $passwordRepeat = $_POST['pwd-repeat'];

    if(empty($username) || empty($email) || empty($password) || empty($passwordRepeat)){
        header("Location: ../signup.php?error=emptyfields&uid=".$username."&mail=".$email);
        exit();
    }
    else if(!filter_var($email, FILTER_VALIDATE_EMAIL) && !preg_match("/^[a-zA-Z0-9]*$/", $username)){
        header("Location: ../signup.php?error=invalidmailuis");
        exit();
    }
    else if(!filter_var($email, FILTER_VALIDATE_EMAIL)){
        header("Location: ../signup.php?error=invalidmail&uid=".$username);
        exit();
    }
    else if(!preg_match("/^[a-zA-Z0-9]*$/", $username)){
        header("Location: ../signup.php?error=invaliduid&mail=".$email);
        exit();
    }
    else if($password !== $passwordRepeat){
        header("Location: ../signup.php?error=passwordcheck&uid=".$username."&mail=".$email);
        exit();
    }
    else {

        $sql= "SELECT uidUsers FROM admin WHERE uidusers=?";
        $stmt = mysqli_stmt_init($conn);
        if(!mysqli_stmt_prepare($stmt, $sql)){
            header("Location: ../signup.php?error=sqlerror");
            exit();
        }
        else{
            mysqli_stmt_bind_param($stmt, "s", $username);
            mysqli_stmt_execute($stmt);
            mysqli_stmt_store_result($stmt);
            $resultCheck= mysqli_stmt_num_rows($stmt);
            if($resultCheck > 0){
                header("Location: ../signup.php?error=usertaken&mail=".$email);
                exit();
            }
            else{
                $sql= "INSERT INTO admin (uidUsers, emailUsers, pwdUsers) VALUES (?, ?, ?)";
                $stmt = mysqli_stmt_init($conn);
                if(!mysqli_stmt_prepare($stmt, $sql)){
                    header("Location: ../signup.php?error=sqlerror");
                    exit();
                }
                else{
                    $hashedPwd = password_hash($password, PASSWORD_DEFAULT);

                    mysqli_stmt_bind_param($stmt, "sss", $username, $email, $hashedPwd);
                    mysqli_stmt_execute($stmt);
                     header("Location: ../signup.php?signup=success");
                    exit();

                }

            }
        }
    }
    mysqli_stmt_close($stmt);
    mysqli_close($conn);

}
else{
    header("Location: ../signup.php");
    exit();
}

## VoetenDeBaas_pages_login_inlog.php


<?php
    require_once "header.php";
?>

    <main>

    </main>
</div>
</body>
</html>

## VoetenDeBaas_pages_login_signup.php
<?php
require_once "../main/calender/inlog/inlog.balk.php";
?>
<!DOCTYPE html>
<html>
<title>Voeten De Baas</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../stylesheets/form.css">
<link rel="stylesheet" href="../../stylesheets/balk.css">
<body>
<main>
    <div class="container">
    <h1>Signup</h1>
    <?php
    if(isset($_GET['error'])){
        if($_GET['error'] == "emptyfields"){
            echo '<p>  Fill in aal fields! </p>';
        }
        else if($_GET['error'] == "invaliduidmail"){
            echo '<p>  Invalid username and e-mail! </p>';
        }
        else if($_GET['error'] == "invaliduid"){
            echo '<p>  Invalid username! </p>';
        }
        else if($_GET['error'] == "invalidmail"){
            echo '<p>  Invalid e-mail! </p>';
        }
        else if($_GET['error'] == "passwordcheck"){
            echo '<p>  Your password do not match! </p>';
        }
        else if($_GET['error'] == "usertaken"){
            echo '<p>  Username is already taken! </p>';
        }
    }
    /* else if($_GET['signup'] == "success"){
         echo'<p>  Signup succesful! </p>';
     }*/
    ?>

    <form action="inc/signup.inc.php" method="post">
        <input type="text" name="uid" placeholder="Username">
        <input type="text" name="mail" placeholder="E-mail">
        <input type="password" name="pwd" placeholder="Password">
        <input type="password" name="pwd-repeat" placeholder="Repeat password">
        <button type="submit" name="signup-submit" class="button">Signup</button>
    </form>
    </div>
    </main>


</body>
</html>


## VoetenDeBaas_pages_main_calender_afspraak_balk.php
<?php
$year = (isset($_GET['year'])) ? $_GET['year'] : date("Y");
$week = (isset($_GET['week'])) ? $_GET['week'] : date('W');
$week = intval($week);
?>
<div class="navbar">

    <a class="active" href="../date.php?week=<?=$week?>&year=<?=$year?>"> Terug naar kalender</a>

    <?php
    if(isset($_SESSION['userId'])){?>
        <a href="../../login/inc/logout.inc.php" class="right">Logout</a>
    <?php } else {?>

    <?php } ?>
</div>

## VoetenDeBaas_pages_main_calender_calender_balk.php

<div class="navbar">

    <a class="active" href="../../../VoetenDeBaas/index.php"> Terug naar home</a>

    <?php
    if(isset($_SESSION['userId'])){?>
        <a href="../login/inc/logout.inc.php" class="right">Logout</a>
        <a href="../login/signup.php" class="right">Signup a new user</a>
    <?php } else {?>
        <a href="../login/inlog.php" class="right">Login</a>
   <?php } ?>
</div>

## VoetenDeBaas_pages_main_calender_inlog_inlog.balk.php
<?php
$year = (isset($_GET['year'])) ? $_GET['year'] : date("Y");
$week = (isset($_GET['week'])) ? $_GET['week'] : date('W');
$week = intval($week);
?>
<div class="navbar">

    <a class="active" href="../calender/date.php?week=<?=$week?>&year=<?=$year?>"> Terug naar kalender</a>


    <?php
    if(isset($_SESSION['userId'])){?>
        <a href="inc/logout.inc.php" class="right">Logout</a>
    <?php } ?>
</div>

## VoetenDeBaas_pages_main_front_Header.php
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Voeten De Baas</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="main.css">\


</head>
<body>

<div class="header">

</div>

</body>
</html>

## VoetenDeBaas_pages_main_front_homeBalk.php
<?php
session_start()
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Voeten De Baas</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../../../stylesheets/main.css">

</head>
<body>
<div class="tweedrieeen"></div>
<div class="navbar" id="header-sroll">

    <a href="index.php">Home</a>
    <a href="dePraktijk.php">De praktijk</a>
    <a href="afspraak.php">Afspraak maken</a>

      <?php
      if(isset($_SESSION['userId'])){?>
          <a href="pages/login/inc/logout.inc.php" class="right">Logout</a>
      <?php } ?>
</div>

</body>
</html>

## VoetenDeBaas_pages_main_front_js.php
<script>
    window.onscroll = function() {myFunction()};

    var header = document.getElementById("navbar");
    var sticky = header.offsetTop;

    function myFunction() {
        if (window.pageYOffset > sticky) {
            header.classList.add("sticky");
        } else {
            header.classList.remove("sticky");
        }
    }
</script>

## VoetenDeBaas_pages_main_front_reactie_balk.php

<div class="navbar">

    <a class="active" href="../../../../VoetenDeBaas/afspraak.php"> Terug </a>

    <?php
    if(isset($_SESSION['userId'])){?>
        <a href="../../login/inc/logout.inc.php" class="right">Logout</a>
        <a href="../../login/signup.php" class="right">Signup a new user</a>
    <?php } else {?>
        <a href="../../login/inlog.php" class="right">Login</a>
    <?php } ?>
</div>

## VoetenDeBaas_pages_main_front_Route.php
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Voeten De Baas</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="main.css">

</head>
<body>

<div class="row">
    <div class="side">
        <h2>Route</h2>
        <p><b>Pedicure praktijk Voeten de Baas: </b></p>
        <p>Harriet Freezerstraat 4 </p>
        <p>3207 HB Spijkenisse </p>

        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2465.3972568281433!2d4.362254115749484!3d51.83544027969041!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c4361f6533093f%3A0xa918cbd8d45bdc5c!2sHarri%C3%ABt+Freezerstraat+4%2C+3207+HB+Spijkenisse!5e0!3m2!1snl!2snl!4v1543180009935"
                width="300" height="225" frameborder="0" style="border:0" allowfullscreen></iframe>

        <h3>werkdagen: </h3>
        <p>Dinsdag:           0900 -  17.00</p>
        <p>Donderdag       09.00 - 17.00  en 18.00 - 21.00</p>
        <p>Vrijdag              09.00 - 17.00</p>

    </div>

</body>
</html>

## VoetenDeBaas_pages_main_front_Slideshow.php

<div class="column">
<img src="pages/image/logo.png" style="width:101%">
</div>

<div class="slideshow-container">

    <div class="mySlides fade">
        <div class="numbertext"></div>
        <img src="pages/image/Headerslide1.jpg" style="width:100%">

    </div>

    <div class="mySlides fade">
        <div class="numbertext"></div>
        <img src="pages/image/Headerslide4.jpg" style="width:100%">

    </div>

    <div class="mySlides fade">
        <div class="numbertext"></div>
        <img src="pages/image/Headerslide5.jpg" style="width:100%">

    </div>

</div>
<br>

<div style="text-align:right">
    <span class="dot"></span>
    <span class="dot"></span>
    <span class="dot"></span>
</div>

<script>

    var slideIndex = 0;
    showSlides();

    function showSlides() {
        var i;
        var slides = document.getElementsByClassName("mySlides");
        var dots = document.getElementsByClassName("dot");
        for (i = 0; i < slides.length; i++) {
            slides[i].style.display = "none";
        }
        slideIndex++;
        if (slideIndex > slides.length) {slideIndex = 1}
        for (i = 0; i < dots.length; i++) {
            dots[i].className = dots[i].className.replace(" active", "");
        }
        slides[slideIndex-1].style.display = "block";
        dots[slideIndex-1].className += " active";
        setTimeout(showSlides, 5000); // Change image every 2 seconds
    }
</script>
<script>

</script>

## VoetenDeBaas_pages_main_front_UnderBalk.php
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Voeten De Baas</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="main.css">

</head>
<body>

<div class="box">
    <div class="footerleft">
        <p>Tel: 06 51 04 05 06</p>
        <p>info@pedicurevoetendebaas.nl</p>

    </div>
    <div class="footercenter">
        <p>www.pedicurevoetendebaas.nl</p>
        <p>NL89 KNAB 0257872124</p>
    </div>
    <div class="footerright">


        <p>KVK NR: 72789476</p>
    </div>
</div>

</body>
</html>

## VoetenDeBaas_stylesheets_balk.css
* {
    box-sizing: border-box;
}

/* Style the body */
body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}

.navbar {
    padding-top: 1%;
    overflow: hidden;
    background-color: #02305a;
}

/* Style the navigation bar links */
.navbar a {
    float: left;
    display: block;
    color: white;
    text-align: center;
    padding: 14px 20px;
    text-decoration: none;
}

/* Right-aligned link */
.navbar a.right {
    float: right;
}

/* Change color on hover */
.navbar a:hover {
    background-color: #5e86f5;
    color: black;
}

## VoetenDeBaas_stylesheets_calender_calender.css
body{
    background: #eee;
}
.box {
    border: solid grey 1 px;
    width: 78%;
    border-radius: 0px;
    margin-left: 11% ;
    margin-top: 1% ;
    margin-bottom: 1% ;
    background: white;
    padding: 10px;
}

table, td, th {
    border: 1px solid black;

}

table {
    border-collapse: collapse;
    width: 100%;
}

th {
    height: 50px;
}

.free{
    background-color: #5e86f5;
    color: white;
    padding: 14px 25px;
    width: 200px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border: 10px solid #ffffff;
}


.taken{
    background-color: #696969;
    color: white;
    padding: 14px 25px;
    width: 200px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border: 10px solid #ffffff;
}
a.link_delete:link, a.link_taken:visited {
    background-color: #f41e1e;
    color: #fbffff;
    padding: 5px 10px;
    text-decoration: none;
    display: inline-block;
    border: 2px solid #ffffff;
}


a.link_delete:hover, a.link_delete:active {
    background-color: #af0900;
}

a.link_detail:link {
    color: #ffffff;
    text-decoration: none;
}

.link a:link, a:visited {
    background-color: #02305a;
    color: white;
    padding: 14px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}


.link a:hover, a:active {
    background-color: #02305a;
}
.link a.right {
    float: right;
}

## VoetenDeBaas_stylesheets_calender_detail.css
body {
    font-family: Arial;
}


div.container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding-top: 50px;
    padding-right: 25%;
    padding-bottom: 50px;
    padding-left: 25%;
}

.link a:link, a:visited {
    background-color: #f44336;
    color: white;
    padding: 14px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}


.link a:hover, a:active {
    background-color: red;
}

## VoetenDeBaas_stylesheets_form.css
body {
    font-family: Arial;
}


input[type=text], select {
     width: 50%;
     padding: 12px 20px;
     margin: 8px 0;
     display: block;
     border: 1px solid #ccc;
     border-radius: 4px;
     box-sizing: border-box;
 }
input[type=email], select {
    width: 50%;
    padding: 12px 20px;
    margin: 8px 0;
    display: block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;

}
input[type=password], select {
    width: 50%;
    padding: 12px 20px;
    margin: 8px 0;
    display: block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;

}

input[type=submit] {
    width: 50%;
    background-color: #5e86f5;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #02305a;
}

.button {
    width: 50%;
    background-color: #5e86f5;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}


.button:hover {
    background-color: #02305a;
}

div.container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding-top: 50px;
    padding-right: 25%;
    padding-bottom: 50px;
    padding-left: 25%;
}

## VoetenDeBaas_stylesheets_link.css
.linkbox a:link, a:visited {
    background-color: #02305a;
    color: #ffffff;
    padding: 25px 40px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin-left: 15%;

}


.linkbox a:hover, a:active {
    background-color: #5e86f5;
}

/* unvisited link */
.linkreactie a:link {
    color: #02305a;
}

/* visited link */
.linkreactie a:visited {
    color: #02305a;
}

/* mouse over link */
.linkreactie a:hover {
    color: #5e86f5;
}

/* selected link */
.linkreactie a:active {
    color: #5e86f5;
}

## VoetenDeBaas_stylesheets_main.css


/* Style the body */
body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}
/* Header/logo Title */
.header {

    padding: 20px;
    text-align: right;
    background-image: url("../pages/image/header.png");
    width: 100%;
    height: 257px;
}

/* Increase the font size of the heading */
.header h1 {
    font-size: 40px;
}

/* Style the top navigation bar */
.navbar {
    overflow: hidden;
    background-color: #02305a;
    padding-top: 231px;
}

/* Style the navigation bar links */
.navbar a {
    float: left;
    display: block;
    color: white;
    text-align: center;
    padding-top: 8%;
    padding-left:14px;
    padding-right:14px;
    padding-bottom: 10px;
    text-decoration: none;
}

/* Right-aligned link */
.navbar a.right {
    float: right;
}

/* Change color on hover */
.navbar a:hover {
    background-color: #5e86f5;
    color: #000000;
}


/* Column container */
.row {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
}

/* Create two unequal columns that sits next to each other */
/* Sidebar/left column */
.side {
    -ms-flex: 30%; /* IE10 */
    flex: 30%;
    background-color: #cdf2fe;
    padding: 20px;
}

/* Main column */
.main {
    -ms-flex: 70%; /* IE10 */
    flex: 70%;
    background-color: #ffffff;
    padding: 20px;
}

/* Fake image, just for this example */
.fakeimg {
    background-color: white;
    width: 100%;
    padding: 0px;
}

/* Footer */
/*.footer {
    padding: 200px;
    display: block;
    width: 100%;
    min-height: 260px;
    background: grey;
    text-align: center;
}
*/
.box {
    background-color: #02305A;
    width: 99%;
    border: 5px solid #02305A;
    padding-top: 10px;
    padding-right: 75px;
    padding-left: 75px;
    padding-bottom: 75px;
    margin: 5px;
}

.footerleft {
    color: white;
    text-align: left;
    float: left;
    padding-left: 50vh;
}
.footercenter {
    color: white;
    text-align: left;
    float: left;
    padding-left: 40px;
}
.footerright {
    color: white;
    text-align: left;
    float: left;
    padding-left: 40px;

}


/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px) {
    .row {
        flex-direction: column;
    }
}

/* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
@media screen and (max-width: 400px) {
    .navbar a {
        float: none;
        width: 100%;
    }
}

## VoetenDeBaas_stylesheets_reactie.css
.box_reactie {
    border: solid grey 1 px;
    width: 80%;
    border-radius: 0px;
    margin-left: 11% ;
    margin-top: 1% ;
    margin-bottom: 1% ;
    background: white;
    padding: 0px;
}


table, td, th {
    border: 1px solid black;
}

table {
    border-collapse: collapse;
    width: 100%;
}

th {
    height: 50px;
}

## VoetenDeBaas_stylesheets_slideshow.css
* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: right;}


/* image logo*/

.column {

    position:absolute;
    top: 25px;
    left: 25px;
    width: 25%;
    height: 20%;
    z-index: 2;
}

/* Slideshow container */
.slideshow-container {
    width: 100%;
    height: 20%;
    position: relative;
    position:absolute;
    top: 10px;
    left: 00px;
    z-index: 1;
}

/* Caption text */
.text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* The dots/bullets/indicators */
.dot {
    height: 0px;
    width: 0px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.active {
    background-color: #717171;
}

/* Fading animation */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
}

@keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
    .text {font-size: 11px}
}
	<?php
	require_once "database/database.php";
	//require_once "main/query/reactie_ophalen.php";

	$year = (isset($_GET['year'])) ? $_GET['year'] : date("Y");
	$week = (isset($_GET['week'])) ? $_GET['week'] : date('W');
	$week = intval($week);
	?>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>Voeten De Baas</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="stylesheets/main.css">
	<link rel="stylesheet" href="stylesheets/link.css">
	<link rel="stylesheet" href="stylesheets/slideshow.css">
	<link rel="stylesheet" href="stylesheets/reactie.css">

	</head>
	<body>

	<?php
	//require_once "main/Header.php";
	require_once "pages/main/front/Slideshow.php";
	?>
	<?php
	require_once "pages/main/front/homeBalk.php";
	?>
	<?php
	require_once "pages/main/front/Route.php";
	?>
	<div class="main">
	<h2>Welkom bij Pedicure praktijk Voeten de Baas</h2>

	<div class="linkbox">
	<a href="pages/calender/date.php?week=<?=$week?>&year=<?=$year?>" target="_blank">Afspraak maken</a>
	</div>
	<br>

	<p>
	<b>U kunt heel makkelijk een afspraak maken door hier boven te klikken of telefonisch via
	<a href="tel:555-555-5555" class="right">06 51 04 05 06</a><br>

	of via <a href="mailto:amber@voskamp.tv?subject=Afspraak maken&body=Afspraak maken voor voeten de baas:" class="right">
	info@pedicurevoetendebaas.nl</a></b><br>

	</p>
	<hr>


	<div class="linkreactie">
	<a href="pages/calender/query/reactie.php">Nieuw bericht toevoegen aan gastenboek</a>
	<hr>
	</div>

	<?php
	$query = "SELECT * FROM gastenBoek";

	$result = mysqli_query($conn, $query);

	//Loop through the result to create a custom array
	/** @var lists $lists */
	$lists = [];
	while ($row = mysqli_fetch_assoc($result)) {
	$lists[] = $row;
	}

	//Close connection
	mysqli_close($conn);

	foreach ($lists as $list) { ?>
	<div class="box_reactie">
	<table border="0px">
	<tr>
	<td>
	<b>naam:</b><?= $list['name']; ?><br>

	<b>reactie:</b> <?= $list['reactie']; ?><br></td>
	<hr>
	<?php } ?>
	</tr>
	</table>


	</div>
	</div>
	</div>
	<?php
	require_once "pages/main/front/UnderBalk.php";
	?>

	</body>
	</html>
	<?php
	$host = "192.168.50.5";
	$database = "website";
	$user = "root";
	$password = "root";

	$conn = mysqli_connect($host, $user, $password, $database)
	or die("Error: " . mysqli_connect_error());;
	<?php
	namespace dePraktijk;
	?>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>Voeten De Baas</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="stylesheets/main.css">
	<link rel="stylesheet" href="stylesheets/slideshow.css">

	</head>
	<body>

	<?php
	//require_once "main/Header.php";
	require_once "pages/main/front/Slideshow.php";
	?>
	<?php
	require_once "pages/main/front/homeBalk.php";
	?>
	<?php
	require_once "pages/main/front/Route.php";
	?>
	<div class="main">
	<h2>Welkom bij Pedicure praktijk Voeten de Baas</h2>

	<div class="fakeimg" style="height:200px;">
	<img src="pages/image/pedicure.png" alt="mail" width="700" height="170" >
	</div>
	<p>
	<br><b><h3>Uw voeten verdienen uw aandacht</h3></b>

	<br>Als u erbij stil staat hoeveel kilometers u gedragen wordt door uw voeten,
	<br>dan is dit zeker geen loze kreet. U kunt te maken krijgen met allerlei ongemakken
	<br>zoals eelt, likdoorns/eksteroog, ingroeiende nagels, et cetera. Maar wist u dat,
	<br>als u problemen met uw voeten heeft, u vaak ongemerkt uw houding veranderd waardoor
	<br>er vervolgens andere problemen kunnen ontstaan. Denkt u maar eens aan rug-heup en/of
	<br>nekklachten. Wanneer u bedenkt hoeveel werk uw voeten moeten verrichten, bent u het
	<br>ongetwijfeld met mij eens dat wat extra aandacht volledig op zijn plaats is. Goed en
	<br>gemakkelijk lopen heeft invloed op de totale gezondheid! Veel mensen onderschatten dan
	<br>ook het belang van goede voetverzorging.
	</p>
	<p>
	<br><b><h3>Zelf kunt u een aantal van deze ongemakken voorkomen door:</h3></b>

	<br> - Geen strakke sokken of kousen te dragen.

	<br>- De voeten dagelijks te wassen en goed af te drogen. {vooral tussen de tenen}.

	<br>- Teennagels recht en niet te kort af te knippen.

	<br>- Goed passende schoenen te dragen met voldoende ruimte voor de tenen.
	</p>
	<p>
	<br><b><h3>De behandeling bestaat uit:</h3></b>

	<br>- Desinfecteren van de voeten

	<br>- Knippen van de nagels

	<br>- Verwijderen van overtollig eelt

	<br>- Verwijderen van eventuele likdoorns, zoals eeltpit/eksteroog

	<br>- Behandelen van eventuele kloven

	<br>- Behandelen van kalknagels en ingroeiende nagels

	<br>- Verzorging van de nagels en de nagelomgeving [nagelwallen]

	<br>- Het aanbrengen van voetencrème ter bevordering van de doorbloeding.
	</p>
	<p>
	<br><b><h3>Duur van de basis behandeling is ongeveer 45 min. en kost € 26.00
	<br>Voor iedere 15 min extra € 8,50 </h3></b>
	( wordt besproken bij de anamnese )
	</p>
	<p>
	<br><b><h3>Deelbehandeling van de voet €15,00</h3></b>

	<br>Tijdens deze behandeling wordt niet de hele voet behandeld, maar alleen een specifieke plek of probleem.

	<br>Bijv, een ingroeiende nagel, 1 eeltlocatie of likdoorn verwijderen.
	</p>
	<p>
	<br><b><h3>Afspraak maken?</h3></b>

	<br>Dit kan zowel telefonisch via 06 51 04 05 06 als via de knop "afspraak maken"
	</p>
	<p>
	<br><b><h3>Volgorde:</h3></b>

	<br>Bij uw eerste bezoek vindt er vooraf aan een pedicure behandeling een anamnese/voetonderzoek
	<br>plaats met eventueel een blauwafdruk van beide voeten. Dit houd in dat ik u een paar vragen ga
	<br>stellen met betrekking tot uw gezondheid en uw klachten. Dit alles om een behandelplan op te stellen.
	<br>Eerst bekijk ik nauwkeurig de huid en de nagels van uw voeten. Het kan zijn dat uw voeten meer onderhoud
	<br>nodig hebben dan de standaard basisbehandeling van 45 min, dan wordt dit vooraf met u besproken.
	<br>
	<br>Voor een optimale hygiëne worden de voeten gedesinfecteerd. De behandeling bestaat onder meer uit het
	<br>verwijderen van eelt en likdoorns, het op de juiste manier het knippen van de nagels en het polijsten van de
	<br>nagelplaat. Met een pedicure motor op basis van nat techniek wordt u snel en vrijwel pijnloos geholpen. Als de
	<br>conditie van de voet het toelaat wordt de behandeling afgerond met het incrèmen van de voet met een ontspannende
	<br>voetmassage.
	</p>
	</div>
	</div>
	<?php
	require_once "pages/main/front/UnderBalk.php";
	?>

	</body>
	</html>
	<?php
	session_start();
	//require gegevens uit de datebase voor calender
	require_once "inc/gegevensdate.inc.php";
	require_once "../main/calender/calender_balk.php";
	?>

	<?php
	$year = (isset($_GET['year'])) ? $_GET['year'] : date("Y");
	$week = (isset($_GET['week'])) ? $_GET['week'] : date('W');
	$dag = (isset($_GET['day'])) ? $_GET['day'] : date('d');
	$month = (isset($_GET['month'])) ? $_GET['month'] : date('M');

	if($week > 52) {
	$year++;
	$week = 1;
	} elseif($week < 1) {
	$year--;
	$week = 52;
	}
	?>



	<!DOCTYPE html>
	<html>
	<head>
	<title>Voeten De Baas calender custemer</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="../../stylesheets/calender/calender.css">
	<link rel="stylesheet" href="../../stylesheets/balk.css">

	</head>
	<body>

	<br><br>
	<div class="link">

	<div style="text-align:center;">
	<a href="<?php echo $_SERVER['PHP_SELF'].'?week='.($week == 1 ? 52 : $week -1).'&year='.($week == 1 ? $year - 1 : $year); ?>">Pre Week</a> <!--Previous week-->

	<a href="<?php echo $_SERVER['PHP_SELF'].'?week='.($week == 52 ? 1 : 1 + $week).'&year='.($week == 52 ? 1 + $year : $year); ?>">Next Week</a> <!--Next week-->
	</div>
	</div>

	<div class="box">
	<table border="1px">
	<tr>
	<?php
	if($week < 10) {
	$week = '0'. $week;
	}
	for($day= 1; $day <= 7; $day++) {
	$d = strtotime($year ."W". $week . $day);
	//d
	echo "<th>". date('l', $d) ."<br>". date('d M', $d) ."</th>";
	}
	?>
	</tr>
	<tr>
	<?php
	for ($weekday = 1; $weekday <= 7; $weekday++) {
	?>
	<td>
	<?php

	foreach ($lists as $list) {
	if ($list['year'] == $year &&
	$list['week'] == $week &&
	$list['day'] == $weekday) {

	$testje = false;
	foreach ($ids as $id) {
	if ($list['id'] == $id['appointment_id']) {
	$testje = true;
	}
	}

	if($testje == true) {
	?>



	<div class="taken">
	<?php
	if(isset($_SESSION['userId'])){
	?>

	<a class="link_detail" href="query/detail.php?id=<?=($list['id'])?>"> <?= $list['timeStart'] ?> - <?= $list['timeEnd'] ?> <br> Bezet!<br></a>

	<br>
	<a class="link_delete" href="query/Delete_date.php?id=<?=($list['id'])?>" >Delete</a>

	<?php }else{?>
	<?= $list['timeStart'] ?> - <?= $list['timeEnd'] ?> <br> Bezet!<br>
	<?php } ?>
	<hr>
	</div>

	<?php
	} else {
	?>

	<a class="link_detail" href="query/Insert_user.php?id=<?=($list['id'])?>">

	<div class="free">
	<?= $list['timeStart'] ?> - <?= $list['timeEnd'] ?> <br> Vrij!<br>
	</a>
	<?php
	if(isset($_SESSION['userId'])){
	?>
	<br>
	<a class="link_delete" href="query/Delete_date.php?id=<?=($list['id'])?>" class="">Delete</a>
	<?php }?>
	<hr>
	</div>

	<?php

	}
	}

	}
	?>
	</td>

	<?php
	}
	?>
	</tr>

	</table>
	</div>
	<?php
	if(isset($_SESSION['userId'])){?>
	<div class="link">
	<a href="query/Insert_date.php" >Insert</a>
	</div>
	<?php } ?>




	</body>
	</html>
	<?php
	require_once "../inc/database/database.php";

	$year = (isset($_GET['year'])) ? $_GET['year'] : date("Y");
	$week = (isset($_GET['week'])) ? $_GET['week'] : date('W');
	$week = intval($week);

	$id_afspraak = (isset($_GET['id'])) ? $_GET['id'] : "";

	$sql =
	"DELETE FROM appointment WHERE id=$id_afspraak";


	if ($conn->query($sql) === TRUE) {
	echo "New record created successfully";
	} else {
	echo "Error: " . $sql . "<br>" . $conn->error;
	}


	header("Location: ../../calender/date.php?week=$week&year=$year");
	exit();
	?>
	<?php
	//Require database in this file

	require_once "../inc/database/database.php";

	require_once "../../main/calender/afspraak_balk.php";

	$id_afspraak = (isset($_GET['id'])) ? $_GET['id'] : "";

	$year = (isset($_GET['year'])) ? $_GET['year'] : date("Y");
	$week = (isset($_GET['week'])) ? $_GET['week'] : date('W');
	$week = intval($week);

	$query = "SELECT * FROM users WHERE appointment_id = $id_afspraak";

	$result = mysqli_query($conn, $query);

	//Loop through the result to create a custom array
	/** @var lists $lists */
	$lists = [];
	while ($row = mysqli_fetch_assoc($result)) {
	$lists[] = $row;
	}

	//Close connection
	mysqli_close($conn);
	?>

	<!DOCTYPE html>
	<html>
	<title>Voeten De Baas</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="../../../stylesheets/calender/detail.css">
	<link rel="stylesheet" href="../../../stylesheets/balk.css">
	<body>
	<div class="container">
	<?php foreach ($lists as $list) { ?>
	<table border="1px">
	<tr>
	<td>
	naam:<?= $list['name']; ?><br>
	<?= $list['email']; ?><br>
	</td><td> </td>
	<td> <?= $list['phone']; ?><br></td>
	<hr>
	<?php } ?>
	</tr>
	</table>

	<br>
	<div class="link">
	<a class="link" href="Delete_user.php?id=<?=($list['id'])?>" class="">Delete</a>
	</div>
	</div>
	</body>
	</html>
	<?php
	require_once "../inc/database/database.php";
	require_once "../../main/front/reactie_balk.php";
	?>
	<!doctype html>
	<html>
	<head>
	<title>Voeten De Baas</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="../../../stylesheets/form.css">
	<link rel="stylesheet" href="../../../stylesheets/balk.css">
	</head>
	<body>
	<?php
	if(isset($_POST['save'])) {
	$id = '';
	$name = $_POST['name'];
	$reactie = $_POST['reactie'];

	$sql =
	"INSERT INTO gastenBoek (id, name,reactie)
	VALUES (' $id ',' $name ',' $reactie ')";


	if ($conn->query($sql) === TRUE) {
	echo "New record created successfully";
	} else {
	echo "Error: " . $sql . "<br>" . $conn->error;
	}
	header("Location: ../../../afspraak.php");
	exit();
	}


	//mysqli_query($conn, $sql)
	?>
	<div class="box">
	<form method="post">
	<label id="first"> naam:</label><br/>
	<input type="text" name="name"><br/>

	<label id="first">Bericht</label><br/>
	<input type="text" name="reactie"><br/>

	<button type="submit" name="save" class="button">Plaats bericht</button>
	</form>
	</div>

	</body>
	</html>
	<?php
	require_once "../main/calender/inlog/inlog.balk.php";
	?>
	<!DOCTYPE html>
	<html>
	<title>Voeten De Baas</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="../../stylesheets/form.css">
	<link rel="stylesheet" href="../../stylesheets/balk.css">

	<body>
	<div class="container">
	<form action="inc/login.inc.php" method="post">
	<input type="text" name="mailuid" placeholder="Username/E-mail...">
	<input type="password" name="pwd" placeholder="Password...">

	<button type="submit" name="login-submit" class="button">login</button>
	</form>
	<?php

	session_start();
	session_unset();
	session_destroy();
	header("Location: ../../../index.php");
	<?php

	if (isset($_POST['signup-submit'])){

	require "database.php";

	$username = $_POST['uid'];
	$email = $_POST['mail'];
	$password = $_POST['pwd'];
	$passwordRepeat = $_POST['pwd-repeat'];

	if(empty($username) \|\| empty($email) \|\| empty($password) \|\| empty($passwordRepeat)){
	header("Location: ../signup.php?error=emptyfields&uid=".$username."&mail=".$email);
	exit();
	}
	else if(!filter_var($email, FILTER_VALIDATE_EMAIL) && !preg_match("/^[a-zA-Z0-9]*$/", $username)){
	header("Location: ../signup.php?error=invalidmailuis");
	exit();
	}
	else if(!filter_var($email, FILTER_VALIDATE_EMAIL)){
	header("Location: ../signup.php?error=invalidmail&uid=".$username);
	exit();
	}
	else if(!preg_match("/^[a-zA-Z0-9]*$/", $username)){
	header("Location: ../signup.php?error=invaliduid&mail=".$email);
	exit();
	}
	else if($password !== $passwordRepeat){
	header("Location: ../signup.php?error=passwordcheck&uid=".$username."&mail=".$email);
	exit();
	}
	else {

	$sql= "SELECT uidUsers FROM admin WHERE uidusers=?";
	$stmt = mysqli_stmt_init($conn);
	if(!mysqli_stmt_prepare($stmt, $sql)){
	header("Location: ../signup.php?error=sqlerror");
	exit();
	}
	else{
	mysqli_stmt_bind_param($stmt, "s", $username);
	mysqli_stmt_execute($stmt);
	mysqli_stmt_store_result($stmt);
	$resultCheck= mysqli_stmt_num_rows($stmt);
	if($resultCheck > 0){
	header("Location: ../signup.php?error=usertaken&mail=".$email);
	exit();
	}
	else{
	$sql= "INSERT INTO admin (uidUsers, emailUsers, pwdUsers) VALUES (?, ?, ?)";
	$stmt = mysqli_stmt_init($conn);
	if(!mysqli_stmt_prepare($stmt, $sql)){
	header("Location: ../signup.php?error=sqlerror");
	exit();
	}
	else{
	$hashedPwd = password_hash($password, PASSWORD_DEFAULT);

	mysqli_stmt_bind_param($stmt, "sss", $username, $email, $hashedPwd);
	mysqli_stmt_execute($stmt);
	header("Location: ../signup.php?signup=success");
	exit();

	}

	}
	}
	}
	mysqli_stmt_close($stmt);
	mysqli_close($conn);

	}
	else{
	header("Location: ../signup.php");
	exit();
	}