@extends('login.master.layout')
@section("meta")
    @section("title","Cadastro")
    @include("login.master.meta")
@stop

@section("css")
    @include("login.master.css")
@stop
<div class="auth-wrapper">
            <div class="container-fluid h-100">
                <div class="row flex-row h-100 bg-white">
                    <div class="col-xl-8 col-lg-6 col-md-5 p-0 d-md-block d-lg-block d-sm-none d-none">
                        <div class="lavalite-bg" style="background-image: url('../img/auth/register-bg.jpg')">
                            <div class="lavalite-overlay"></div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-7 my-auto p-0">
                        <div class="authentication-form mx-auto">
                            <div class="logo-centered">
                                <a href="{{url('login')}}"><img src="{{asset('/src/img/brand.svg')}}" alt=""></a>
                            </div>
                            <h3>Cadastre-se para poder começar a usar nossa api</h3>
                            <form method="post" action="{{url('post-registration')}}">
                            @csrf
                                <div class="form-group">
                                    <input type="text" class="form-control" placeholder="Nome" name="name">
                                    <i class="ik ik-user"></i>
                                    @if ($errors->has('name'))
                                        <span class="error">{{ $errors->first('name') }}</span>
                                    @endif 
                                </div>
                                <div class="form-group">
                                    <input type="text" class="form-control" placeholder="Email" name="email" >
                                    <i class="ik ik-user"></i>
                                    @if ($errors->has('email'))
                                        <span class="error">{{ $errors->first('email') }}</span>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <input type="password" class="form-control" placeholder="Senha" name="password">
                                    <i class="ik ik-lock"></i>
                                    @if ($errors->has('password'))
                                        <span class="error">{{ $errors->first('password') }}</span>
                                    @endif
                                </div>
                            
                                <div class="row">
                                    <div class="col-12 text-left">
                                        <label class="custom-control custom-checkbox">
                                            <input type="checkbox" name="termsandconditions" class="custom-control-input" id="item_checkbox" name="item_checkbox" value="option1">
                                            <span class="custom-control-label">&nbsp;Eu aceito <a href="#">Os Termos e Condições</a></span>
                                        </label>
                                        @if ($errors->has('termsandconditions'))
                                            <span class="error">{{ $errors->first('termsandconditions') }}</span>
                                        @endif
                                    </div>
                                </div>

                                <div class="sign-btn text-center">
                                    <button class="btn btn-theme">Criar Conta</button>
                                </div>
                            </form>
                            <div class="register">
                                <p>Ja é cadastrado? <a href="login.html">Entre aqui</a></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

@section("script")
    @include("login.master.script")
 @stop