<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title><?php echo APP_NAME;?></title>
    <meta charset="UTF-8">
    <meta name="description" content="HTML templeate by Sufain Khan" >
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="Sufian Khan bdcodex.net">


    <!-- Mobile Specific Meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->

    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="<?php echo assetsPath() . 'img/favicon/favicon.ico';?>">
    <link rel="apple-touch-icon" sizes="72x72" href="<?php echo assetsPath() . 'img/favicon/apple-touch-icon-72x72.png';?>">
    <link rel="apple-touch-icon" sizes="114x114" href="<?php echo assetsPath() . 'img/favicon/apple-touch-icon-114x114.png';?>">
    <link rel="apple-touch-icon" sizes="144x144" href="<?php echo assetsPath() . 'img/favicon/apple-touch-icon.png';?>">

    <!-- Fonts -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="<?php echo assetsPath() . 'css/font-awesome.min.css';?>">

    <!-- CSS -->
    <link rel="stylesheet" href="<?php echo assetsPath() . 'css/bootstrap.min.css';?>">
    <link rel="stylesheet" href="<?php echo assetsPath() . 'css/normalize.css';?>">
    <link rel="stylesheet" href="<?php echo assetsPath() . 'css/main.css';?>">
    <link rel="stylesheet" href="<?php echo assetsPath() . 'css/responsive.css';?>">

    <!-- Prefixing JS -->
    <script src="<?php echo assetsPath() . 'js/vendor/modernizr-2.8.3.min.js';?>"></script>
    <script src="<?php echo assetsPath() . 'js/vendor/html5-3.6-respond-1.4.2.min.js';?>"></script>

    <!-- JS -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="<?php echo assetsPath() . 'js/vendor/jquery-1.11.2.min.js';?>"><\/script>')</script>
    <script src="<?php echo assetsPath() . 'js/bootstrap.min.js';?>"></script>
    <script src="<?php echo assetsPath() . 'js/plugins.js';?>"></script>
    <script src="<?php echo assetsPath() . 'js/main.js';?>"></script>

</head>
<body style="background: rgb(77, 89, 105) url('<?php echo assetsPath() . 'img/bg.jpg';?>') no-repeat fixed center center;">
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->


<!-- Content Start here  -->

<div id="form-pages">
    <div class="contianer">
        <div class="row">
            <div class="col-sm-offset-4 col-sm-4 col-xs-10 col-xs-offset-1">
                <div class="form-area">

                    <h2>Login | <?php echo APP_NAME;?></h2>

                    <form action="<?php echo baseUrl('login.php');?>" method="post" id="login_form" name="login">
                        <input type="hidden" name="auth" value="submit" />
                        <div class="form-group">
                            <label for="UserName" class="sr-only"> Username</label>
                            <input type="text" name="username" id="UserName" class="form-control" placeholder="Username" value="<?php echo $post_data['username'];?>">
                        </div>

                        <div class="form-group">
                            <label for="UserPass" class="sr-only"> Password</label>
                            <input type="password" name="password" id="UserPass"  class="form-control" placeholder="Password" value="">
                        </div>

                        <p class="msg error"><?php echo $post_data['message'];?></p>
                        <div class="clearfix">
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" value="1" name="remember"<?php echo (!empty($post_data['remember']))? ' checked="checked"':'';?>>    Keep me logged in
                                        </label>
                                    </div>
                                </div>
                                <div class="col-sm-6 text-right">
                                    <button name="submit_far" type="submit" class="btn btn-fb">Login</button>
                                </div>
                            </div>
                        </div>


                        <div class="clearfix text-center more-link">

                            <?php if(!empty($app_settings['allow_registered']) && $app_settings['allow_registered'] == 1) { ?>
                                <a class="link" href="<?php echo baseUrl('create.php');?>">Create an account</a>
                                or
                            <?php } ?>
                            <a class="link" href="<?php echo baseUrl('recover.php');?>">Recover your password</a>

                        </div>

                    </form>

                </div>
            </div>
        </div>
    </div>
</div>

<footer id="footer">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 text-center">
                <div class="footer">
                    <p>Copyright © 2015 HENOZ Developers Pvt Ltd. All Rights Reserved.</p>
                </div>
            </div>
        </div>
    </div>
</footer>

<!-- Contents End here  //.-->
</body>
</html>