<html>
    <head>
        <title>Funky Font Message</title>
        <link href="//yorktown.cbe.wwu.edu/sandvig/mis314/assignments/style.css" rel="stylesheet" type="text/css">
    </head>
    <body>
        <div class="pageContainer centerText" style="width: 800px;">
            <form>
                <p>Please select a font and enter a message:</p>
                <div class="inputBlock">
                    <label>Font:
                            <select name="font">
                        <?php 
                        $imgPaths = array(
                            "ChunkRed" => "<img src=\"//yorktown.cbe.wwu.edu/sandvig/Images/Alphabet/chunk/red/%s9.jpg\">\n",
                            "DecoBlue" => "<img src=\"//yorktown.cbe.wwu.edu/sandvig/Images/Alphabet/deco/blue/%s1.gif\">\n",
                            "Animals" => "<img src=\"//yorktown.cbe.wwu.edu/sandvig/Images/Alphabet/animals/%s4.gif\">\n",
                            "ElegantRed" => "<img src=\"//yorktown.cbe.wwu.edu/sandvig/Images/Alphabet/elegant/red/4%s.gif\">\n",
                            "Funky" => "<img src=\"//yorktown.cbe.wwu.edu/sandvig/Images/Alphabet/funky/%s3.jpg\">\n",
                            "TapePunch" => "<img src=\"//yorktown.cbe.wwu.edu/sandvig/Images/Alphabet/punch/black/%s7.gif\">\n"
                        );
                        foreach (array_keys($imgPaths) as $value) {
                            if (isset($_GET['font']) && $value == $_GET['font']) {
                                echo "<option value=\"$value\" selected=\"selected\">$value</option>";
                            } else {
                                echo "<option value=\"$value\">$value</option>";
                            }
                        }
                        ?>
                        </select>
                    </label>
                </div>
                <?php 
                if (isset($_GET['message'])) {
                    $message = $_GET['message'];
                } else {
                    $message = "The quick brown fox jumped over the lazy dog";
                }
                ?>
                <input type="text" name="message" required size="50" value="<?php echo $message;?>" autofocus>
                <input type="submit" Value="Send"><br>
            </form>
            <?php
            if (isset($_GET['message']) && isset($_GET['font']) && in_array($_GET['font'], array_keys($imgPaths))) {
                $message = str_split($_GET['message']);
                foreach ($message as $letter) {
                    if ($letter == " ") {
                        echo "<br>\n";
                    } else {
                        printf($imgPaths[$_GET['font']], $letter);
                    }
                }
            } elseif (isset($_GET['message'])) {
                echo "<h3>Please enter a valid font.</h3>";
            }
            ?>
        </div>
    </body>
</html>
