@extends('layouts.auth')

@section('title', 'Daftar Akaun')

@section('content')
    <h2 class="w3-text-green"><i class="fa fa-user-plus"></i> Daftar Akaun</h2>
    <p>Sila isi maklumat anda di bawah untuk mendaftar.</p>

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

        <label class="w3-left"><b>Nama</b></label>
        <input class="w3-input w3-border w3-round" type="text" name="name" value="{{ old('name') }}" required autofocus>
        @error('name')
            <span class="w3-text-red">{{ $message }}</span>
        @enderror

        <label class="w3-left w3-margin-top"><b>Emel</b></label>
        <input class="w3-input w3-border w3-round" type="email" name="email" value="{{ old('email') }}" required>
        @error('email')
            <span class="w3-text-red">{{ $message }}</span>
        @enderror

        <label class="w3-left w3-margin-top"><b>Kata Laluan</b></label>
        <input class="w3-input w3-border w3-round" type="password" name="password" required>
        @error('password')
            <span class="w3-text-red">{{ $message }}</span>
        @enderror

        <label class="w3-left w3-margin-top"><b>Sahkan Kata Laluan</b></label>
        <input class="w3-input w3-border w3-round" type="password" name="password_confirmation" required>

        <button type="submit" class="w3-button w3-green w3-round w3-block w3-margin-top">
            <i class="fa fa-user-check"></i> Daftar
        </button>

        <p class="w3-small w3-margin-top">
            Sudah ada akaun? <a href="{{ route('login') }}" class="w3-text-green">Log Masuk</a>
        </p>
    </form>
@endsection