@extends('layouts.app', [
    'class' => 'auth login',
    'hideMenu' => true,
    'hideHeader' => true,
    'hideFooter' => true
])

@section('content')

    <div class="form-block">

        <form class='default-form login' method="POST" action="{{ route('login') }}" data-parsley-validate>
            @include('partials._alert')
            
            @csrf

            <div class="logo">

                <img src="{{ asset('assets/img/brand/logo.png') }}" alt="">

            </div>

            <div class="quotes">
                <div class="quote large bold">Bem-vindo de volta</div>
                <p class="quote small lighter">Entre com suas credencias para acessar sua conta.</p>
            </div>

            <div class="row">
                <div class="form-group">
                    <label>E-mail</label>
                    <input class="form-control" type="email" name="email" autofocus="autofocus" value="" placeholder="exemplo@email.com" required="required">
                </div>
            </div>

            <div class="row">
                <div class="form-group">
                    <label>Senha</label>
                    <div class="box-pw password-container">
                        <i class="fa fa-eye show-hide-password"></i>
                        <input class="form-control" type="password" name="password" autofocus="autofocus" value="" placeholder="Senha" required="required">
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="form-group col-sm-6"> 
                    <div class="checkbox">
                            <input type="checkbox" value="true" name="remember" data-parsley-multiple="remember"> 
                            <label>Manter-me conectado</label>
                    </div>
                </div>

                <div class="form-group col-sm-6"> 
        			<a href="{{ route('password.request') }}" class="btn btn-link text-decoration-none" title="Esqueci minha senha">Esqueceu a senha?</a>
                </div>
            </div>

            <div class="row">
                <div class="form-group">
                    <button type="submit" class="btn btn-primary btn-full">Entrar</button>
                </div>
            </div>

            <div class="text-divisor">

                <div class="line"></div>
                <div class="content quote small bold">Entrar com</div>
                <div class="line"></div>

            </div>

            <div class="quote small alternate-block">
                Ainda não possui uma conta?  <button type="button" data-href="{{ url('register') }}" class="btn btn-link">Cadastrar</button>
            </div>

        </form>

    </div>

    <div class="slider-block">

        <div class="content">

            <div class="quote large bold">
                Cultive com confiança. Aqui, o clima está sempre ao seu alcance.
            </div>
    
            <div class="quote small">
                Entre com suas credencias para acessar sua conta
            </div>
    
            <div class="images">
    
                <img src="{{ asset('assets/img/slide/five.webp') }}" alt="">
    
            </div>
    
            <div class="quote small">
                Nunca foi tão fácil estar em sintonia com a natureza. Com esse app, tenho o clima na ponta dos dedos. Uma revolução para quem trabalha na agricultura!
            </div>
    
            <div class="quote small bold">
               - Rafael Almeida
            </div>
        </div>


    </div>

@endsection