@extends('layouts.app')

@section('content')


<div class="page-wrapper content-wrapper page-register">
    <section class="register">
        <div class="container">
            <div class="register__box">
                <div class="register__title">
                    <h2>Cadastre-se</h2>
                    <p>Preencha os seus dados</p>
                </div>

                <!-- Error Messages -->
                @if($errors->any())
                    <div class="alert alert-error">
                        <ul>
                            @foreach($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                <form method="POST" action="{{ route('register.post') }}">
                    @csrf
                    
                    <div class="field">
                        <label for="name">Nome<span>*</span></label>
                        <input type="text" name="name" id="name" value="{{ old('name') }}" required>
                        @error('name')
                            <span class="error-message">{{ $message }}</span>
                        @enderror
                    </div>

                    <div class="field">
                        <label for="email">E-mail<span>*</span></label>
                        <input type="email" name="email" id="email" value="{{ old('email') }}" required>
                        @error('email')
                            <span class="error-message">{{ $message }}</span>
                        @enderror
                    </div>

                    <div class="field">
                        <label for="phone">Celular</label>
                        <input type="tel" name="phone" id="phone" value="{{ old('phone') }}">
                        @error('phone')
                            <span class="error-message">{{ $message }}</span>
                        @enderror
                    </div>

                    <div class="field">
                        <label for="password">Senha<span>*</span></label>
                        <input type="password" name="password" id="password" required>
                        @error('password')
                            <span class="error-message">{{ $message }}</span>
                        @enderror
                    </div>

                    <div class="field">
                        <label for="password_confirmation">Confirmar Senha<span>*</span></label>
                        <input type="password" name="password_confirmation" id="password_confirmation" required>
                    </div>

                    <div class="one-column">
                        <div class="field--checkbox">
                            <input type="checkbox" name="terms" id="terms" required>
                            <label for="terms">Li e aceito as <a href="#">políticas de privacidade</a> </label>
                        </div>
                    </div>

                    <input type="submit" value="Cadastrar">
                </form>

                <div class="access">
                    <div class="access-text">Já possui cadastro?</div>
                    <a href="{{ route('login') }}" class="access-link">Faça login aqui</a>
                </div>

            </div>
        </div>
    </section>
</div>

@endsection