<div class="mdl-card__supporting-text">
                <?php 
$scheduler->buildRoomTitle($db, $_GET['room_id']);
?>
                <form id="time_form" action="add_to_waitlist.php" method="get">
                    <input id="submitted" type="hidden" name="submitted" value="false" />
                    <input type="hidden" name="room_id" value="<?php 
echo $_GET['room_id'];
?>
" />
                    <b>Reservation Date:</b> <input type="text" id="datepicker" name="date" readonly="readonly" value="<?php 
echo $_GET['date'];
?>
" onchange="dateUpdated()"/>

                    <?php 
if (!empty($_GET['date'])) {
    // we want to show the time selector and a submit button
    $scheduler->buildUnavailableTimes($db, $_GET);
    echo '<br/><br/><input onclick="submitButton();" type="submit" value="Add to Waitlist" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect"/>' . "\r\n";
}
?>
                </div>
              </div>
            </section>
        </main>
    </div>
    
    <script src="https://storage.googleapis.com/code.getmdl.io/1.0.2/material.min.js"></script>
</body>
</html>