<!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/add.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>Change Password</h2>

                    <?php if(!empty($error)) { ?>
                        <div role="alert" class="alert alert-info alert-danger">
                            <?php echo $error;?>
                        </div>
                    <?php }?>
                    <form id="create_form" name="login" action="<?php echo baseUrl('change_password.php');?>" method="post" autocomplete="off">
                        <input type="hidden" name="submit" value="change">
                        <div class="form-group">
                            <label for="UserPass" class="sr-only"> Password</label>
                            <input type="password" name="password" id="UserPass"  class="form-control"  placeholder="Password" required>
                        </div>

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


                        <div class="clearfix form-group">
                            <div class="row">
                                <div class="col-sm-12 text-right">
                                    <a type="submit" class="btn btn-fb" href="<?php echo baseUrl('login.php');?>">Cancel</a>
                                    <button type="submit" class="btn btn-fb">Save</button>
                                </div>
                            </div>
                        </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><?php echo COPYRIGHT;?></p>
                </div>
            </div>
        </div>
    </div>
</footer>

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

