@extends('layouts.app')
@section('title', 'Daftar — MathAssess SD')
@section('content')
<div class="auth-box">
    <div class="logo">MathAssess SD</div>
    <div class="card">
        <h1>Daftar</h1>
        <form method="POST" action="{{ route('register') }}">
            @csrf
            <div class="form-group">
                <label for="name">Nama Lengkap</label>
                <input type="text" id="name" name="name" value="{{ old('name') }}" required autofocus>
            </div>
            <div class="form-group">
                <label for="email">Email</label>
                <input type="email" id="email" name="email" value="{{ old('email') }}" required>
            </div>
            <div class="form-group">
                <label for="role">Daftar sebagai</label>
                <select id="role" name="role" required>
                    <option value="siswa" @selected(old('role') === 'siswa')>Siswa</option>
                    <option value="guru" @selected(old('role') === 'guru')>Guru</option>
                </select>
            </div>
            <div class="form-group">
                <label for="password">Password</label>
                <input type="password" id="password" name="password" required>
            </div>
            <div class="form-group">
                <label for="password_confirmation">Ulangi Password</label>
                <input type="password" id="password_confirmation" name="password_confirmation" required>
            </div>
            <button type="submit" class="btn" style="width:100%">Daftar</button>
        </form>
        <p class="muted" style="margin-top:12px">Sudah punya akun? <a href="{{ route('login') }}">Masuk</a></p>
    </div>
</div>
@endsection