@php use App\Settings; @endphp
<x-layout.guest>
    <x-slot:heading>{{ Settings::get('auditionAbbreviation') }} - Create an Account</x-slot:heading>
    <div class="mt-10 sm:mx-auto sm:w-full sm:max-w-[480px]">
        <div class="bg-white px-6 py-12 shadow sm:rounded-lg sm:px-12">
            <form class="space-y-6" action="/register" method="POST">
                @csrf
                <x-form.field name="registration_code" label_text="Registration Code" type="text" required />
                <x-form.field name="first_name" label_text="First Name" type="text" autocomplete="given-name" required />
                <x-form.field name="last_name" label_text="Last Name" type="text" autocomplete="family-name" required />
                <x-form.field name="email" label_text="Email address" type="email" autocomplete="email" required />
                <x-form.field name="cell_phone" label_text="Cell Phone Number" type="tel" autocomplete="tel-national"  />
                <x-form.field name="judging_preference" label_text="Judging Preference" type="text"  />
                <x-form.field name="password" label_text="Password" type="password" autocomplete="new-password" required />
                <x-form.field name="password_confirmation" label_text="Confirm Password" autocomplete="new-password" type="password" required />
                <x-form.button>Create Account</x-form.button>
            </form>
            <div class="pt-4 border-t border-gray-900/10 mt-4">
                Already have an account? <a href="/login" class="font-semibold text-indigo-600 hover:text-indigo-500"> Click here to Log In.</a>
            </div>
        </div>
    </div>
</x-layout.guest>