@if(empty($signupStatus))
    
    @include('livewire.giveaway.public.parts.auth.parts.header')

    <form method="POST" wire:submit.prevent="signUpWithEmail">
        <div class="mb-4">
            <x-forms.input :isRequired="false" name="signupData.name" type="text" wire:model="signupData.name" labelText="{{ __('labels.full-name') }}" placeholder="{{ __('labels.what-name') }}"></x-forms.input>
        </div>
        <div class="mb-4">
            <x-forms.input :isRequired="false" name="signupData.email" type="email" wire:model="signupData.email" labelText="{{ __('labels.email') }}" placeholder="{{ __('labels.email') }}"></x-forms.input>
        </div>
        <div class="mb-4">
            <x-forms.input :isRequired="false" name="signupData.phone" type="tel" wire:model="signupData.phone" labelText="{{ __('labels.phone') }}" placeholder="{{ __('labels.phone-number') }}"></x-forms.input>
        </div>
        
        <div class="mb-2">
            <x-forms.button width="w-full" type="submit" text="{{ __('labels.continue') }}" classes="bg-brand-900 w-full text-white"></x-forms.button>
        </div>
        <div class="text-center mb-8">
            <span wire:click="switchAuthForm" class="text-par-s text-lab-pr2 cursor-pointer">{{ __('labels.have-account') }} <span class="underline text-brand-900 text-par-s">{{ __('labels.sign-in-here') }}</span></span>
        </div>
    </form>

    @include('livewire.giveaway.public.parts.auth.parts.footer')

@else
    <div class="mb-8">
        <div class="size-6 text-green-900 mb-2">
            <x-ui-icon name="check-circle" type="solid"></x-ui-icon>
        </div>
        <h3 class="text-par-l font-semibold mb-0.5">
            {{ __('giveaway.giveaway-signup-success.title', ['name' => ($signupData['name'] ?? '')]) }}
        </h3>
        <p class="text-par-s text-lab-pr2 mb-6">
            {{ __('giveaway.giveaway-signup-success.caption') }}
        </p>
        <span wire:click="switchAuthForm" class="text-par-s text-lab-pr2 cursor-pointer"><span class="underline text-brand-900 text-par-s">{{ __('labels.sign-in-here') }}</span></span>
    </div>
@endif