<head>
    {{-- TÍTULO DINÂMICO --}}
    <title>SafetyStart - Ajuda</title>
</head>

<x-guest-layout>
    <x-jet-authentication-card>
        <x-slot name="logo">
            <img src="img/logos.png">
        </x-slot>

        <div class="mb-4 text-sm text-white text-center">
            {{ __('Precisa de ajuda? Sem problemas. Basta nos enviar uma mensagem informando seu problema que iremos ajudar.') }}
        </div>

        @if (session('status'))
        <div class="mb-4 font-medium text-sm text-green-600">
            {{ session('status') }}
        </div>
        @endif

        <x-jet-validation-errors class="mb-4" />

        <form method="POST" action="{{ route('password.email') }}">
            @csrf

            <!-- Botão WhatsApp ajustado -->
            <div class="flex items-center justify-center mt-8">
                <x-jet-button class="ml-4 bg-cyan">

                    <a href="https://api.whatsapp.com/send?phone=5531975890011" target="_blank" class="btn btn-success btn-lg w-100 my-3">
                        <i class="fab fa-whatsapp me-2"></i> Chamar no WhatsApp
                    </a>
                </x-jet-button>
            </div>
        </form>

        <div class="flex items-center justify-center mt-8">
            <x-jet-button class="ml-4 bg-yellow">
                <a href="/">
                    {{ __('Voltar') }}
                </a>
            </x-jet-button>
        </div>
        <div align="center" class="mt-5">
            <img src="img/sipat_logo.png" class="mt-5" width="150px">
            <img src="img/safetystart_logo.png" class="mt-5" width="100px">
            </viv>

    </x-jet-authentication-card>
</x-guest-layout>