@extends('layouts.user.layout')
@section('title', 'Login')
@section('content')
    <script>
        $(function() {
            @if ($errors->has('email'))	$('input[name="email"]').addClass('invalid'); @endif
            @if ($errors->has('password')) $('input[name="password"]').addClass('invalid'); @endif

            $('input.invalid').attr('placeholder', '');
        });
    </script>

    <div class="auth">
        <div class="login">
            <div class="login-header">
               {{-- <hr>--}}
                <h4>Seja bem vindo <br>Torcedor</h4>
                <img class="logoLogin" alt="Palmas FR" src="{{ asset('skin/images/logo-palmas-transp.png') }}">

            </div>
            {{ Form::open(['route' => 'login']) }}
            <div class="row campoEmail">
                <div class="input-field col s12">
                    {{ Form::email('email', null, ['class' => 'avalidate', 'autocomplete' => 'off']) }}
                    {{ Form::label('email', 'Email:', ['data-error' => $errors->first('email')]) }}
                </div>
            </div>
            <div class="row campoSenha">
                <div class="input-field col s12">
                    {{ Form::password('password', null, ['class' => 'avalidate']) }}
                    {{ Form::label('password', 'Senha:', ['data-error' => $errors->first('password')]) }}
                </div>
            </div>
           {{-- <div class="row">
                <div class="col s12">
                    {{ Form::checkbox('remember', null, false, ['id' => 'remember']) }}
                    {{ Form::label('remember', 'Manter Conectado:', ['for' => 'remember']) }}
                </div>
            </div>--}}
            <div class="row">
                <div class="input-field col s12">
                    <button type="submit" class="waves-effect waves-light btn-large btn-custom">
                        FAZER LOGIN {{--<i class="material-icons right">send</i>--}}
                    </button>
                </div>
            </div>
            <div class="row">
                <div class="input-field col s12">
                    <a href=" {{ url('/socio/cadastro') }}" type="submit" class="waves-effect waves-light btn-large btn-custom">
                        CADASTRAR-SE {{--<i class="material-icons right">send</i>--}}
                    </a>
                </div>
                <a class="btn btn-link col s12 m6 esqueceuSenha" style="background-color: transparent;border: 0px;box-shadow: none;color: white; text-align: right; padding-left: 0px;" href="{{ route('usuario.recuperar.senha') }}">
                    <span style="padding-left: 0px;">Esqueceu sua senha?</span>
                </a>
            </div>
            <div class="row">
                <div class="input-field col s12 blocoTermo">
                    {{ Form::checkbox('termos', null, false, ['class' => 'termos']) }}
                    {{ Form::label('termos', 'Termos de uso', ['class' => 'termosLabel', 'data-error' => $errors->first('password')]) }}


                </div>

            </div>
            <div class="row">
                <div class="input-field col s6" style="padding: 3px;">
                    <a href="{{ url('/socio/login/facebook') }}" type="submit" class="waves-effect waves-light btn-large btn-custom botaofacebook">
                        ENTRAR COM <i class="fa fa-facebook-f right"></i>
                    </a>
                </div>
                <div class="input-field col s6" style="padding: 3px;">
                    <a href="{{ url('/socio/login/google') }}" type="submit" class="waves-effect waves-light btn-large btn-custom botaogoogle">
                        ENTRAR COM <i class="fa fa-google-plus right"></i>
                    </a>
                </div>
            </div>
            {{ Form::close() }}

            {{--<div class="login-footer">
                <a href="{{ route('password.request') }}">Esqueci minha senha</a>
            </div>
            <div class="copy">{{ \Carbon\Carbon::now()->year }} &copy; Copyright.</div>--}}
        </div>
    </div>
@endsection