<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="apple-touch-icon" sizes="76x76" href="https://www.cdn.niendsitekungz.com/finance/assets/img/apple-icon.png">
  <link rel="icon" type="image/png" href="https://www.cdn.niendsitekungz.com/finance/assets/img/favicon556.png">
  
  <title>
    FINANCE | NiendsiteKunGz
  </title>
  <script src="https://code.jquery.com/jquery-3.6.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert-dev.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css">
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet" />
  <link href='https://fonts.googleapis.com/css?family=Kanit' rel='stylesheet'>
  <link href="https://www.cdn.niendsitekungz.com/finance/assets/css/nucleo-icons.css" rel="stylesheet" />
  <link href="https://www.cdn.niendsitekungz.com/finance/assets/css/nucleo-svg.css" rel="stylesheet" />
  
  <script src="https://kit.fontawesome.com/42d5adcbca.js" crossorigin="anonymous"></script>
  
  <link href="https://www.cdn.niendsitekungz.com/finance/assets/css/nucleo-svg.css" rel="stylesheet" />
  <link id="pagestyle" href="https://www.cdn.niendsitekungz.com/finance/assets/css/soft-ui-dashboard.css?v=1.0.6" rel="stylesheet" />
  
<style>

body {
    font-family: 'Kanit';font-size: 22px;
}

li {
   font-family: 'Kanit';font-size: 22px;
}

label {
    font-family: 'Kanit';font-size: 15px;
}

html {
   font-family: 'Kanit';font-size: 17px;
}

</style>

</head>

<body class="">
  <div class="container position-sticky z-index-sticky top-0">
    <div class="row">
      <div class="col-12">
        <!-- Navbar -->
        <nav class="navbar navbar-expand-lg blur blur-rounded top-0 z-index-3 shadow position-absolute my-3 py-2 start-0 end-0 mx-4">
          <div class="container-fluid pe-0">
            <a class="navbar-brand font-weight-bolder ms-lg-0 ms-3 " href="#">
              FINANCE
            </a>
            <button class="navbar-toggler shadow-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
              <span class="navbar-toggler-icon mt-2">
                <span class="navbar-toggler-bar bar1"></span>
                <span class="navbar-toggler-bar bar2"></span>
                <span class="navbar-toggler-bar bar3"></span>
              </span>
            </button>
            <div class="collapse navbar-collapse" id="navigation">
              <ul class="navbar-nav mx-auto ms-xl-auto me-xl-7">
                <li class="nav-item">
                  <a class="nav-link d-flex align-items-center me-2 active" aria-current="page" href="/home">
                    <i class="fa fa-chart-pie opacity-6 text-dark me-1"></i>
                    หน้าหลัก
                  </a>
                </li>
                <li class="nav-item">
                  <a class="nav-link me-2" href="<?= base_url('account/profile') ?>">
                    <i class="fa fa-user opacity-6 text-dark me-1"></i>
                    โปรไฟล์ของคุณ
                  </a>
                </li>
                <li class="nav-item">
                  <a class="nav-link me-2" href="<?= base_url('auth/register') ?>">
                    <i class="fas fa-user-circle opacity-6 text-dark me-1"></i>
                    สมัครสมาชิก
                  </a>
                </li>
                <li class="nav-item">
                  <a class="nav-link me-2" href="<?= base_url('auth/login') ?>">
                    <i class="fas fa-key opacity-6 text-dark me-1"></i>
                    เข้าสู่ระบบ
                  </a>
                </li>
              </ul>
            </div>
          </div>
        </nav>
        <!-- End Navbar -->
      </div>
    </div>
  </div>
  <main class="main-content  mt-0">
    <section>
      <div class="page-header min-vh-75">
        <div class="container">
          <div class="row">
            <div class="col-xl-4 col-lg-5 col-md-6 d-flex flex-column mx-auto">
              <div class="card card-plain mt-8">
                <div class="card-header pb-0 text-left bg-transparent">
                  <h3 class="font-weight-bolder text-info text-gradient">ยินดีต้อนรับการกลับมา</h3>
                  <p class="mb-0">เข้าสู่ระบบสมาชิกเพื่อบันทึก รายรับ-รายจ่าย ของคุณได้เลยน๊า!</p>
                </div>
                <div class="card-body">
                   <?php if (isset($validation)) : ?>
                        <div class="col-20">
                            <div class="alert alert-danger" role="alert">
                                <?= $validation->listErrors() ?>
                            </div>
                        </div>
                    <?php endif; ?>
                    
                    <form class="" action="<?= base_url('auth/login') ?>" method="post">
                    <label>E-Mail</label>
                    <div class="mb-3">
                      <input type="email" class="form-control" placeholder="กรอกอีเมล์ของคุณ" name="email" id="email">
                    </div>
                    <label>Password</label>
                    <div class="mb-3">
                      <input type="password" class="form-control" placeholder="กรอกรหัสผ่านของคุณ" name="password" id="password">
                    </div>
                    <div class="text-center">
                      <button type="submit" class="btn bg-gradient-info w-100 mt-4 mb-0">เข้าสู่ระบบ</button>
                    </div>
                  </form>
                </div>
   
                <div class="card-footer text-center pt-0 px-lg-2 px-1">
                  <p class="mb-4 text-sm mx-auto">
                    ยังไม่มีบัญชีใช่ไหม? 
                    <a href="<?= base_url('auth/register') ?>" class="text-info text-gradient font-weight-bold">สมัครสมาชิก</a>
                  </p>
                </div>
              </div>
            </div>
            <div class="col-md-6">
              <div class="oblique position-absolute top-0 h-100 d-md-block d-none me-n8">
                <div class="oblique-image bg-cover position-absolute fixed-top ms-auto h-100 z-index-0 ms-n6" style="background-image:url('https://www.cdn.niendsitekungz.com/finance/assets/img/curved-images/curved6.jpg')"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </main>
  <footer class="footer py-5">
    <div class="container">
      <div class="row">
        <div class="col-lg-8 mx-auto text-center mb-4 mt-2">
          <a href="javascript:;" target="_blank" class="text-secondary me-xl-4 me-4">
            <span class="text-lg fab fa-dribbble"></span>
          </a>
          <a href="javascript:;" target="_blank" class="text-secondary me-xl-4 me-4">
            <span class="text-lg fab fa-twitter"></span>
          </a>
          <a href="javascript:;" target="_blank" class="text-secondary me-xl-4 me-4">
            <span class="text-lg fab fa-instagram"></span>
          </a>
          <a href="javascript:;" target="_blank" class="text-secondary me-xl-4 me-4">
            <span class="text-lg fab fa-pinterest"></span>
          </a>
          <a href="javascript:;" target="_blank" class="text-secondary me-xl-4 me-4">
            <span class="text-lg fab fa-github"></span>
          </a>
        </div>
      </div>
      <div class="row">
        <div class="col-8 mx-auto text-center mt-1">
          <p class="mb-0 text-secondary">
            Copyright © <script>
              document.write(new Date().getFullYear())
            </script> NiendsiteKunGz All rights reserved.
          </p>
        </div>
      </div>
    </div>
  </footer>

  <script src="https://www.cdn.niendsitekungz.com/finance/assets/js/core/popper.min.js"></script>
  <script src="https://www.cdn.niendsitekungz.com/finance/assets/js/core/bootstrap.min.js"></script>
  <script src="https://www.cdn.niendsitekungz.com/finance/assets/js/plugins/perfect-scrollbar.min.js"></script>
  <script src="https://www.cdn.niendsitekungz.com/finance/assets/js/plugins/smooth-scrollbar.min.js"></script>
  <script>
    var win = navigator.platform.indexOf('Win') > -1;
    if (win && document.querySelector('#sidenav-scrollbar')) {
      var options = {
        damping: '0.5'
      }
      Scrollbar.init(document.querySelector('#sidenav-scrollbar'), options);
    }
  </script>
  <script async defer src="https://buttons.github.io/buttons.js"></script>
  <script src="https://www.cdn.niendsitekungz.com/finance/assets/js/soft-ui-dashboard.min.js?v=1.0.6"></script>
</body>

</html>