@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('2fa.verify') }}" 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</div>
                <p class="quote small lighter">Digite o código do Google Authenticator.</p>
            </div>

            <div class="row mt-2">
                <div class="form-group">
                    <label>Código</label>
                    <input type="text" name="otp" placeholder="Código" class="form-control" autofocus="autofocus" required data-parsley-type="otp" value="{{ old('otp') }}">
                </div>
            </div>

            <div class="row">
                <div class="form-group">
                    <button type="submit" class="btn btn-primary btn-full">Entrar</button>
                </div>
            </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