@extends('layouts.skelleton')
@section('content')
<div class="wrapper-login">
    <div class="bg-login">
    </div>
    <div class="container h-100">
        <div class="content-login">
            <div class="secc-1">
                <div class="text-informativo">
                    <div class="des-title-1">{{ \Lang::get('login.welcomeTitle')}}</div>
                    <div class="des-title-2">{{ \Lang::get('login.welcomeTitle-2')}}</div>
                    <div class="des-title-3">{{ \Lang::get('login.welcomeText')}}</div>
                </div>
            </div>
            <div class="secc-2">
                <div id="form-login" class="form-login">
                    <form action="" id="form-login">
                        <div class="row">
                            <div class="col-xs-12 col-centered">
                                <div class="row">
                                    <div class="col-xs-12">
                                        <div class="flex-row ">
                                            <div class="flex-col relative">
                                                <img class="login-logo" src="{{ asset('img/logo-empresa.png') }}" alt="">
                                                <div class="login-form">
                                                    <div class="form-group">
                                                        <h1 class="text-bold">{{ \Lang::get('login.saludo') }}</h1>
                                                        <p>{{ \Lang::get('login.title') }}</p>
                                                    </div>
                                                    <div class="form-group">
                                                        <label for="email">{{ \Lang::get('form.email') }}</label>
                                                        <input type="email" class="form-control email" rv-value="user:email"
                                                            id="email" placeholder="{{ \Lang::get('login.place_email') }}">
                                                    </div>
                                                    <div class="form-group">
                                                        <label for="pass">{{ \Lang::get('form.pass') }}</label>
                                                        <input type="password" class="form-control required"
                                                            rv-value="user:pass" id="pass" placeholder="{{ \Lang::get('login.place_password') }}">
                                                    </div>
    
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-xs-12">
                                        <button type="submit" class="btn btn-login btn-block">
                                            &nbsp;&nbsp;&nbsp;<span rv-hide="user:logining">Inicia sesión</span>
                                            <span rv-show="user:logining">Iniciando...</span>&nbsp;&nbsp;&nbsp;
                                        </button>
                                    </div>

                                    <div class="col-xs-12 text-center">
                                        <a href="{{ route('recuperar-contrasena') }}" class="btn btn-transparent text-underline">
                                            {{ \Lang::get('login.forgotPass') }}
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="login-footer">
                    <div class="container-fluid">
                        <div class="row" id="testing">
                            <div class="col-xs-12 pt-md  text-white text-right">
                                Hecho con amor por <a class="text-white" href="http://somosvoodoo.com"><img src="{{ asset('img/logo-voodoo.png') }}" alt=""></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
    .loader {
        display: none !important;
    }
</style>
@stop
@section('head')
@stop
@section('footer')
<script src="{{ asset('bower_components/rivets/dist/rivets.bundled.min.js') }}"></script>
<script src="{{ asset('js/lib/rivets.extended.js') }}"></script>
<script src="{{ asset('bower_components/underscore/underscore-min.js') }}"></script>
<script src="{{ asset('bower_components/backbone/backbone-min.js') }}"></script>
<script src="{{ asset('js/lib/backbone.extended.js') }}"></script>
<script src="{{ asset('js/jquery-plugins/jquery-validation-1.15.0/dist/jquery.validate.min.js') }}"></script>
<script src="{{ asset('js/jquery-plugins/jquery-validation-1.15.0/dist/localization/messages_es.js') }}"></script>
<script src="{{ asset('bower_components/growl/javascripts/jquery.growl.js') }}" type="text/javascript"></script>
<link href="{{ asset('bower_components/growl/stylesheets/jquery.growl.css') }}" rel="stylesheet" type="text/css" />

<script src="{{ asset('js/scripts/login.js') }}"></script>
@stop