<!DOCTYPE html>
<html>
<?php
/**
 * Created by PhpStorm.
 * User: rishi
 * Date: 15/7/15
 * Time: 8:48 AM
 */
include_once 'access.php';
include_once 'functions.php';
// include_once 'includes/db_connect.php';
sec_session_start();
?>
<head>
    <title>Reports </title>
    <link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <!--[if lte IE 8]><script src="../css/ie/html5shiv.js"></script><![endif]-->
    <script src="../js/jquery.min.js"></script>
    <script src="../js/skel.min.js"></script>
    <script src="../js/init.js"></script>
    <noscript>
        <link rel="stylesheet" href="../css/skel.css" />
        <link rel="stylesheet" href="../css/style.css" />
        <link rel="stylesheet" href="../css/style-wide.css" />
    </noscript>
    <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
    <style>
        #keyinfo {
            text-align: center;
        }
    </style>

    <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

        ga('create', 'UA-42366838-3', 'auto');
        ga('send', 'pageview')
    </script>
    <script src="//www.google.com/recaptcha/api.js?onload=CaptchaCallback&render=explicit" async defer></script>
    <script type="text/javascript">
        var verifyCallback = function(response) {
            alert(response);
        };
        var widgetId1;
        var widgetId2;
        var CaptchaCallback = function(){
            widgetId1 = grecaptcha.render('RecaptchaField1', {
                'sitekey' : '6LcfOAQTAAAAAMulh0UTBQczBLN6lLT-FtUz2_TY'
            });
            widgetId2 = grecaptcha.render('RecaptchaField2', {
                'sitekey' : '6LcfOAQTAAAAAMulh0UTBQczBLN6lLT-FtUz2_TY'
            });
        };
    </script>
    <script src="../js/smooth-scroll.js"></script>
    <script>
        smoothScroll.init({
            speed: 1000
        } );
    </script>
</head>

<body>
<?php if (login_check($mysqli) == true) : ?>
    <p>Welcome <?php echo htmlentities($_SESSION['username']); ?>!</p>
    <p>
        This is a protected page.  To access this page, users
        must be logged in.  You can access reports here.
    </p>
    <p>Return to <a href="../login.html">login page</a></p>
<?php else : ?>
    <p>
        <span class="error">You are not authorized to access this page.</span> Please <a href="../login.html">login</a>
    </p>
<?php endif; ?>

<div class="container box">
    <section>
        <header id="register">
            <h3>SEARCH NOW</h3>
        </header>
        <form method="post" action="search.php">
            <div class="row">
                <div class="6u 12u(mobilep)">
                    <label for="name">Name</label>
                    <input class="text" type="text" name="name" id="name" value="" placeholder="" />
                </div>
                <div class="6u 12u(mobilep)">
                    <label for="email">Email</label>
                    <input class="text" type="email" name="email" id="email" value="" placeholder="" />
                </div>
                <div class="6u 12u(mobilep)">
                    <label for="phone">Date of birth</label>
                    <input class="text" type="date"  name="dob" id="dob" value="" placeholder="" />
                </div>
                <div class="6u 12u(mobilep)">
                    <label for="phone">Phone Number</label>
                    <input class="text" type="text" name="phone" id="phone" value="" placeholder="" />
                </div>
                <div class="6u 12u(mobilep)">
                    <label for="school">School Name</label>
                    <input class="text" type="text" name="school" id="school" value="" placeholder="" />
                </div>
                <div class="6u 12u(mobilep)">
                    <label for="city">City/District</label>
                    <input class="text" type="text" name="city" id="city" value="" placeholder="" />
                </div>
                <div class="6u 12u(mobilep)">
                    <label for="address">School Postal Address</label>
                    <textarea class="text" type="text" name="address" id="address" value="" placeholder=""  size="150"></textarea>
                </div>
                <div class="6u 12u(mobilep)">
                    <label for="address">Home Postal Address</label>
                    <textarea class="text" type="text" name="paddress" id="paddress" value="" placeholder=""  size="150"></textarea>
                </div>

                <!-- hidden field to know the search status-->
                <input type="hidden"  name="doSearch" value="1" />
      <!-- Change the standard into drop down -->

                <div class="6u 12u(mobilep)">
                    <label>Current standard</label>
                    <select width="50">
                        <option value="default">...</option>
                        <option value="8">8th</option>
                        <option value="9">9th</option>
                        <option value="10">10th</option>
                        <option value="11">11th</option>
                        <option value="12">12th</option>
                    </select>
                </div>

            </div>
            <div class="row">
                <div class="12u">
                    <ul class="actions">
                        <li><div id="RecaptchaField1" ></div></li><br>
                        <li><input type="submit" value="Search" /></li>
                        <li><input type="reset" value="Reset" class="alt" /></li>
                    </ul>
                </div>
            </div>


        </form>
    </section>

</div>


</body>
</html>