@extends('layouts.auth')
@section('title', 'Daftar')

@section('content')
<div class="auth-form-title">
    <span class="code-comment">// Bergabung dengan komunitas RPL</span>
    <h2>Daftar Akun</h2>
</div>

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

    <div class="form-group">
        <label for="name">Nama Lengkap</label>
        <input type="text" id="name" name="name"
               value="{{ old('name') }}"
               placeholder="Nama sesuai KTM"
               class="form-input @error('name') is-error @enderror"
               required autofocus>
        @error('name') <span class="form-error">{{ $message }}</span> @enderror
    </div>

    <div class="form-group">
        <label for="nim">NIM / NIP</label>
        <input type="text" id="nim" name="nim"
               value="{{ old('nim') }}"
               placeholder="Nomor Induk"
               class="form-input @error('nim') is-error @enderror"
               required>
        @error('nim') <span class="form-error">{{ $message }}</span> @enderror
    </div>

    <div class="form-group">
        <label for="email">Email Kampus</label>
        <input type="email" id="email" name="email"
               value="{{ old('email') }}"
               placeholder="nim@polbal.ac.id"
               class="form-input @error('email') is-error @enderror"
               required>
        @error('email') <span class="form-error">{{ $message }}</span> @enderror
    </div>

    <div class="form-group">
        <label for="role">Role</label>
        <select id="role" name="role" class="form-input @error('role') is-error @enderror" required>
            <option value="">-- Pilih Role --</option>
            <option value="mahasiswa" {{ old('role') === 'mahasiswa' ? 'selected' : '' }}>
                👨‍💻 Mahasiswa
            </option>
            <option value="dosen" {{ old('role') === 'dosen' ? 'selected' : '' }}>
                👨‍🏫 Dosen
            </option>
        </select>
        @error('role') <span class="form-error">{{ $message }}</span> @enderror
    </div>

    <div class="form-group">
        <label for="password">Password</label>
        <input type="password" id="password" name="password"
               placeholder="Minimal 8 karakter"
               class="form-input @error('password') is-error @enderror"
               required>
        @error('password') <span class="form-error">{{ $message }}</span> @enderror
    </div>

    <div class="form-group">
        <label for="password_confirmation">Konfirmasi Password</label>
        <input type="password" id="password_confirmation" name="password_confirmation"
               placeholder="Ulangi password"
               class="form-input"
               required>
    </div>

    <button type="submit" class="btn btn-primary w-full btn-lg">
        🚀 Daftar Sekarang
    </button>
</form>

<div class="auth-footer">
    <p>Sudah punya akun?
        <a href="{{ route('login') }}" class="link-accent">Login di sini</a>
    </p>
</div>
@endsection