@extends('layouts.app')

@section('content')
<div class="container">
    <h4>Passwordklasse für Mitarbeiter erstellen</h4>
    <hr>
    <form method="POST" action="{{ route('security.store') }}" enctype="multipart/form-data">
        <input type="hidden" id="_token" class="form-control" name="_token" value="{{ csrf_token() }}">
        <label for="name">Name</label>
        <input type="text" class="form-control" name="name" id="name" />
        <label for="passwordLength">Mindest Passwortlänge</label>
        <input type="number" class="form-control" name="passwordLength" id="passwordLength" min="8" max="128" />
        <label for="expiresAfter">Passwort laüft nach x Tagen ab (-1 = Nie)</label>
        <input type="number" class="form-control" name="expiresAfter" id="expiresAfter" min="-1"  />
        <label for="expireWarning">Nutzer bekommt x Tage vor Ablauf des Passworts eine Warnung (-1 = Nie)</label>
        <input type="number" class="form-control" name="expireWarning" id="expireWarning" min="-1"  />
        <label for="failedAttempts">Passwort wird nach x Fehlversuchen gesperrt (-1 = Nie)</label>
        <input type="number" class="form-control" name="failedAttempts" id="failedAttempts" min="-1"  />
        <label for="passwordGenerations">Passwort darf nicht gleich der letzten x Passwörter sein (0 = Keine Prüfung)</label>
        <input type="number" class="form-control" name="passwordGenerations" id="passwordGenerations" min="0"  />
        <label for="lowercaseAlphabeticCharacters">Password muss mindestens einen Kleinbuchstaben enthalten (a-z)</label>
        <input type="checkbox" class="form-control" name="lowercaseAlphabeticCharacters" id="lowercaseAlphabeticCharacters" value="1" />
        <label for="uppercaseAlphabeticCharacters">Password muss mindestens einen Großbuchstaben enthalten (A-Z)</label>
        <input type="checkbox" class="form-control" name="uppercaseAlphabeticCharacters" id="uppercaseAlphabeticCharacters" value="1" />

        <label for="numberCharacters">Passwort muss mindestens eine Zahl enthalten (0-9)</label>
        <input type="checkbox" class="form-control" name="numberCharacters" id="numberCharacters" value="1" />

        <label for="specialCharacters1">Passwort muss mindestens eine der folgenden Zeichen enthalten (# oder $ oder % oder & oder @ oder ^ oder ` oder ~)</label>
        <input type="checkbox" class="form-control" name="specialCharacters1" id="specialCharacters1" value="1" />
        <label for="specialCharacters2">Passwort muss mindestens eine der folgenden Zeichen enthalten (. oder , oder : oder ; )</label>
        <input type="checkbox" class="form-control" name="specialCharacters2" id="specialCharacters2" value="1" />
        <label for="specialCharacters3">Passwort muss mindestens eine der folgenden Zeichen enthalten (' oder " )</label>
        <input type="checkbox" class="form-control" name="specialCharacters3" id="specialCharacters3" value="1" />
        <label for="specialCharacters4">Passwort muss mindestens eine der folgenden Zeichen enthalten (/ oder \ oder | oder - oder _ )</label>
        <input type="checkbox" class="form-control" name="specialCharacters4" id="specialCharacters4" value="1" />
        <label for="specialCharacters5">Passwort muss mindestens eine der folgenden Zeichen enthalten ( ( oder ) or [ oder ] or { oder } or < oder > )</label>
        <input type="checkbox" class="form-control" name="specialCharacters5" id="specialCharacters5" value="1" />
        <label for="specialCharacters6">Passwort muss mindestens eine der folgenden Zeichen enthalten (* oder + oder ? oder ! oder = )</label>
        <input type="checkbox" class="form-control" name="specialCharacters6" id="specialCharacters6" value="1" />
        <label for="specialCharacters7">Passwort muss mindestens eine der Zeichen des erweiterten ASCII-Satzen enthalten</label>
        <input type="checkbox" class="form-control" name="specialCharacters7" id="specialCharacters7" value="1" />
        <div class="alert hidden"></div>

        <div id="spinner" class="spinner hidden text-center">
            <i class="fa fa-circle-o-notch fa-3x fa-spin"></i><br />
            Laden...
        </div>
        <button type="submit" class="btn btn-success submit">Speichern</button>
        <button type="reset" class="btn btn-warning">Abbrechen</button>
    </form>

    <script>
        const form = document.querySelector('form');
        form.addEventListener('submit', (event) => {
            event.preventDefault();
            const formData = new FormData(event.target);
            $.ajax({
                type: 'POST',
                url: '/security',
                data: formData,
                contentType: false,
                processData: false,
                success: function(data) {
                    window.location.href = '/security';
                },
                error: function(xhr, status, error) {
                    const response = JSON.parse(xhr.responseText);
                    alert(response.message);
                }
            });
        });

    </script>
@endsection