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

<form method="POST" wire:submit.prevent="signInWithEmail">
    <div class="mb-4">
        <x-forms.input name="loginCredentials.email" wire:model="loginCredentials.email" labelText="{{ __('labels.email') }}" placeholder="{{ __('labels.email') }}"></x-forms.input>
    </div>
    <div class="mb-4">
        <x-forms.input type="password" name="loginCredentials.password" wire:model="loginCredentials.password" labelText="{{ __('labels.password') }}" placeholder="{{ __('labels.password') }}"></x-forms.input>
    </div>
    <div class="mb-2">
        <x-forms.button width="w-full" type="submit" text="{{ __('labels.sign-in-email') }}" 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.dont-have-account') }} <span class="underline text-brand-900 text-par-s">{{ __('labels.sign-up-here') }}</span></span>
    </div>
</form>

<div class="block mb-6">
    <div class="text-center mb-4">
        <span class="text-par-s text-lab-sc">{{ __('auth.signin-with') }}</span>
    </div>
    <x-forms.social-button
        provider="google"
        link="{{ route('social-login.google.redirect', ['role' => 'participant']) }}"
    buttonText="{{ __('auth.google-login') }}"></x-forms.social-button>
</div>

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