        <?php 
        $page_id = null;
        $comp_model = new SharedController;
        ?>
        <div  class=" py-5">
            <div class="container">
                <div class="row justify-content-around">
                    <div class="col-md-10 bg-white login-card-holder comp-grid">
                        <div  class="">
                            <div class="container">
                                <div class="row ">
                                    <div class="col-sm-8 svg comp-grid">
                                    </div>
                                    <div class="col-sm-4 bg-white comp-grid">
                                        <h4 class="mt-4 mb-3 bold px-3"><center> <h5>  </h5> </center>
                                            <center> Sistem Informasi Data </center> 
                                        </h4>
                                        <?php $this :: display_page_errors(); ?>
                                        
                                        <div  class="col-sm-12 bg-white p-3 animated fadeIn page-content">
                                            <div>
                                                <h4>  <center><i class="fa fa-user"></i>   
                                                         Sign-In Account</center> 
                                                </h4> 
                                                <hr />
                                                <?php 
                                                $this :: display_page_errors(); 
                                                ?>
                                                <form name="loginForm" action="<?php print_link('index/login/?csrf_token=' . Csrf::$token); ?>" class="needs-validation form page-form" method="post">
                                                    <div class="input-group form-group">
                                                        <input placeholder="Username" name="username"  required="required" class="form-control" type="text"  />
                                                        <div class="input-group-append">
                                                            <span class="input-group-text"><i class="form-control-feedback fa fa-user"></i></span>
                                                        </div>
                                                    </div>
                                                    <div class="input-group form-group">
                                                        <input  placeholder="Password" required="required" v-model="user.password" name="password" class="form-control " type="password" />
                                                        <div class="input-group-append">
                                                            <span class="input-group-text"><i class="form-control-feedback fa fa-key"></i></span>
                                                        </div>
                                                    </div>
                                                      <!--<div class="row clearfix mt-3 mb-3">
                                                        <div class="col-6">
                                                            <label class="">
                                                                <input value="true" type="checkbox" name="rememberme" />
                                                                Remember Me
                                                            </label>
                                                        </div>-->
                                                      
                                                    </div>
                                                    <div class="form-group text-center">
                                                        <button class="btn btn-primary btn-block btn-md" type="submit"> 
                                                            <i class="load-indicator">
                                                                <clip-loader :loading="loading" color="#fff" size="20px"></clip-loader> 
                                                            </i>
                                                            Login <i class="fa fa-key"></i>
                                                        </button>
                                                    </div>
                                                    
                                                      <div class="col-sm-12">
                                                            <a href="<?php print_link('passwordmanager') ?>" class="text-danger"> <center>Reset Password?</center></a>
                                                        </div>
                                                    
                                                    <div class="text-center">
                                                        <!--Don't Have an Account? <a href="<?php print_link("index/register") ?>" class="btn btn-success">Register
                                                        <i class="fa fa-user"></i></a>-->
                                                        <a href="<?php print_link('index/register') ?>" class="text-primary"> <center>Don't Have an Account?</center></a>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 comp-grid">
                        <h4 class="text-center p-3 small"></h4>
                        <div class=""><style>
                            .login-card-holder{
                            border-radius:10px;
                            box-shadow:0 0 30px rgba(0,0,0,0.3);
                            overflow:hidden;
                            margin-top:70px;
                            }
                            button.btn{
                            border-radius:30px;
                            box-shadow:0 0 30px rgba(0,0,0,0.3);
                            }
                            .hide-line hr {
                            display:none;
                            }
                            .hide-line h4{
                            display:none;
                            }
                            .input-group-append{
                            display:none;
                            }
                            .form-control{
                            padding:10px;
                            border-width:0 0 1px 0;
                            font-size:17px;
                            }
                        </style>
                        <script>
                            $("button.btn").removeClass("btn-block btn-md")
                        </script></div>
                    </div>
                    
                    <div class="text-center">
                                                        
                            <a href="https://datakito.id/BGN_REGIONALBENGKULU/index.html" class="text-primary"> <center>Back To Dashboard</center></a>
                                                        
                    </div>
                       
        