<?php
    require_once(rtrim($_SERVER['DOCUMENT_ROOT'], '/') . '/wp-load.php');
?>

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js"> <!--<![endif]-->

<head>

    <style>
        /* The navigation bar */
        .responsive {
            width: 100%;
            height: auto;
        }

        .headerz {
            padding: 10px 16px;
            background: #fff;
            color: #f1f1f1;
        }

        .content {
            padding: 16px;
        }

        .sticky {
            position: fixed;
            top: 0;
            width: 100%;
        }

        .sticky+.content {
            padding-top: 102px;
        }

        .floating-bar2 {
            overflow: hidden;
            background-color: #2f2321;
            position: top;
            /* Set the navbar to fixed position */
            top: 0;
            /* Position the navbar at the bottom of the page */
            width: 100%;
            /* Full width */
            opacity: 1;
        }


        .floating-bar {
            overflow: hidden;
            background-color: #1f8ef5;
            position: fixed;
            /* Set the navbar to fixed position */
            bottom: 0;
            /* Position the navbar at the bottom of the page */
            width: 100%;
            /* Full width */
            opacity: 1;
        }

        /* Links inside the navbar */
        .floating-bar a {
            float: center;


            text-align: center;
            padding: 0px 20px;
            text-decoration: none;
        }

        /* Main content */
        .main {
            margin-bottom: 50px;
            /* Add a bottom margin to avoid content overlay */
        }

        .topnav {
            overflow: hidden;
            background-color: #202020;
        }

        .topnav a {
            float: left;
            display: block;
            color: #f2f2f2;
            text-align: center;
            padding: 14px 2%;
            text-decoration: none;
            font-size: 14px;



        }

        .topnav a:hover {

            color: white;
        }

        .topnav a.active {
            background-color: #4CAF50;
            color: white;


        }

        .topnav .icon {

            display: none;

        }

        .footerLayout {
            left: 0px;
            width: 100%;
            height: auto;
            border-width: 1;
            font-family: Helvetica, Arial, sans-serif;
            background-color: #FFF;
            float: left;
        }

        @media screen and (max-width: 900px) {
            .topnav a:not(:first-child) {
                display: none;
            }

            .topnav a.icon {
                float: right;
                display: block;
            }
        }

        @media screen and (max-width: 900px) {
            .topnav.responsive {
                position: relative;
            }

            .topnav.responsive .icon {
                position: absolute;
                right: 0;
                top: 0;
            }

            .topnav.responsive a {
                float: none;
                display: block;
                text-align: left;
            }
        }

        /* Add a color to the active/current link */
        .topnav a.active {
            background-color: #4CAF50;
            color: white;

        }


        .bottomnav {
            overflow: hidden;
            background-color: #333;
        }

        .bottomnav a {
            float: left;
            display: block;
            color: #f2f2f2;
            text-align: center;
            padding: 14px 3%;
            text-decoration: none;
            font-size: 14px;



        }

        .bottomnav a:hover {

            color: grey;
        }

        .bottomnav a.active {
            background-color: #4CAF50;
            color: white;


        }

        .bottomnav .icon {

            display: none;

        }

        @media screen and (max-width: 900px) {
            .bottomnav a:not(:first-child) {
                display: none;
            }

            .bottomnav a.icon {
                float: right;
                display: block;
            }
        }

        @media screen and (max-width: 900px) {
            .bottomnav.responsive {
                position: relative;
            }

            .bottomnav.responsive .icon {
                position: absolute;
                right: 0;
                top: 0;
            }

            img {
                max-width: 100%;
                height: auto;
            }

            .bottomnav.responsive a {
                float: none;
                display: block;
                text-align: left;
            }
        }

        /* Add a color to the active/current link */
        .bottomnav a.active {
            background-color: #4CAF50;
            color: white;

        }


        .fa option {

            font-weight: 200;
        }
    </style>
    <!-- Snow	 -->
    <style>
        /* customizable snowflake styling */
        .snowflake {
            color: #fff;
            font-size: 1em;
            font-family: Arial, sans-serif;
            text-shadow: 0 0 5px #000;
        }

        @-webkit-keyframes snowflakes-fall {
            0% {
                top: -10%
            }

            100% {
                top: 100%
            }
        }

        @-webkit-keyframes snowflakes-shake {

            0%,
            100% {
                -webkit-transform: translateX(0);
                transform: translateX(0)
            }

            50% {
                -webkit-transform: translateX(80px);
                transform: translateX(80px)
            }
        }

        @keyframes snowflakes-fall {
            0% {
                top: -10%
            }

            100% {
                top: 100%
            }
        }

        @keyframes snowflakes-shake {

            0%,
            100% {
                transform: translateX(0)
            }

            50% {
                transform: translateX(80px)
            }
        }

        .snowflake {
            position: fixed;
            top: -10%;
            z-index: 9999;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            cursor: default;
            -webkit-animation-name: snowflakes-fall, snowflakes-shake;
            -webkit-animation-duration: 10s, 3s;
            -webkit-animation-timing-function: linear, ease-in-out;
            -webkit-animation-iteration-count: infinite, infinite;
            -webkit-animation-play-state: running, running;
            animation-name: snowflakes-fall, snowflakes-shake;
            animation-duration: 10s, 3s;
            animation-timing-function: linear, ease-in-out;
            animation-iteration-count: infinite, infinite;
            animation-play-state: running, running
        }

        .snowflake:nth-of-type(0) {
            left: 1%;
            -webkit-animation-delay: 0s, 0s;
            animation-delay: 0s, 0s
        }

        .snowflake:nth-of-type(1) {
            left: 10%;
            -webkit-animation-delay: 1s, 1s;
            animation-delay: 1s, 1s
        }

        .snowflake:nth-of-type(2) {
            left: 20%;
            -webkit-animation-delay: 6s, .5s;
            animation-delay: 6s, .5s
        }

        .snowflake:nth-of-type(3) {
            left: 30%;
            -webkit-animation-delay: 4s, 2s;
            animation-delay: 4s, 2s
        }

        .snowflake:nth-of-type(4) {
            left: 40%;
            -webkit-animation-delay: 2s, 2s;
            animation-delay: 2s, 2s
        }

        .snowflake:nth-of-type(5) {
            left: 50%;
            -webkit-animation-delay: 8s, 3s;
            animation-delay: 8s, 3s
        }

        .snowflake:nth-of-type(6) {
            left: 60%;
            -webkit-animation-delay: 6s, 2s;
            animation-delay: 6s, 2s
        }

        .snowflake:nth-of-type(7) {
            left: 70%;
            -webkit-animation-delay: 2.5s, 1s;
            animation-delay: 2.5s, 1s
        }

        .snowflake:nth-of-type(8) {
            left: 80%;
            -webkit-animation-delay: 1s, 0s;
            animation-delay: 1s, 0s
        }

        .snowflake:nth-of-type(9) {
            left: 90%;
            -webkit-animation-delay: 3s, 1.5s;
            animation-delay: 3s, 1.5s
        }

        .snowflake:nth-of-type(10) {
            left: 25%;
            -webkit-animation-delay: 2s, 0s;
            animation-delay: 2s, 0s
        }

        .snowflake:nth-of-type(11) {
            left: 65%;
            -webkit-animation-delay: 4s, 2.5s;
            animation-delay: 4s, 2.5s
        }
    </style>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-140324885-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());

        gtag('config', 'UA-140324885-1');
    </script>
    <script>
        function myFunction() {
            var x = document.getElementById("myTopnav");
            if (x.className === "topnav") {
                x.className += " responsive";
            } else {
                x.className = "topnav";
            }
        }
    </script>




    <title>Power Plus STF</title>
    <!-- meta charec set -->

    <meta charset="UTF-8">
    <META NAME="author" CONTENT="Power Plus Mobility Inc.">
    <META NAME="subject" CONTENT="Power Plus Mobility Inc.">
    <META NAME="Description" CONTENT="Wheelchair Manufacturing in Toronto, specializing in Wheelchairs, Wheelchair Accessories and Seating. Call us Toll Free 1-(855)-614-0333 ">
    <META NAME="Classification" CONTENT="Established in December 2002, Power Plus Mobility originated and runs from Ontario, Canada. Proud to say born and built in Canada, it's continually innovative products on the market provide insight into this business that strives to help benefit others with wheelchairs and seating systems. Please keep checking back as more products and information will be added here as the business progresses. CUSTOMIZE ANYTHING! Power Plus Mobility advanced machinery specializes in manufacturing custom parts to customers specifications from either a drawing or a sample. The parts we manufacture could be simple or more complex and can be manufactured in small or large quantities. Contact your local sales representative with your specifications.">
    <META NAME="Keywords" CONTENT="Toronto Wheelchair Manufacturing, Wheelchair Manufacturer, Wheelchair Accessories, Seating, Backs and Cushions, Backs, Cushions for Wheelchairs, seating and Mobility, Power Plus Mobility, Power Plus, Lap trays, Bolsters, Footrests, Front Rigging, Casters and Wheels">
    <META NAME="Geography" CONTENT="208 Wilkinson Road">
    <META NAME="Language" CONTENT="English">
    <META NAME="Copyright" CONTENT="Power Plus Mobility">
    <META NAME="Designer" CONTENT="AHZ Design Solutions - http://ahzsolutions.com">
    <META NAME="distribution" CONTENT="Global">
    <META NAME="Robots" CONTENT="INDEX,FOLLOW">
    <META NAME="zipcode" CONTENT="L6T 4M4">
    <META NAME="city" CONTENT="Brampton">
    <META NAME="country" CONTENT="Canada">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">



    <!-- Facebook and Twitter integration -->
    <meta property="og:title" content="" />
    <meta property="og:image" content="" />
    <meta property="og:url" content="" />
    <meta property="og:site_name" content="" />
    <meta property="og:description" content="" />
    <meta name="twitter:title" content="" />
    <meta name="twitter:image" content="" />
    <meta name="twitter:url" content="" />
    <meta name="twitter:card" content="" />

    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <link rel="shortcut icon" href="favicon.ico">

    <link href='https://fonts.googleapis.com/css?family=Roboto:400,300,600,400italic,700' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>

    <!-- Animate.css -->
    <link rel="stylesheet" href="css/animate.css">
    <!-- Icomoon Icon Fonts-->
    <link rel="stylesheet" href="css/icomoon.css">
    <!-- Bootstrap  -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- Owl Carousel -->
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
    <!-- Theme style  -->
    <link rel="stylesheet" href="css/style.css">

    <!-- Modernizr JS -->
    <script src="js/modernizr-2.6.2.min.js"></script>
    <!-- FOR IE9 below -->
    <!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->
    <link rel="stylesheet" href="assets/css/main.css" />



<body class="url">
    
    <div>
    
  <?php

get_header(); 

?>  
</div>

    <body>

        <!-- Nav -->
        <div class="headerz" id="myHeaderz">

            <section id="one" class="wrapper style5">

                <form>
                    <input type="button" value="Try another Seat to Floor? Click here" onclick="history.back()">
                </form>


                <center><img src="./images/reference-diagram-power-plus1.jpg" alt="Reference Diagram" width="900" height="auto"> </center>




                <table border='1' class='stats' width='60%' cellspacing='0' align='center'>


                    <tr>
                        <tbody>
                            <th width='1%' style="text-align:center">
                                <center>ID</center>
                            </th>
                            <th width='1%' style="text-align:center">
                                <center>STF</center>
                            </th>
                            <th width='1%' style="text-align:center">
                                <center>Caster</center>
                            </th>
                            <th width='1%' style="text-align:center">
                                <center>Fork</center>
                            </th>
                            <th width='1%' style="text-align:right">
                                <center>Fork Hole</center>
                            </th>
                            <th width='1%' style="text-align:center">
                                <center>Wheel</center>
                            </th>
                            <th width='1%' style="text-align:left">
                                <center>Axle Type</center>
                            </th>
                            <th width='1%' style="text-align:left">
                                <center>Axle Hole</center>
                            </th>
                            <th width='1%' style="text-align:center">
                                <center>Seat Setting</center>
                            </th>
                            <th width='1%' style="text-align:left">
                                <center>Model</center>
                            </th>
                            <th width='1%' style="text-align:right">
                                <center>Fork Status</center>
                            </th>
                            <th width='1%' style="text-align:left">
                                <center>Dump Status</center>
                            </th>
                        </tbody>
                    </tr>

                </table>
        </div>


        <?php


        $user = "pzfjjv0vvn1j_stf-userconfig";
        $password = "Powerplus123!@#";
        $host = "66.29.154.102";
        $dbase = "pzfjjv0vvn1j_stf-configurator";

        $connect = mysqli_connect($host, $user, $password, $dbase);
        $table = "STF";
        $sql = "SELECT * FROM $table WHERE Rounded";
        $result = mysqli_query($connect, $sql);
        $search_term = $_POST['Rounded'];
        $search_term2 = $_POST['model'];


        if (!$connect) {
            die("Connection failed: " . mysqli_connect_error());
        }

        if (empty($search_term)) {
            echo ("<b>Please enter a valid keyword</b>");
        } else {

            //ATTENTION- This code is how we select to show all columns of the table 
            $query = "SELECT * FROM $table WHERE Rounded LIKE '%$search_term%' AND MODEL LIKE '%$search_term2%'";
            $result1 = mysqli_query($connect, $query);

            if (!$result1) {
                die("SELECT Error: " . mysqli_error($connect));
            }
            //ATTENTION-Code ends here

            $count = mysqli_num_rows($result1);

            if ($count == 0) {
                echo "<fieldset><b>Sorry, the combination of Wheelchair type: '$search_term2' and Seat to Floor Height: '$search_term' is not possible. Please try another combination </b></fieldset>";
            } else {
                print "<table border=2>\n";
                while ($row = mysqli_fetch_assoc($result1)) {
                    $rounded = $row['Rounded'];
                    $stf = $row['STF'];
                    $dump = $row['DUMP'];
                    $dif = $row['DIF'];
                    $angle = $row['ANGLE'];
                    $caster = $row['CASTER'];
                    $fork = $row['FORK'];
                    $forkhole = $row['FORKHOLE'];
                    $wheel = $row['WHEEL'];
                    $axletype = $row['ALEXTYPE'];
                    $axlehole = $row['AXLEHOLE'];
                    $seatsetting = $row['SEATSETTING'];
                    $model = $row['MODEL'];
                    $forkstat = $row['FORKSTAT'];
                    $dumpstat = $row['DUMPSTAT'];
                    $descr = $row['DESCR'];
                    $datee = $row['DATEE'];
                    $ID = $row['ID'];


                    echo "<td align='center' width='3%'>", "<font face=arial size=4/>$ID</font>";
                    echo "<td align='center' width='3%'>", "<font face=arial size=4/>$rounded</font>";
                    echo "<td align='center' width='3%'>", "<font face=arial size=4/>$caster</font>";
                    echo "<td align='center' width='3%'>", "<font face=arial size=4/>$fork</font>";
                    echo "<td align='center' width='3%'>", "<font face=arial size=4/>$forkhole</font>";
                    echo "<td align='center' width='3%'>", "<font face=arial size=4/>$wheel</font>";
                    echo "<td align='center' width='3%'>", "<font face=arial size=4/>$axletype</font>";
                    echo "<td align='center' width='3%'>", "<font face=arial size=4/>$axlehole</font>";
                    echo "<td align='center' width='3%'>", "<font face=arial size=4/>$seatsetting</font>";
                    echo "<td align='center' width='3%'>", "<font face=arial size=4/>$model</font>";
                    echo "<td align='center' width='3%'>", "<font face=arial size=4/>$forkstat</font>";
                    echo "<td align='center' width='3%'>", "<font face=arial size=4/>$dumpstat</font>";


                    echo "</tr>";
                }

                echo "</table>\n";
            }
        }

        ?>

        </section>

        <br><br><br><br>
        <!-- Pinterest -->
        <script type="text/javascript">
            (function(w, d, load) {
                var script,
                    first = d.getElementsByTagName('SCRIPT')[0],
                    n = load.length,
                    i = 0,
                    go = function() {
                        for (i = 0; i < n; i = i + 1) {
                            script = d.createElement('SCRIPT');
                            script.type = 'text/javascript';
                            script.async = true;
                            script.src = load[i];
                            first.parentNode.insertBefore(script, first);
                        }
                    }
                if (w.attachEvent) {
                    w.attachEvent('onload', go);
                } else {
                    w.addEventListener('load', go, false);
                }
            }(window, document,
                ['//assets.pinterest.com/js/pinit.js']
            ));
        </script>
        <!-- Twitter -->
        <script>
            ! function(d, s, id) {
                var js, fjs = d.getElementsByTagName(s)[0];
                if (!d.getElementById(id)) {
                    js = d.createElement(s);
                    js.id = id;
                    js.src = "//platform.twitter.com/widgets.js";
                    fjs.parentNode.insertBefore(js, fjs);
                }
            }(document, "script", "twitter-wjs");
        </script>

        <!-- Scripts -->
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/jquery.scrollex.min.js"></script>
        <script src="assets/js/skel.min.js"></script>
        <script src="assets/js/util.js"></script>
        <script src="assets/js/main.js"></script>

        <script>
            "@context": "http://schema.org",
            "@type": "Organization",
            "url": "https://powerplusmobility.com",
            "logo": "https://powerplusmobility.com/images/google-power-plus-mobility-logo.jpg"
            }
        </script>



        <!-- jQuery -->
        <script src="js/jquery.min.js"></script>
        <!-- jQuery Easing -->
        <script src="js/jquery.easing.1.3.js"></script>
        <!-- Bootstrap -->
        <script src="js/bootstrap.min.js"></script>
        <!-- Carousel -->
        <script src="js/owl.carousel.min.js"></script>
        <!-- Stellar -->
        <script src="js/jquery.stellar.min.js"></script>
        <!-- Waypoints -->
        <script src="js/jquery.waypoints.min.js"></script>
        <!-- Counters -->
        <script src="js/jquery.countTo.js"></script>


        <!-- MAIN JS -->
        <script src="js/main.js"></script>

        <!-- Scripts -->
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/jquery.scrollex.min.js"></script>
        <script src="assets/js/skel.min.js"></script>
        <script src="assets/js/util.js"></script>
        <script src="assets/js/main.js"></script>


        <script>
            window.onscroll = function() {
                myFunction()
            };
            var header = document.getElementById("myHeaderz");
            var sticky = header.offsetTop;

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

</html>