@extends ('index')

@section ('content')


    <div class="container" ng-app="forgotApp" ng-controller="forgotCtl as forgot">

        <div class="row">

                <div class="col-md-8 col-md-offset-2 ng-cloak" ng-cloak>
                    <h2 class="text-center">Restablecer contrase&ntilde;a </strong></h2>
                    <div class="separator"></div>

                    <div class="text-center center-block">


                        <!--<div class="login-logo">-->
                        <!--<a href="../../index2.html"><b>Admin</b>LTE</a>-->
                        <!--</div>&lt;!&ndash; /.login-logo &ndash;&gt;-->


                        <div ng-show="forgot.state==0 || forgot.state==3">
                            <h3 class="gray"><strong>Introduza su correo electr&oacute;nico</strong></h3>


                            <div class="text-center center-block" style="max-width: 400px; margin-top: 25px">
                                <form method="post" name="signUpForm" novalidate >

                                    <div class="form-group has-feedback"
                                         ng-class="{ 'has-error' : signUpForm.email.$invalid && !signUpForm.email.$pristine || forgot.state==3 }">
                                        <input type="email" class="form-control" placeholder="Email" required
                                               ng-model="forgot.usuario.email"
                                               name="email">
                                        <!--<span class="glyphicon glyphicon-envelope form-control-feedback"></span>-->
                                        <span ng-show="signUpForm.email.$invalid && !signUpForm.email.$pristine"
                                              class="help-block"> Ingrese su direcci&oacute;n de correo</span>
                                        <span ng-show="forgot.state==3" class="help-block"> Usario inv&aacute;lido... </span>
                                    </div>


                                    <div class="row">
                                        <div class="col-xs-12">
                                            <button type="button" class="btn btn-primary btn-block btn-flat" ng-click="forgot.signUp($event,signUpForm)"
                                                    ng-disabled="!(signUpForm.$valid) || forgot.guardando ">
                                                Restablecer
                                                <i ng-show="forgot.guardando" class="fa fa-spinner fa-spin"></i>
                                            </button>
                                        </div><!-- /.col -->
                                    </div>
                                </form>
                            </div>
                        </div>


                        <div ng-show="forgot.state==2">
                            <div>
                                <h3 class="gray"> Hemos enviado un correo electr&oacute;nico con las
                                    instrucciones para restablecer su
                                    contrase&ntilde;a </h3><br>
                                <h3><a href="logout"> <i class="fa fa-home"> </i> Regresar</a></h3><br>
                            </div>
                        </div>


                    </div>


                </div>

        </div>
    </div>
@stop