@extends('layouts.auth')

@section('content')

<div class="card card-login">

    <div class="card-header bg-primary text-white">

        <h3 class="text-center">

            LOGIN

        </h3>

    </div>

    <div class="card-body">

        <form method="POST" action="{{ route('login') }}">

            @csrf

            <div class="mb-3">

                <label>Username</label>

                <input type="text"
                       name="username"
                       class="form-control"
                       required>

            </div>

            <div class="mb-3">

                <label>Password</label>

                <input type="password"
                       name="password"
                       class="form-control"
                       required>

            </div>

            <button class="btn btn-primary w-100">

                Login

            </button>

        </form>

        <hr>

        <div class="text-center">

            Belum mempunyai akun?

            <br><br>

            <a href="{{ route('register') }}"
               class="btn btn-success">

                <i class="bi bi-person-plus"></i>

                Daftar Akun

            </a>

        </div>

    </div>

</div>

@endsection