'use strict';

angular.module('vehiculoApp.controller')

/* Controllers */
.controller('LoginCrtl', ['$scope','$rootScope','$http','$location','Data','$modal', function($scope,$rootScope,$http,$location,Data,$modal){
$scope.send = true;
$scope.login = function($user){
    if($user && $user.username && $user.password){
        Data.login($user)
        .success(function(data, status, headers, config){
            $rootScope.username = $user.username;
            $location.path( "/" );
        })
            .error(function(data, status, headers, config){
                  $modal.open({template:'<div class="modal-header"><h3 class="modal-title">Error</h3></div><div class="modal-body">¡Usuario /Contraseña incorrectos!</div>'});
                $location.path( "/" );
            })
        }
    }

    $scope.recoverPass = function($email){
        $scope.send = false;
        Data.recovePass($email);
    }
}]);

<div style="background:#fff">

<div class="row row-centered" style="background-color: #515151;padding:30px 0">
<div class="text-center" >
    <img src="img/logo-im-new.png" alt="IndiceMotor"/>
</div>
</div>
<div class="row " style="margin: 7% auto">
<div class="col-lg-4 col-lg-offset-4 col-md-4 col-md-offset-4 col-xs-12 col-sm-4 col-sm-offset-4">
        <form class="form-signin" role="form" style="padding:20px;  background:#fff;box-shadow: 0 2px 15px rgba(0, 0, 0, 0.175);" >
        <h3 class="box-title"><i class="fa fa-fw fa-user"></i> Introduce tus datos de acceso</h3>
                <label for="username" class="label label-primary">Usuario</label><br>
            <input id="username" class="form-control" placeholder="Identificador" required autofocus ng_model="user.username"><br>
            <label for="password" class="label label-primary">Contraseña</label><br>
            <input type="password" id="password" class="form-control" placeholder="Password" required ng_model="user.password"><br>
            <button class="btn btn-lg btn-primary btn-block" ng-click="login(user)">Acceder a Indice Motor</button>
            <a href="#/recoverPassword" style="padding-top: 23px;display:block;text-align: right;">&iquest;Has olvidado tu contrase&ntilde;a?</a>
        </form>

    </div>
</div>

</div>