@extends('layouts.app')

@section('title', 'Tambah Anggota')

@section('content')
    <div class="form-page">
        <div class="page-header"><div><span class="eyebrow">Administrasi Sistem</span><h1>Tambah Pengguna</h1><p>Buat akun admin atau anggota untuk menggunakan sistem peternakan.</p></div></div>
        <form method="post" action="{{ route('users.store') }}">
            @csrf
            <section class="card">
                <div class="form-grid">
                    <label class="field"><span>Nama Lengkap *</span><input name="name" value="{{ old('name') }}" maxlength="120" autocomplete="name" required></label>
                    <label class="field"><span>Username *</span><input name="username" value="{{ old('username') }}" maxlength="50" autocomplete="username" required><small>Gunakan huruf, angka, tanda hubung, atau garis bawah.</small></label>
                    <label class="field"><span>Peran *</span><select name="role" required><option value="anggota" @selected(old('role', 'anggota') === 'anggota')>Anggota</option><option value="admin" @selected(old('role') === 'admin')>Admin</option></select></label>
                    <label class="field"><span>Kata Sandi * (minimal 8 karakter)</span><input type="password" name="password" autocomplete="new-password" required minlength="8"></label>
                    <label class="field"><span>Konfirmasi Kata Sandi *</span><input type="password" name="password_confirmation" autocomplete="new-password" required minlength="8"></label>
                </div>
                <div class="form-actions"><a class="btn btn-secondary btn-link" href="{{ route('users.index') }}">Batal</a><button class="btn btn-primary" type="submit">Simpan Pengguna</button></div>
            </section>
        </form>
    </div>
@endsection