@extends('layouts.app')
@section('title', 'Benutzer')
@section('heading', 'Neuer Benutzer')

@section('content')
<form method="POST" action="{{ route('users.store') }}" class="max-w-md space-y-4 rounded-xl border border-slate-800 bg-slate-900/60 p-6">
    @csrf
    <label class="block"><span class="text-sm text-slate-400">Name</span>
        <input name="name" required class="mt-1 w-full rounded-lg border border-slate-700 bg-slate-800 px-3 py-2"></label>
    <label class="block"><span class="text-sm text-slate-400">E-Mail</span>
        <input type="email" name="email" required class="mt-1 w-full rounded-lg border border-slate-700 bg-slate-800 px-3 py-2"></label>
    <label class="block"><span class="text-sm text-slate-400">Passwort</span>
        <input type="password" name="password" required class="mt-1 w-full rounded-lg border border-slate-700 bg-slate-800 px-3 py-2"></label>
    <label class="block"><span class="text-sm text-slate-400">Passwort bestätigen</span>
        <input type="password" name="password_confirmation" required class="mt-1 w-full rounded-lg border border-slate-700 bg-slate-800 px-3 py-2"></label>
    <label class="block"><span class="text-sm text-slate-400">Rolle</span>
        <select name="role" class="mt-1 w-full rounded-lg border border-slate-700 bg-slate-800 px-3 py-2">
            @foreach($roles as $role)<option value="{{ $role->value }}">{{ $role->label() }}</option>@endforeach
        </select></label>
    <label class="flex items-center gap-2 text-sm">
        <input type="checkbox" name="is_active" value="1" checked class="rounded text-cyan-500"> Aktiv
    </label>
    <button class="rounded-lg bg-cyan-600 px-6 py-2 font-medium hover:bg-cyan-500">Erstellen</button>
</form>
@endsection