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

@section('content')

    <div class="form-block">

        <form class='default-form register' method="POST" action="{{ route('register') }}" 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">Crie sua conta</div>
                <p class="quote small lighter">Vamos juntos dominar o microclima em seu campo.</p>
            </div>

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

            <div class="row">
                <div class="form-group">
                    <label>Nome</label>
                    <input class="form-control" type="text" name="name" autofocus="autofocus" value="{{ old('name') }}" placeholder="Exemplo da Silva" 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="{{ old('password') }}" placeholder="Senha" required="required">
                    </div>
                </div>
                <div class="password-strength hide">
                    <div class="exclamation">!</div>
                    <div class="strength-text"></div>
                </div>
            </div>

            <div class="row">
                <div class="form-group">
                    <label>Confirmar 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_confirmation" autofocus="autofocus" value="{{ old('password_confirmation') }}" placeholder="Confirmar senha" required="required">
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="form-group col-sm-12"> 
                    <div class="checkbox">
                        <input type="checkbox" value="true" name="confirm_policy" data-parsley-multiple="remember" required="required">
                        <label>Concordo com os termos de uso e com a <a id="modal-policy">política de privacidade</a></label>
                    </div>
                </div>

            </div>

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

            <div class="quote small alternate-block">
                Já possui uma conta?  <button type="button" data-href="{{ url('login') }}" class="btn btn-link">Entrar</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="https://app.logar.agr.br/show-case/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