@extends('layout.auth')

@section('title', 'Register')

@section('content')
<div class="login-box">
    <div class="login-logo">
        <b>Register</b> Akun
    </div>

    <div class="card">
        <div class="card-body login-card-body">

            <p class="login-box-msg">Buat akun baru</p>

            @if ($errors->any())
                <div class="alert alert-danger">
                    {{ $errors->first() }}
                </div>
            @endif

            <form method="POST" action="{{ url('/register') }}">
                @csrf

                <div class="input-group mb-3">
                    <input type="text" name="username" class="form-control" placeholder="Username" required>
                    <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" placeholder="Password" required>
                    <div class="input-group-append">
                        <div class="input-group-text">
                            <span class="fas fa-lock"></span>
                        </div>
                    </div>
                </div>

                <button class="btn btn-primary btn-block">
                    Daftar & Generate QR
                </button>
            </form>

            <hr>
            <p class="text-center mb-0">
                Sudah punya akun? <a href="/login">Login</a>
            </p>

        </div>
    </div>
</div>
@endsection