<?php
    // get page ID
    if(isset($_GET['p'])) {
        $page = $_REQUEST['p'];
    }
    if(!isset($page)) {
        $page = "products";
    }
//    echo "page: $page";

    // load content list
    $file = file_get_contents('content.txt') or die("Unable to open content index!");
    $rows = explode("\n", $file);
    array_shift($rows);
    foreach($rows as $data) {
        $line = trim($data);
        if(substr($line, 0, 1) == "#") {
            continue;
        }
        if(strlen($line) < 1) {
            continue;
        }
        $parts = explode(":", $line, 4);
        if(count($parts) != 4) {
            continue;
        }
        // content found for page ID
        if($parts[0] == $page) {
            $content_filename = $parts[1];
            $page_title = $parts[2];
            $page_type = $parts[3];
//            echo "filename: $content_filename - title: $page_title - type: $page_type<br/>";
            break;
        }
    }
?>

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Kilpatrick Audio - <?php print $page_title ?></title>
        <link rel="stylesheet" href="ka.css" type="text/css" />
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <div class="main">
            <header>
                <!-- desktop nav menu -->
                <div class="navbar">
                    <a href="?p=products" class="logo">
                        <img src="images/ka_title2.png" alt="Kilpatrick Audio" style="max-width: 25%; margin-top: 20px;"/>
                    </a>
                </div>
                <div class="navbar">
                    <a href="?p=products">PRODUCTS</a>
                    <a href="?p=dealers">DEALERS</a>
                    <a href="?p=technical">TECHNICAL</a>
                    <a href="?p=support">SUPPORT</a>
                    <a href="?p=contact">CONTACT US</a>
<!--                    <a class="red" href="http://store.kilpatrickaudio.com/" target="_blank">STORE</a> -->
                </div>

                <!-- mobile nav menu -->
                <div class="mobileNav">
                    <a href="?p=products"><img src="images/ka_title2.png" alt="Kilpatrick Audio"
                        style="max-height: 50px; max-width: 70%; margin-top: 5px;"/></a>
                    <div id="bLinks">
                        <a class="links" href="?p=products">PRODUCTS</a>
                        <a class="links" href="?p=dealers">DEALERS</a>
                        <a class="links" href="?p=technical">TECHNICAL</a>
                        <a class="links" href="?p=support">SUPPORT</a>
                        <a class="links" href="?p=contact">CONTACT US</a>
<!--                        <a class="linksred" href="http://store.kilpatrickaudio.com/" target="_blank">STORE</a> -->
                    </div>
                    <a href="javascript:void(0);" class="icon" onclick="myFunction()">
                        <img src="images/burger2.png" style="height: 30px;" alt="Menu"/>
                    </a>
                </div>
                <script>
                    function myFunction() {
                        var x = document.getElementById("bLinks");
                        if (x.style.display === "block") {
                            x.style.display = "none";
                        } else {
                            x.style.display = "block";
                        }
                    }
                </script>
            </header>
            <main>
                <hr class="thicknav" />
                <?php
                    // include page content
                    if(isset($content_filename)) {
                        $handle = fopen($content_filename, "r");
                        echo fread($handle, filesize($content_filename));
                    }
                ?>
                <hr class="thick" />
            </main>
            <footer>
            <!--                
                <div class="center" style="padding-top: 10px;">
                    <h3 class="subtitle">Join Our Newsletter!</h3>
                </div>
                <div class="center" style="padding-bottom: 10px;">
                    <form action="//kilpatrickaudio.us4.list-manage.com/subscribe/post?u=21270e90d2c94aff08947ef46&amp;id=e82300491b"
                            method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate"
                            target="_blank" novalidate>
                        <div id="mc_embed_signup_scroll">
                            <input type="email" id="mce-EMAIL" value="" name="EMAIL" class="email" placeholder="email address" required>
                            <input type="submit" value="Subscribe" name="subscribe" class="button">
                            <div style="position: absolute; left: -5000px;" aria-hidden="true">
                                <input type="text" name="b_21270e90d2c94aff08947ef46_e82300491b" tabindex="-1" value="">
                            </div>
                            <div class="clear"></div>
                        </div>
                    </form>
                </div>
                -->                
                <!--
                <div class="center" style="margin: 10px;">
                    <a href="https://www.facebook.com/kilpatrickaudio" target="_blank">
                        <img src="images/facebook.png" alt="Facebook" style="max-height: 25px; padding: 5px;"/>
                    </a>
                    <a href="https://www.instagram.com/kilpatrickaudio/" target="_blank">
                        <img src="images/instagram.png" alt="Instagram" style="max-height: 25px; padding: 5px;"/>
                    </a>
                    <a href="https://twitter.com/kilpatrickaudio" target="_blank">
                        <img src="images/twitter.png" alt="Twitter" style="max-height: 25px; padding: 5px;"/>
                    </a>
                    <a href="https://www.youtube.com/kilpatrickaudio" target="_blank">
                        <img src="images/youtube.png" alt="YouTube" style="max-height: 25px; padding: 5px;"/>
                    </a>
                </div>
                -->
                <div class="center">
                    &copy; Copyright <?php echo date('Y'); ?> Kilpatrick Audio / QP925 Trading Corp.<br/>
                </div>
            </footer>
        </div>
    </body>
</html>
