@extends('layouts.auth')

@section('content')

<div class="card card-login">

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

<h3>

Daftar Akun

</h3>

</div>

<div class="card-body">

<form action="{{ route('register.store') }}"
      method="POST">

@csrf

<div class="mb-3">

<label>Nama Lengkap</label>

<input type="text"
       name="nama"
       class="form-control"
       value="{{ old('nama') }}"
       required>

</div>

<div class="mb-3">

<label>Username</label>

<input type="text"
       name="username"
       class="form-control"
       value="{{ old('username') }}"
       required>

</div>

<div class="mb-3">

<label>Email</label>

<input type="email"
       name="email"
       class="form-control"
       value="{{ old('email') }}"
       required>

</div>

<div class="mb-3">

<label>Password</label>

<input type="password"
       name="password"
       class="form-control @error('password') is-invalid @enderror"
       required>

</div>

<div class="mb-3">

<label>Konfirmasi Password</label>

<input type="password"
       name="password_confirmation"
       class="form-control @error('password') is-invalid @enderror"
       required>

@error('password')
        <div class="invalid-feedback">
            {{ $message }}
        </div>
    @enderror

</div>

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

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

Daftar

</button>

<hr>

<div class="text-center">

Sudah punya akun?

<br>

<a href="{{ route('login') }}"
   class="btn btn-outline-primary">

Login

</a>

</div>

</form>

</div>

</div>

@endsection