@php
    use function Modules\Core\Settings\Helpers\setting;
@endphp

<form wire:submit="store" class="grid md:grid-cols-2 gap-4">

    {{-- Campo oculto para el cluster --}}
    <input type="hidden" wire:model="BroshureMessage.cluster" />

    <x-form.input label="Nombre" error="BroshureMessage.nombre" required wire:model="BroshureMessage.nombre" type="text" />

    <x-form.input label="Número de Teléfono" error="BroshureMessage.telefono" wire:model="BroshureMessage.telefono" required type="tel" />

    <x-form.input label="Email" error="BroshureMessage.email" required wire:model="BroshureMessage.email" type="email" />

    <x-form.input label="Whatsapp" error="BroshureMessage.whatsapp" required wire:model="BroshureMessage.whatsapp" type="text" />

    <span class="flex flex-col ">
        <button type="submit" data-sitekey="{{ setting('site.captcha_public') }}" data-callback='handle'
            data-action='submit' wire:loading.attr="disabled"
            class="bg-[#e58e81] text-center py-2 px-8 font-bold hover:cursor-pointer hover:scale-95 transition-all duration-300 text-white uppercase g-recaptcha hvr-pulse-grow font-poppins hover:bg-secundario">
            <span wire:loading>
                <x-vaadin-spinner-third class="w-5 h-5 text-white animate-spin" />
            </span>
            <span wire:loading.remove>Descargar Brochure</span>
        </button>
    </span>
</form>

@push('scripts')
    @if (setting('site.captcha_private') && setting('site.captcha_public'))
        <script src="https://www.google.com/recaptcha/api.js?render={{ setting('site.captcha_public') }}"></script>
        <script>
            function handle(e) {
                grecaptcha.ready(function() {
                    grecaptcha.execute("{{ setting('site.captcha_public') }}", {
                            action: 'submit'
                        })
                        .then(function(token) {
                            @this.set('captcha', token);
                        });
                })
            }
        </script>
    @endif
@endpush