@extends('layout.app')
@section('scripts')
    <script src="{{ asset("js/login/login.js") }}"></script>
@endsection

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

    <span>

    @guest
    <div id="fehlermeldung" class="alert alert-primary">Bitte melden Sie sich an.</div>

    <label class="form-label" for="mail">Elektronische Postadresse:</label>
    <input class="form-control" 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!"/>

    <label class="form-label" for="password">Kennwort:</label>
    <input class="form-control" type="password" id="password">

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

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

</span>
@endsection