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

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

    <span>

    @guest
    <div id="fehlermeldung">Bitte melden Sie sich gefälligst an!</div>
    <br /><br />
    <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="password">Kennwort:</label></td>
            <td><input size="32" type="password" id="password"></td>
        </tr>
    </table>

    <br/><br/>
    <button class="eingabemaske" onclick="login()">Anmelden</button>

    @endguest
    @auth
        <div id="fehlermeldung">Sie sind angemeldet.</div>
        <a href="{{ route('logout') }}"><button>Abmelden</button></a>
    @endauth

</span>
@endsection
