<?= $this->extend('layouts/app') ?>

<?php
$title = 'Login';
?>

<?= $this->section('content') ?>
<div class="login-page">
    <div class="login-box">
        <div class="login-logo">
        </div>
        <!-- /.login-logo -->
        <div class="card">
            <div class="card-body login-card-body" style="border-radius: 50%;">
                <div class="text-center mb-3">
                    <img src="<?= base_url('assets/img/logo.png') ?>" alt="AdminLTE Logo" width="50%">
                </div>

                <form action="<?= base_url('login') ?>" method="POST">
                    <?= csrf_field() ?>
                    <div class="input-group mb-3">
                        <input type="text" name="username" class="form-control" placeholder="Masukkan Username">
                        <div class="input-group-append">
                            <div class="input-group-text">
                                <span class="fas fa-user"></span>
                            </div>
                        </div>
                    </div>
                    <div class="input-group mb-3">
                        <input type="password" name="password" class="form-control" id="inputPassword" placeholder="Masukkan Password">
                        <div class="input-group-append">
                            <div class="input-group-text" onclick="toggle('inputPassword')">
                                <span class="fas fa-lock" id="lock"></span>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <button type="submit" class="btn btn-block btn-primary">
                                Login
                            </button>
                        </div>
                    </div>
                </form>
                <p class="text-center mt-2">Belum punya akun? klik <a href="<?= base_url('register') ?>" class="fw-bold">Register</a></p>
            </div>
            <!-- /.login-card-body -->
        </div>
    </div>
    <!-- /.login-box -->
</div>
<?= $this->endSection() ?>