@extends('auth.contenido')

@section('login')
    <div class="logo">
        <a href="javascript:void(0);"><p>Unidad de tránsito municipal de</p> <b>Las Naves</b></a>
        <small>Autenticación de usuarios</small>
    </div>

<div class="col-md-12">
    <div class="card">
        <div class="body">
            <form id="sign_in" method="POST" action="{{ route('login') }}">
                {{ csrf_field() }}
                <div class="msg">Inicia sesión con tu cuenta de usuario</div>
                <div class="input-group">
                    <span class="input-group-addon">
                        <i class="material-icons">person</i>
                    </span>
                    <div class="form-line {{ $errors->has('email') ? 'error' : '' }}">
                        <input type="text" value="{{ old('email') }}" class="form-control" name="email" placeholder="Usuario o Correo" required autofocus>
                    </div>
                    {!! $errors->first('email', '<span class="error" style="color:red">:message</span>') !!}
                </div>
                <div class="input-group">
                    <span class="input-group-addon">
                        <i class="material-icons">lock</i>
                    </span>
                    <div class="form-line {{ $errors->has('password') ? 'error' : '' }}">
                        <input type="password" class="form-control" name="password" placeholder="Contraseña" required>
                    </div>
                    {!! $errors->first('password', '<span class="error" style="color:red">:message</span>') !!}
                </div>
                <div class="row">
                    <div class="col-xs-8 p-t-5">
                        <input type="checkbox" name="rememberme" id="rememberme" class="filled-in chk-col-pink">
                        <label for="rememberme">Recordar</label>
                    </div>
                    <div class="col-xs-4">
                        <button class="btn btn-block bg-blue waves-effect" type="submit">ENTRAR</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection