@extends('layouts.master', ['layout' => 'modal'])

@section('content')
    <div class="modal-body container-modal">
        @if (session('status') == 'passwordChanged')
            <h2 class="title">Modifica password</h2>
            <div class="spacer"></div>
            <p class="lead">La password è stata modificata con successo</p>
            <div class="spacer"></div>
            <button onclick="closeModal()" class="btn-solid">Chiudi</button>
        @else
            <h2 class="title">Modifica password?</h2>
            <div class="spacer"></div>
            <p class="lead">Imposta una nuova password e clicca su salva per registrare le modifiche</p>
            <div class="spacer"></div>
            <form class="js-form form-login" data-form-validation method="post" action="{{ url()->current() }}">
                {{ csrf_field() }}
                <div class="form-group {{ $errors->has('oldpassword') ? 'error' : '' }}">
                    <input type="password" name="oldpassword" placeholder="VECCHIA PASSWORD*" data-rule-required="true" />
                    <button btn-password-toggle="Mostra|Nascondi" class="btn btn-password-toggle"></button>
                    @if ($errors->has('oldpassword'))
                        <p class="error">{{ $errors->first('oldpassword') }}</p>
                    @endif
                </div>
                <div class="form-group {{ $errors->has('newpassword') ? 'error' : '' }}">
                    <input type="password" name="newpassword" placeholder="NUOVA PASSWORD*" data-rule-required="true" data-rule-minlength="6" data-msg-minlength="La password deve contenere almeno 6 caratteri" />
                    <button btn-password-toggle="Mostra|Nascondi" class="btn btn-password-toggle"></button>
                    <p class="help onerror-hidden onvalid-hidden">La password deve contenere almeno 6 caratteri</p>
                    @if ($errors->has('newpassword'))
                        <p class="error">{{ $errors->first('newpassword') }}</p>
                    @endif
                </div>
                <div class="spacer"></div>
                <button type="submit" class="btn-solid">Invia</button>
            </form>
        @endif
    </div>
@endsection