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

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

<?= $this->section('content') ?>

<div class="register-page">
    <div class="register-box">
        <div class="card">
            <div class="card-body register-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%">
                    <!-- <h3 style="font-weight: bold;">SKOR<br> DIGITAL</h3> -->
                </div>

                <form action="<?= url_to('register') ?>" method="post">
                    <?= csrf_field() ?>
                    <div class="input-group mb-3">
                        <input type="text" class="form-control" placeholder="Nama Lengkap" name="nama">
                        <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="text" class="form-control" placeholder="Username" name="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="text" class="form-control" placeholder="Telepon" name="telepon">
                        <div class="input-group-append">
                            <div class="input-group-text">
                                <span class="fas fa-phone"></span>
                            </div>
                        </div>
                    </div>
                    <!-- Customer master no longer collects address -->
                    <div class="input-group mb-3">
                        <input type="password" id="inputPassword" minlength="8" name="password" class="form-control" placeholder="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="input-group mb-3">
                        <input type="password" id="RetypePassword" minlength="8" class="form-control" name="password_confirm" placeholder="Konfirmasi password">
                        <div class="input-group-append">
                            <div class="input-group-text" onclick="toggle1('RetypePassword')">
                                <span class="fas fa-lock" id="lock1"></span>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-12">
                            <button type="submit" class="btn btn-block btn-primary">
                                Register
                            </button>
                        </div>
                    </div>
                </form>
                <p class="text-center mt-2">Sudah punya akun? klik <a href="<?= base_url('login') ?>" class="fw-bold">Login</a></p>
            </div>
            <!-- /.form-box -->
        </div><!-- /.card -->
    </div>
    <!-- /.register-box -->
</div>
<?= $this->endSection() ?>