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

<form action="{{ Path::AppUrl('save-contact-us') }}" method="POST"
    @if (config('services.recaptcha.sitekey') && config('services.recaptcha.sitekey') !== 'Key') 
    data-recaptcha-sitekey="{{ config('services.recaptcha.sitekey') }}" @endif>
    @csrf
    <div class="row g-2">
        <div class="col-md-6">
        <div class="form-group">
            <label for="name" class="form-label fw-semibold"
            >{{ __('website.full_name') }} </label>
            <input
            type="text"
            class="form-control"
            id="name"
            name="name"
            placeholder="{{__('website.enter_your_name')}}"
            required/>
        </div>
        </div>
        <div class="col-md-6">
        <div class="form-group form-control-rtl">
            <label for="phone" class="form-label fw-semibold"
            >{{__('website.phone_number')}}</label
            >
            <input
            type="number"
            class="form-control"
            id="phone"
            name="phone"
            placeholder="{{__('website.enter_your_phone')}}"
            required
    
            />
        </div>
        </div>
        <div class="col-12">
        <div class="form-group">
            <label for="email" class="form-label fw-semibold"
            >{{__('website.email_address')}}</label
            >
            <input
            type="email"
            class="form-control"
            id="email"
            name="email"
            placeholder="{{__('website.enter_your_email')}}"
            required
            />
        </div>
        </div>
        @if (config('services.recaptcha.sitekey') && config('services.recaptcha.sitekey') !== 'Key')
            <input type="hidden" name="recaptcha_token" id="recaptcha_token" value="">
        @endif
        <div class="col-12">
        <div class="form-group">
            <label for="message" class="form-label fw-semibold"
            >{{__('website.message')}}</label
            >
            <textarea
            class="form-control"
            id="message"
            name="message"
            rows="6"
            placeholder="{{__('website.enter_your_message')}}"
            required
            ></textarea>
        </div>
        </div>
        <div class="col-12">
        <button type="submit" class="btn-send px-5 py-3">
            {{__('website.send_message')}}
            <i class="fas fa-paper-plane ms-2"></i>
        </button>
        </div>
    </div>
    </form>
    @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
{{--
<form class="contact-validation-active" id="consultaForm" action="{{ Path::AppUrl('save-contact-us') }}" method="POST"
    @if (config('services.recaptcha.sitekey') && config('services.recaptcha.sitekey') !== 'Key') 
    data-recaptcha-sitekey="{{ config('services.recaptcha.sitekey') }}" @endif>
    @csrf
    <div>
        <label>{{ __('website.name') }} *</label>
        <input type="text" class="form-control" name="name" id="name" />
    </div>
    <div>
        <label>{{ __('website.email') }}*</label>
        <input type="email" class="form-control" name="email" id="email" />
    </div>

    <div>
        <label>{{ __('website.phone') }}</label>
        <input type="number" class="form-control" name="phone" id="phone" />
    </div>
    @if (config('services.recaptcha.sitekey') && config('services.recaptcha.sitekey') !== 'Key')
        <input type="hidden" name="recaptcha_token" id="recaptcha_token" value="">
    @endif
    <div class="fullwidth">
        <label>{{ __('website.message') }}</label>
        <textarea class="form-control" name="message" id="note"></textarea>
    </div>
    <div class="submit-area">
        <button type="submit" class="shop-btn" name="submit" value="submit">{{__('website.send_message')}}</button>
        <div id="loader">
            <i class="ti-reload"></i>
        </div>
    </div>
    <div class="clearfix error-handling-messages">
        <div id="success">{{ __('website.thank_you') }}</div>
        <div id="error">
            Error occurred while sending email. Please try again
            later.
        </div>
    </div>
</form>
<!-- <======================= 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
--}}