@extends('layouts.adminGuest')

@section('content')

    <!-- Validation Errors -->
    {{--        <x-auth-validation-errors class="mb-4" :errors="$errors" />--}}

    <div>
        <div class="card-body">
            <form method="POST" action="{{ route('admin.register') }}">
                @csrf
                <!-- Name -->
                <div class="mt-4">
                    <input id="name" class="block mt-1 w-full @error('name') is-invalid @enderror"
                           type="text" name="name" :value="old('name')" placeholder="Numele Complet" required
                           autofocus/>
                    @error('name')
                    <div class="alert alert-danger text-red-600">{{ $message }}</div>
                    @enderror
                </div>
                <div class="mt-4">
                    <input id="username" class="block mt-1 w-full @error('username') is-invalid @enderror"
                           type="text" name="username" required :value="old('username')" placeholder="Nume utilizator"
                           required/>
                    @error('username')
                    <div class="alert alert-danger text-red-600">{{ $message }}</div>
                    @enderror
                </div>
                <!-- Email Address -->
                <div class="mt-4">
                    <input id="email" class="block mt-1 w-full @error('email') is-invalid @enderror"
                           type="email" name="email" :value="old('email')" placeholder="Email" required/>
                    @error('email')
                    <div class="alert alert-danger text-red-600">{{ $message }}</div>
                    @enderror
                </div>

                <!-- Password -->
                <div class="mt-4">
                    <input id="password" class="block mt-1 w-full @error('password') is-invalid @enderror"
                           type="password" name="password" placeholder="Parola" required autocomplete="new-password"/>
                    @error('password')
                    <div class="alert alert-danger text-red-600">{{ $message }}</div>
                    @enderror
                </div>

                <!-- Confirm Password -->
                <div class="mt-4">
                    <input id="password_confirmation"
                           class="block mt-1 w-full @error('password_confirmation') is-invalid @enderror"
                           type="password" name="password_confirmation" placeholder="Confirma Parola" required/>
                    @error('password_confirmation')
                    <div class="alert alert-danger text-red-600">{{ $message }}</div>
                    @enderror
                </div>
                <div class="block mt-4">
                    <label for="agree" class="inline-flex items-center">
                        <input id="agree" type="checkbox" class="@error('agree') is-invalid @enderror" rounded
                               border-gray-300 text-indigo-600 shadow-sm focus:border-indigo-300 focus:ring
                               focus:ring-indigo-200 focus:ring-opacity-50" name="agree">
                        <span class="ml-2 text-sm text-gray-600">Sunt de acord cu Termenii și condițiile, Politica
                                de confidenţialitate și cu Acordul de prelucrare date personale.</span>
                    </label>
                    @error('agree')
                    <div class="alert alert-danger text-red-600">{{ $message }}</div>
                    @enderror
                </div>
                <div class="flex items-center justify-end mt-4">
                    <a class="underline text-sm text-gray-600 hover:text-gray-900" href="{{ route('admin.login') }}">
                        Ai deja cont?
                    </a>
                    <button type="submit" class="ml-4" id="register-button">
                        Inregistreaza-ma
                    </button>
                </div>
            </form>
        </div>
    </div>

@endsection