@extends("admin.layout.base")
@extends("admin.layout.header")

@section("title")
    Bruger - Opret
@endsection

@section("path")
    <a href="{{ route('users.create') }}" class="text-white">Opret Bruger</a> /
@endsection

@section("content")
    <h1>Opret Bruger:</h1>
    <form method="post" action="{{ route("users.store") }}">
        @csrf
        <label for="name_first">Fornavn:</label>
            <input type="text" name="name_first" id="name_first" placeholder="Fornavn" required>
        <label for="name_last">Efternavn:</label>
            <input type="text" name="name_last" id="name_last" placeholder="Efternavn" required>
        <label for="email">Email:</label>
            <input type="email" name="email" id="email" placeholder="x@y.z" required>
        <label for="password1">Password:</label>
            <input type="password" name="password" placeholder="Password" id="password1" required>
        <label for="password2">Bekræft Password:</label>
            <input type="password" id="password2" placeholder="Bekræft Password" required>
        <label for="tel">Telefon nr:</label>
            <input type="tel" name="phone" id="tel" placeholder="12345678" pattern="[0-9]{2}[0-9]{2}[0-9]{2}[0-9]{2}" required>
        <label for="roles">Rolle:</label>
        <select name="roles[]" id="roles" class="mb-2" multiple="multiple" required>
            <option disabled selected value> -- Vælg Rolle(r) -- </option>
            <option value="">Ingen Rolle</option>
            @foreach($roles as $role)
                <option value="{{ $role->name }}">{{ $role->name }}</option>
            @endforeach
        </select>
        <input type="submit" class="btn btn-dark text-white" value="Opret">
    </form>
@endsection