<html lang="en"><head>

        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <title>Beauty Artech</title>
        <link href="<?php echo base_url();?>assets/third_party/bootstrap/css/bootstrap.min.css" rel="stylesheet">
         <link rel="stylesheet" href="<?php echo base_url();?>/assets/css/adminstyle.css">
        <!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900"-->
        <link rel="stylesheet" href="<?php echo base_url();?>assets/css/googlecatamariancss.css">
        <link rel="stylesheet" href="<?php echo base_url();?>assets/css/googlelato.css">
        <link rel="stylesheet" href="<?php echo base_url();?>/assets/assets/css/breadcrumbs.css">
        <link rel="stylesheet" href="<?php echo base_url();?>/assets/css/borabeauty.css">
        <link rel="stylesheet" href="<?php echo base_url();?>/assets/css/bora.css">
        <link rel="stylesheet" href="<?php echo base_url();?>/assets/css/admin.css">
       
                <meta name="description" content="">
        <meta name="author" content="">
        
             <!--    <link rel="apple-touch-icon" sizes="180x180" href="../assets/img/favicon/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="../assets/img/favicon/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="../assets/img/favicon/favicon-16x16.png">
        <link rel="manifest" href="/site.webmanifest"> -->
            </head>

    <body style="background-color:<?php echo BGCOLOR;?>!important;max-height: 100vh;">
            <style type="text/css">
            #section-1 {
                    padding-top: 17vh;
                    padding-bottom: 26vh;
                    padding-right: 15vw;
                    padding-left: 15vw;

                    max-width: 1200px;
                    margin-left: auto;
                    margin-right: auto;

            }
            .login-form-2{
                    min-height: 49vh;
            }
            </style>
            <section id="section-1" style="" >
                <div class="container login-container " style="background-color: #ffffff;">
            <div class="row">
            <!--     <div class="col-md-6 login-form-1 align-self-center">
                        <div style="height: 100%">
                        <img class="d-flex mx-auto" style="margin-top: auto;
margin-bottom: auto;" src="<?php echo base_url();?>/assets/img/logo.png">
                        </div>
                </div> -->
                <div class="col-12 login-form-2" >
                    <!-- <div class="vl d-none d-md-block"></div> -->
                    <h3 style="color:#794598;"></h3>
                    <h3 style="color:#036EB7;"></h3>
                    <form method="post" name="form_reg" id="form_reg" action="/portable/login/check">
 
                        <img class="d-flex mx-auto" style="margin-top: auto;
margin-bottom: auto;width:70%;padding-top: 17%;padding-bottom: 12%;max-width: 300px;" src="<?php echo base_url();?>/assets/img/logo.png">

                        <h3 align="center" style="color:#957c78;margin-bottom: 12%;">客戶管理系統</h3>
                        <div class="form-group row" style="margin-bottom:3%; ">
                    <!--         <label for="userName" class="col-12 col-xl-3 col-form-label" style="color:#666666;">登入名稱 :</label> -->
                            <div class="col-12  ">
                            <input id="userName" name="userName" type="text" style="background-color : #d1d1d1;margin-left: 15%;margin-right: 15%;width:70%;" class="form-control" placeholder="登入名稱" value="">
                            <?php echo form_error('userName'); ?>
                            </div>
                        </div>
                        <div class="form-group row" style="margin-bottom: 4%;">
                            <!-- <label for="password" class="col-12 col-xl-3 col-form-label" style="color:#666666;">輸入密碼 :</label> -->
                            <div class="col-12  ">
                            <input id="password" name="password" type="password" style="background-color : #d1d1d1;margin-left: 15%;margin-right: 15%;width:70%;" class="form-control" placeholder="輸入密碼" value="">
                            <?php echo form_error('password'); ?>
                            <?php if(!empty($msg)){echo $msg;}?>
                            </div>
                        </div>
                        <div class="form-group row " style="">
                            <div class="col-sm-12 mt-3"> 
                                <div class="text-center">   
                                <input type="submit" class="btn custombutton" style="width:24%;height: 7%;min-height: 40px;min-width: 60px;" value="登入">
                                </div>
                            </div>
                        </div>

                        <?php if($this->session->flashdata('logout_msg') != false){ ?>
                        <div class="alert alert-success alert-dismissable">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                            <h4>  <i class="icon fa fa-check"></i> Success!</h4>
                            <?php echo $this->session->flashdata('logout_msg'); ?>
                        </div>
                        <?php } ?>

                        <?php if($this->session->flashdata('msg') != false){ ?>
                        <div class="alert alert-danger alert-dismissable">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                            <h4>  <i class="icon fa fa-ban"></i> 錯誤!</h4>
                            <?php echo $this->session->flashdata('msg'); ?>
                        </div>
                        <?php } ?>

                        <?php if(validation_errors() != false){ ?>
                                <div class="alert alert-danger alert-dismissable">
                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                                <h4><i class="icon fa fa-ban"></i> Error!</h4>
                                    <?php echo validation_errors(); ?>
                                </div>
                                <?php } ?>    

                    </form>
                </div>
            </div>
        </div>
               
    </section>
    

           <!--  <footer class="text-center py-5" style="height: 250px;">
        <div class="container ">
            <div class="row">
                <div class="col-xs-12 col-md-6 vision-footer-content">
                    
                    <p class="text-left">服務熱線：3428 8328</p>
                    <p class="text-left">電郵地址：info@at-creative.com</p>
                </div>
                <div class="col-xs-12 col-md-6 d-flex justify-content-md-end justify-content-xs-left">
                    <ul class="list-inline text-right d-inline-flex">
                        <li class="list-inline-item" style="margin-left:2vw;margin-right:2vw;"><a href=""><img width="auto" height="42px" src="http://notesvision.at-webs.hk/assets/img/footer/facebook.png"></a></li>
                        <li class="list-inline-item" style="margin-left:2vw;margin-right:2vw;"><a href=""><img width="auto" height="42px" src="http://notesvision.at-webs.hk/assets/img/footer/instagram.png"></a></li>
                        <li class="list-inline-item" style="margin-left:2vw;margin-right:2vw;"><a href=""><img width="auto" height="42px" src="http://notesvision.at-webs.hk/assets/img/footer/youtube.png"></a></li>
                        <li class="list-inline-item flex-nowrap" style="margin-left:2vw;margin-right:2vw;">微訊</li>
                        <li class="list-inline-item"><img class="d-flex align-items-xl-start" src="http://notesvision.at-webs.hk/assets/img/footer/wechat.png"></li>
                    </ul>
                </div>
            </div>
            <hr class="vision-white-line">
            <p class="text-center m-0 small">COPYRIGHT © Artech Creative Multimedia Studio. All Rights Reserved</p>
        </div>
    </footer> -->

        <!-- Bootstrap core JavaScript -->
        <script src="http://notesvision.at-webs.hk/assets/third_party/jquery/jquery.min.js"></script>
        <script src="http://notesvision.at-webs.hk/assets/third_party/bootstrap/js/bootstrap.bundle.min.js"></script>
        
    


</body></html>