@extends('templates.master')

@section('css-view')
@endsection

@section('js-view')
<script>
    $('#nova_senha').on('keyup', function(){
        var password   = $('#password').val();
        var nova_senha = $(this).val();

        if (password == nova_senha) {
            var img = $('#td_06').find('img');
            img.attr('src', "{{asset('images/check.png')}}");

        } else {
            var img = $('#td_06').find('img');
            img.attr('src', "{{asset('images/error.png')}}");
        }

    });
    $('#password').on('keyup', function(){
        var password = $(this).val();
        var numeros = /([0-9])/;
        var alfabetoa = /([a-z])/;
        var alfabetoA = /([A-Z])/;
        var chEspeciais = /([~,!,@,#,$,%,^,&,*,-,_,+,=,?,>,<])/;

    	if(password.length < 8)
	    {
            var img = $('#td_01').find('img');
            img.attr('src', "{{asset('images/error.png')}}");
	    } else {
            var img = $('#td_01').find('img');
            img.attr('src', "{{asset('images/check.png')}}");
        }
        if(password.match(alfabetoA))
        {
            var img = $('#td_02').find('img');
            img.attr('src', "{{asset('images/check.png')}}");
	    } else {
            var img = $('#td_02').find('img');
            img.attr('src', "{{asset('images/error.png')}}");
        }
		if(password.match(alfabetoa))
        {
            var img = $('#td_03').find('img');
            img.attr('src', "{{asset('images/check.png')}}");
	    } else {
            var img = $('#td_03').find('img');
            img.attr('src', "{{asset('images/error.png')}}");
        }
        if(password.match(numeros))
        {
            var img = $('#td_04').find('img');
            img.attr('src', "{{asset('images/check.png')}}");
	    } else {
            var img = $('#td_04').find('img');
            img.attr('src', "{{asset('images/error.png')}}");
        }
        if(password.match(chEspeciais))
        {
            var img = $('#td_05').find('img');
            img.attr('src', "{{asset('images/check.png')}}");
	    } else {
            var img = $('#td_05').find('img');
            img.attr('src', "{{asset('images/error.png')}}");
        }
    });
    window.onload = function() {
        document.getElementById('change_blade').onsubmit = function() {
            var img = $('#td_01').find('img');
            if (img.attr('src') == "{{asset('images/error.png')}}") return false;
            var img = $('#td_02').find('img');
            if (img.attr('src') == "{{asset('images/error.png')}}") return false;
            var img = $('#td_03').find('img');
            if (img.attr('src') == "{{asset('images/error.png')}}") return false;
            var img = $('#td_04').find('img');
            if (img.attr('src') == "{{asset('images/error.png')}}") return false;
            var img = $('#td_05').find('img');
            if (img.attr('src') == "{{asset('images/error.png')}}") return false;
            var img = $('#td_06').find('img');
            if (img.attr('src') == "{{asset('images/error.png')}}") return false;
            return true;
        }
    }
</script>
@endsection

@section('conteudo-view')
    <h1>Alteração de Senha do Usuário</h1>

    {!! Form::model($usuario, ['route' => ['changepassw.update', $usuario], 'id' => 'change_blade', 'name' => 'change_blade', 'method' => 'put', 'class' => 'form-padrao']) !!}
    <center>
        <table cellspacing=2 cellpadding=5>
            <tr valign=top>
                <td class=tblHdr>Senha atual</td>
                <td class=tblFld>
                    @include('templates.form.password', ['label' => '', 'input' => 'senha_atual', 'attributes' => ['autocomplete' => 'senha_atual', 'id' => 'senha_atual', 'class' => 'forminput', 'placeholder' => 'Senha atual']])
                </td>
            </tr>
            <tr valign=top>
                <td class=tblHdr>Senha nova</td>
                <td class=tblFld>
                    @include('templates.form.password', ['label' => '', 'input' => 'password', 'attributes' => ['autocomplete' => 'password', 'id' => 'password', 'class' => 'forminput', 'placeholder' => 'Senha nova']])
                </td>
            </tr>
            <tr valign=top>
                <td class=tblHdr>Reinsira a nova senha</td>
                <td class=tblFld>
                    @include('templates.form.password', ['label' => '', 'input' => 'nova_senha', 'attributes' => ['autocomplete' => 'nova_senha', 'id' => 'nova_senha', 'class' => 'forminput', 'placeholder' => 'Reinsira a nova senha']])
                </td>
            </tr>
        </table>
        <p></p>
        <table class=senha cellspacing=2 cellpadding=5>
            <tr valign=top>
                <td class=senhatd align="center" id="td_01">&nbsp;<img src={{ asset('images/error.png') }}  width="15">&nbsp;</td>
                <td class=senhatd>Ter no mínimo de 8 caracteres</td>
            </tr>
            <tr valign=top>
                <td class=senhatd align="center" id="td_02">&nbsp;<img src={{ asset('images/error.png') }}  width="15">&nbsp;</td>
                <td class=senhatd>Ter no mínimo 1 letra maiúscula</td>
            </tr>
            <tr valign=top>
                <td class=senhatd align="center" id="td_03">&nbsp;<img src={{ asset('images/error.png') }}  width="15">&nbsp;</td>
                <td class=senhatd>Ter no mínimo 1 letra minúscula</td>
            </tr>
            <tr valign=top>
                <td class=senhatd align="center" id="td_04">&nbsp;<img src={{ asset('images/error.png') }}  width="15">&nbsp;</td>
                <td class=senhatd>Ter no mínimo 1 número</td>
            </tr>
            <tr valign=top>
                <td class=senhatd align="center" id="td_05">&nbsp;<img src={{ asset('images/error.png') }}  width="15">&nbsp;</td>
                <td class=senhatd>Ter no mínimo 1 símbolo</td>
            </tr>
            <tr valign=top>
                <td class=senhatd align="center" id="td_06">&nbsp;<img src={{ asset('images/error.png') }}  width="15">&nbsp;</td>
                <td class=senhatd>Confirmação de senha</td>
            </tr>
        </table>
        <p></p>
        <div id="botoes">
            @include('templates.form.submit', ['input' => 'Alterar senha', 'attributes' => ['id'=>'id_submit']])
        </div>
    </center>
    {!! Form::close() !!}
    <div id="mensagem">
        @if(session('success'))
            <h3>{{ Helper::Mensagem(session('success')['message']) }}</h3>
            {{ Session::forget('success') }}
        @endif
    </div>
@endsection