{{-- Inquiry Form Component --}}
@push('head')
    {{-- SiteManager 통합 보안 시스템 --}}
    @include('sitemanager::security.form-security', [
        'action' => 'inquiry_form',
        'tokenField' => 'recaptcha_token',
        'formId' => 'inquiry-form'
    ])

    {!! resource('css/contact-us.css') !!}
    {!! resource('css/form.css') !!}
    {!! setResources(['select2']) !!}
@endpush

@push('scripts')
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/intl-tel-input@25.10.12/build/css/intlTelInput.css">
    <script src="https://cdn.jsdelivr.net/npm/intl-tel-input@25.10.12/build/js/intlTelInput.min.js"></script>
    {!! resource('js/inquiry-form.js') !!}
@endpush

<section class="inquiry-form-section py-5" @if (empty($noHeader)) style="margin-top: 4rem;"@endif>
    <div class="row justify-content-center">
        <div class="col-lg-8">
            @if (empty($noHeader))
            {{-- <h2 class="text-center mb-3">Quick Inquiry</h2> --}}
            <h6 class="description text-center mb-4">Interested in this course? Leave your contact details and we'll get in touch with you!<br>
            Get personalized information and guidance from our team.</h6>
            @endif

            <form method="POST" action="{{ route('contact.submitInquiry') }}"
                  class="form-wrap form" id="inquiry-form"
                  data-recaptcha="true" data-recaptcha-action="inquiry_form">
                @csrf
                <input type="hidden" name="counsel_register_root" value="Event">
                <input type="hidden" name="counsel_register_root_detail" value="{{ $pageId ?? '' }}">

                <div class="form-wrap-body">
                    <div class="row">
                        <div class="col-md-6 form-group">
                            <label for="inquiry_name" class="form-label">Name <span class="text-danger">*</span></label>
                            <input type="text" class="form-control @error('name') is-invalid @enderror" id="inquiry_name" name="name" value="{{ old('name') }}" required>
                            @error('name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6 form-group">
                            <label for="inquiry_email" class="form-label">Email <span class="text-danger">*</span></label>
                            <input type="email" class="form-control @error('email') is-invalid @enderror" id="inquiry_email" name="email" value="{{ old('email') }}" required>
                            @error('email')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="row">
                        <div class="form-group">
                            <label for="inquiry_phone" class="form-label">Phone Number <span class="text-danger">*</span></label>
                            <input type="tel" class="form-control @error('phone') is-invalid @enderror" id="inquiry_phone" name="phone" value="{{ old('phone') }}" required>
                            <input type="hidden" id="inquiry_phone_country" name="phone_country" value="{{ old('phone_country') }}">

                            @if($errors->has('phone_country') || $errors->has('phone'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('phone_country') ?: $errors->first('phone') }}
                                </div>
                            @endif
                        </div>
                    </div>

                    <div class="form-group mt-4">
                        <label class="form-label">Privacy Policy <span class="text-danger">*</span></label>
                        <div class="privacy-policy" style="max-height: 300px; overflow-y: auto;">
                            @include('partials.privacy-policy')
                        </div>
                    </div>

                    <div class="mb-5">
                        <div class="form-check">
                            <input class="form-check-input @error('privacy_agreement') is-invalid @enderror" type="checkbox" id="inquiry_privacy_agreement" name="privacy_agreement" value="1" {{ old('privacy_agreement') ? 'checked' : '' }} required>
                            <label class="form-check-label" for="inquiry_privacy_agreement">
                                I have read and agree to the terms and conditions and privacy policy. <span class="text-danger">*</span>
                            </label>
                            @error('privacy_agreement')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    {{-- SiteManager 통합 보안 시스템에서 자동 처리 --}}
                    @error('recaptcha_token')
                        <div class="form-group text-center mb-4">
                            <div class="text-danger mt-2">{{ $message }}</div>
                        </div>
                    @enderror

                    <div class="text-center">
                        <button type="submit" class="btn btn-lg btn-dark" id="inquiry-submit-btn">
                            <span class="btn-text">Submit</span>
                            <span class="btn-loading d-none">
                                <span class="spinner-border spinner-border-sm me-2" role="status" aria-hidden="true"></span>
                                Sending...
                            </span>
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</section>