@extends('layouts.master')

@section('content')
<div class="guest-content">
  <div class="panel-box password-update-box" style="height: 325px;">
    <div class="form-box">
      <div class="form-heading">
        Passwort <span>abgelaufen</span>
      </div>
      <form id="logout-form" action="{{ url('/logout') }}" method="POST" style="display: none;">
        @csrf
      </form>
      <form method="POST" action="{{ route('update-expired-password') }}" accept-charset="UTF-8"
        class="password-update">
        @csrf
        <div class="form-group @if ($errors->has('password')) has-error @endif">
          <i class="material-icons">lock</i>
          <span class="separator">|</span>
          <input class="form-control" placeholder="Aktuelles Passwort" name="password" type="password" value="">
        </div>
        <div class="form-group @if ($errors->has('password_new')) has-error @endif" style="margin-top: 2.5rem;">
          <i class="material-icons">lock</i>
          <span class="separator">|</span>
          <input class="form-control" placeholder="Neues Passwort" name="password_new" type="password" value="">
        </div>
        <div class="form-group @if ($errors->has('password_new')) has-error @endif">
          <i class="material-icons">lock</i>
          <span class="separator">|</span>
          <input class="form-control" placeholder="Neues Passwort bestätigen" name="password_new_confirmation" type="password" value="">
        </div>

        <div class="controls">
          <a href="{{ url('/logout') }}" class="grey-button"
            onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
            Logout
          </a>
          <input class="red-button" type="submit" value="Passwort ändern">
        </div>
      </form>
    </div>
    <div class="box-separator" style="height: 300px;"></div>
    <div class="message-box">
      <div class="note-box">
        <p>Ihr Passwort ist abgelaufen:</p>
        <span>Dies geschieht automatisch 90 Tage nach Vergabe des letzten Passworts. Bitte vergeben Sie ein neues
          Passwort. Zur Bestätigung geben Sie dieses bitte erneut in. Dann können Sie Scala Light weiterhin
          benutzen.</span>
        <ul class="left-align">
          <li>Mindestens ein Kleinbuchstabe (a-z)</li>
          <li>Mindestens ein Großbuchstabe (A-Z)</li>
          <li>Mindestens eine Nummer (0-9)</li>
          <li>Mindestlänge des Passworts: 8 Zeichen</li>
        </ul>
      </div>
      @include('partials.auth_feedback')
    </div>
  </div>
</div>
@endsection