@if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<form action="{{ route('website.saveConatct') }}" method="POST">
    @csrf
    <div class="row g-3">
        <div class="col-md-6">
            <input type="text" placeholder="{{ __('website.name') }}" name="name" required>
        </div>
        <div class="col-md-6">
            <input type="tel" placeholder="{{ __('website.phone') }}" name="phone" required>
        </div>
        <div class="col-md-12">
            <input type="email" placeholder="{{ __('website.email') }}" name="email" required>
        </div>
        <div class="col-md-12">
            <textarea rows="5" placeholder="{{ __('website.message') }}" name="message"></textarea>
        </div>
        @if (config('services.recaptcha.sitekey') && config('services.recaptcha.sitekey') !== 'Key')
            <div class="col-md-12">
                <div class="g-recaptcha" data-sitekey="{{ config('services.recaptcha.sitekey') }}"></div>
                <input type="hidden" name="g-recaptcha-response" id="recaptcha_token">
            </div>
        @endif
        <div class="col-md-12 text-center">
            <button type="submit" class="btn-submit">{{ __('website.send_message') }}</button>
        </div>
    </div>
</form>
<!-- /.form-one -->
<!-- <======================= EndContactForm =========================> -->
@if (config('services.recaptcha.sitekey') && config('services.recaptcha.sitekey') !== 'Key')
    <script src="https://www.google.com/recaptcha/api.js?render={{ config('services.recaptcha.sitekey') }}"></script>
    <script>
        grecaptcha.ready(function () {
            // Generate token when form is loaded
            grecaptcha.execute('{{ config('services.recaptcha.sitekey') }}', {
                action: 'contact'
            }).then(function (token) {
                var tokenInput = document.getElementById('recaptcha_token');
                if (tokenInput) {
                    tokenInput.value = token;
                }
            }).catch(function (error) {
                console.warn('reCAPTCHA error:', error);
            });
        });
    </script>
@endif