@extends('layouts.admin_layout')

@section('content')

<div class="page-header">
    <h2>Tambah Pengguna</h2>
    <a href="/admin/dashboard" class="btn btn--ghost">Kembali</a>
</div>

@if(session('success'))
    <div class="alert alert--success">{{ session('success') }}</div>
@endif

@if ($errors->any())
    <div class="alert alert--danger">
        <ul style="margin:0; padding-left:18px;">
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<div class="box">
    <form action="/admin/user/submit" method="POST" class="form-stack">
        @csrf

        <div class="form-row">
            <label>Nama:</label>
            <input type="text" name="name" value="{{ old('name') }}" required>
        </div>

        <div class="form-row">
            <label>Email:</label>
            <input type="email" name="email" value="{{ old('email') }}" required>
        </div>

        <div class="form-row">
            <label>Peranan:</label>
            <select name="role" required>
                <option value="" disabled {{ old('role') ? '' : 'selected' }}>Pilih peranan</option>
                <option value="admin" {{ old('role') === 'admin' ? 'selected' : '' }}>Admin</option>
                <option value="user" {{ old('role') === 'user' ? 'selected' : '' }}>User</option>
            </select>
        </div>

        <div class="form-row">
            <label>Kata Laluan:</label>
            <input type="password" name="password" required>
        </div>

        <div class="form-row">
            <label>Sahkan Kata Laluan:</label>
            <input type="password" name="password_confirmation" required>
        </div>

        <div class="form-actions">
            <button type="submit" class="btn">Simpan</button>
        </div>
    </form>
</div>

@endsection