@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>{{ __('app.login.register_title') }}</h1>

    <span>

    <div id="fehlermeldung" class="alert alert-primary">{{ __('app.login.please_register') }}</div>

    <table class="eingabemaske">
        <tr>
            <td><label for="mail">{{ __('app.login.email') }}</label></td>
            <td><input size="32" type="text" id="mail" pattern="^[0-9A-Za-z+_\-]+@[0-9A-Za-z_\-]+\.[0-9A-Za-z]+$"
                       title="{{ __('app.login.email_title') }}"/></td>
        </tr>
        <tr>
            <td><label for="username">{{ __('app.login.username') }}</label></td>
            <td><input size="32" type="text" id="username"/></td>
        </tr>
        <tr>
            <td><label for="password">{{ __('app.login.password') }}</label></td>
            <td><input size="32" type="password" id="password"></td>
        </tr>
        <tr>
            <td><label for="password_repeat">{{ __('app.login.password_repeat') }}</label></td>
            <td><input size="32" type="password" id="password_repeat"></td>
        </tr>
        <tr>
            <td><label for="register_token">{{ __('app.login.registration_token') }}</label></td>
            <td><input size="32" type="text" id="register_token"></td>
        </tr>
    </table>

    <br/><br/>
    <button class="eingabemaske" onclick="abschicken()">{{ __('app.login.register_title') }}</button>

</span>
@endsection