@extends('layout.app')
@section('scripts')
    <script>
        const i18n = {
            common: {
                error_occurred: "{{ __('app.common.error_occurred') }}",
                not_permitted: "{{ __('app.common.not_permitted') }}"
            },
            login: {
                password_mismatch: "{{ __('app.login.password_mismatch') }}",
                registration_success: "{{ __('app.login.registration_success') }}"
            }
        };
    </script>
    <script src="{{ asset("js/intern.js") }}"></script>
    <script src="{{ asset("js/login/registrieren.js") }}"></script>
@endsection

@section('content')
    <h1>Registrieren</h1>

    <span>

    <div id="fehlermeldung" class="alert alert-primary">Bitte registrieren Sie sich.</div>

    <table class="eingabemaske">
        <tr>
            <td><label for="mail">Elektronische Postadresse:</label></td>
            <td><input size="32" type="text" id="mail" pattern="^[0-9A-Za-z+_\-]+@[0-9A-Za-z_\-]+\.[0-9A-Za-z]+$"
                       title="Nur echte Adressen der elektronischen Post verwenden!"/></td>
        </tr>
        <tr>
            <td><label for="username">Name/Nick:</label></td>
            <td><input size="32" type="text" id="username"/></td>
        </tr>
        <tr>
            <td><label for="password">Kennwort:</label></td>
            <td><input size="32" type="password" id="password"></td>
        </tr>
        <tr>
            <td><label for="password_repeat">Kennwort wiederholen:</label></td>
            <td><input size="32" type="password" id="password_repeat"></td>
        </tr>
        <tr>
            <td><label for="register_token">Registrierungsnummer:</label></td>
            <td><input size="32" type="text" id="register_token"></td>
        </tr>
    </table>

    <br/><br/>
    <button class="eingabemaske" onclick="abschicken()">Registrieren</button>

</span>
@endsection
