<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="Metroshop">
        <meta name="keyword" content="Metroshop toko printer online terlengkap mudah terpercaya dan termurah">

        <title>LOGIN ADMIN-PANEL METROSHOP</title>

        <!-- Bootstrap core CSS -->
        <link href="<?= base_url()?>assets/backend/css/bootstrap.css" rel="stylesheet">
        <!--external css-->
        <link href="<?= base_url()?>assets/backend/font-awesome/css/font-awesome.css" rel="stylesheet" />

        <!-- Custom styles for this template -->
        <link href="<?= base_url()?>assets/backend/css/style.css" rel="stylesheet">
        <link href="<?= base_url()?>assets/backend/css/style-responsive.css" rel="stylesheet">

        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!--[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.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>

    <body>

        <!-- **********************************************************************************************************************************************************
        MAIN CONTENT
        *********************************************************************************************************************************************************** -->

        <div id="login-page">
            <div class="container">


                <form class="form-login" method="post" action="<?php echo base_url() ?>admin/loginpage/do_login">
                    <h2 class="form-login-heading">login admin system</h2>
                    <div class="login-wrap">
                        <?php if ($this->session->flashdata('message_red_password')) {
                        ?>

                            <div class="alert alert-danger alert-dismissable">
                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                            <?php
                            echo "<center><i>" . $this->session->flashdata('message_red_password') . "</i></center>";
                            ?>
                        </div>
                        <?php
                        } else if ($this->session->flashdata('message_green_password')) {
                        ?>

                            <div class="alert alert-success alert-dismissable">
                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                            <?php
                            echo "<center><i>" . $this->session->flashdata('message_green_password') . "</i></center>";
                            ?>
                        </div>
                        <?php } ?>
                        <input type="text" name="username" class="form-control" placeholder="User ID" autofocus>
                        <br>
                        <input type="password" name="password" class="form-control" placeholder="Password">
                        <br>
                        <button class="btn btn-theme btn-block" href="index.html" type="submit"><i class="fa fa-lock"></i> SIGN IN</button>
                        <hr>

                        <div class="login-social-link centered">
                            <p>pastikan username dan password anda ingaat</p>
                        </div>
                        <div class="registration">

                            <a class="" href="#">
		                    Hubungi Developer jika anda lupa password anda
                            </a>
                        </div>

                    </div>

                    <!-- Modal -->
                    <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="myModal" class="modal fade">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                    <h4 class="modal-title">Forgot Password ?</h4>
                                </div>
                                <div class="modal-body">
                                    <p>Enter your e-mail address below to reset your password.</p>
                                    <input type="text" name="email" placeholder="Email" autocomplete="off" class="form-control placeholder-no-fix">

                                </div>
                                <div class="modal-footer">
                                    <button data-dismiss="modal" class="btn btn-default" type="button">Cancel</button>
                                    <button class="btn btn-theme" type="button">Submit</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- modal -->

                </form>

            </div>
        </div>

        <!-- js placed at the end of the document so the pages load faster -->
        <script src="<?= base_url()?>assets/backend/js/jquery.js"></script>
        <script src="<?= base_url()?>assets/backend/js/bootstrap.min.js"></script>

        <!--BACKSTRETCH-->
        <!-- You can use an image of whatever size. This script will stretch to fit in any screen size.-->
        <script type="text/javascript" src="<?= base_url()?>assets/backend/js/jquery.backstretch.min.js"></script>
        <script>
            $.backstretch("<?= base_url()?>assets/backend/img/login-bg.jpg", {speed: 500});
        </script>


    </body>
</html>
