<!DOCTYPE html>
<html lang="en">
    <head>
        <!--- Basic Page Needs  -->
        <meta charset="utf-8">
        <title>Kleen App</title>
        <meta name="description" content="">
        <meta name="author" content="">
        <meta name="keywords" content="">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <!-- Mobile Specific Meta  -->
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <!-- Google Fonts -->
        <link href="https://fonts.googleapis.com/css?family=Montserrat|Raleway:300,400,600,700" rel="stylesheet">

        <!-- CSS -->
        <link rel="stylesheet" href="/assets/css/animate.min.css">
        <link rel="stylesheet" href="/assets/css/bootstrap.min.css">
        <link rel="stylesheet" href="/assets/css/owl.carousel.min.css">
        <link rel="stylesheet" href="/assets/css/owl.theme.min.css">
        <link rel="stylesheet" href="/assets/css/font-awesome.min.css">
        <link rel="stylesheet" href="/assets/css/default.css">
        <link rel="stylesheet" href="/assets/css/typography.css">
        <link rel="stylesheet" href="/assets/css/style.blue.css">
        <link rel="stylesheet" href="/assets/css/responsive-blue.css">

        <!-- Favicon -->
        <link rel="shortcut icon" type="image/png" href="/assets/img/logo-sm.png">

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond./assets/js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body data-spy="scroll" data-target="#scroll-menu" data-offset="120" class="blue">
        <!-- Preloader Starts -->
        <div class="preloader-area">
            <div class="preloader-inner">
                <div class="preloader">
                    <span></span>
                    <span></span>
                </div>
            </div>
        </div>
        <!-- Preloader Ends -->
        <!-- Header Area Starts -->
        <header id="home">
            <div class="navbar-area">
                <nav class="navbar navbar-default navbar-fixed-top wow fadeInDown" data-wow-delay="0.2s" id="scroll-menu">
                    <div class="container">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <a class="navbar-brand" href="/"><img src="/assets/img/logo.png" alt="MobileApp"></a>
                        </div>

                    </div>
                </nav>
            </div>
        </header>
        <!-- Header Area Ends -->



        <!-- Apps Feature Area Starts -->
        <div id="feature" class="feature-area inner-padding">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="section-title text-center wow fadeInDown">
                            <span>KLEENAPP</span>                           
                        </div>
                    </div>
                </div>
                <div class="row">

                    <table class="table table-striped">

                        <tbody>
                            <tr>
                                <th scope="row">Customer Name</th>
                                <td><?= $firstname ?> <?= $lastname ?> [<?= $from_phone ?>]</td>

                            </tr>

                            <tr>
                                <th scope="row">Pick up Location</th>
                                <td>   <?= $from_street ?>  , <?= $from_city ?>,<?= $from_state ?>, <?= $from_zipcode ?></td>

                            </tr>
                            <tr>
                                <th scope="row">Pickup Date & Time</th>
                                <td><?= $long_date ?></td>

                            </tr>
                            <tr>
                                <th scope="row">Quantity</th>
                                <td><?= $quantity ?>Bag(s)</td>

                            </tr>                          

                            <tr>
                                <th scope="row">Delivery Location</th>
                                <td> <b><?= $agent_name ?></b><?= $to_phone ?> <br>   <?= $to_street ?>  , <?= $to_city ?>,<?= $to_state ?>, <?= $to_zipcode ?> </td>

                            </tr>

                            <tr>
                                <th scope="row">Action</th>
                                <td><select class='btn' name = action>
                                        <option>Confirm Pick up Request</option>
                                        <option>Reject Pick up Request</option>
                                    </select><button class='btn btn-warning'>Set</button></td>

                            </tr>
                        </tbody>
                    </table>


                </div>
            </div>
        </div>
        <!-- Apps Feature Area Ends -->




        <!-- Footer Area Starts -->
        <footer>
            <div id="contact" class="footer-area navbar-fixed-bottom">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="footer-logo">
                                <h2>KLEEN<span class="thin">APP</span></h2>
                                <p>ON DEMAND CLEANING APP FOR VARIOUS CLEANING SERVICES</p>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-xs-12 col-sm-5">
                            <div class="download-link">
                                <p><a href="#" class="btn btn-default btn-fill-blue">Download Now</a></p>
                                <span>Available in:</span>
                                <a href="#"><i class="fa fa-android fa-2x"></i></a>
                                <a href="#"><i class="fa fa-apple fa-2x"></i></a>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-3 hidden-xs"></div>
                        <div class="col-xs-12 col-sm-4">
                            <div class="contact-content">
                                <div class="vr-title-area">
                                    <h4>Contact Us</h4>
                                </div>
                                <h3>APPS <span class="thin">VISSION</span></h3>
                                <p>Email :support@kleenapp.co</p>
                                <p>Phone : +1 404 966 6778</p>
                                <ul class="social-icon">
                                    <li><a href="#" data-toggle="tooltip" data-placement="bottom" title="Facebook"><i class="fa fa-facebook"></i></a></li>
                                    <li><a href="#" data-toggle="tooltip" data-placement="bottom" title="Twitter"><i class="fa fa-twitter"></i></a></li>
                                    <li><a href="#" data-toggle="tooltip" data-placement="bottom" title="Behance"><i class="fa fa-behance"></i></a></li>
                                    <li><a href="#" data-toggle="tooltip" data-placement="bottom" title="YouTube"><i class="fa fa-youtube"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="copyright-area">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12 col-md-6 col-md-offset-6">
                            <span>Copyright &copy;2018. All right reserved to KleenTech</span>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- Footer Area Ends -->

        <!-- Scripts -->
        <script src="/assets/js/jquery-1.11.3.min.js"></script>
        <script src="/assets/js/wow.min.js"></script>
        <script src="/assets/js/bootstrap.min.js"></script>
        <script src="/assets/js/owl.carousel.min.js"></script>
        <script src="/assets/js/typed.min.js"></script>
        <script src="/assets/js/theme.js"></script>

    </body>
</html>