@include('citas.partials.wizard_form', [
    'formAction' => route('user.citas.store'),
    'formMethod' => 'POST',
    'showAdminCliente' => false,
    'showAdminEstado' => false,
    'cancelUrl' => route('user.citas.index'),
    'submitLabel' => 'Reservar cita',
    'serviciosCompletosValue' => '',
    'showDebug' => false,
    'ajaxSubmit' => true,
])

{{-- Modal #modalOverlay: una sola instancia en resources/views/apps/feed/index.blade.php (evita ids duplicados al inyectar este formulario por AJAX). --}}

<!-- Asistente de Estado de Uñas (app) -->
<div id="nailAssistantOverlay" class="nail-assistant-overlay" style="display: none;" role="dialog" aria-modal="true" aria-labelledby="nailAssistantDialogTitle" aria-hidden="true">
    <div class="nail-assistant-container">
        <div class="nail-assistant-content">
            <h2 id="nailAssistantDialogTitle" class="visually-hidden">Asistente de estado de uñas</h2>
            <div id="assistantQuestion1" class="assistant-question active">
                <div class="assistant-header">
                    <div class="assistant-icon">
                        <i class="fas fa-question-circle"></i>
                    </div>
                    <h3 class="assistant-title">¿Tienes ahora mismo las uñas pintadas o con diseños?</h3>
                    <p class="assistant-subtitle">Esta información nos ayudará a determinar si necesitas un servicio de retiro</p>
                </div>
                <div class="assistant-options">
                    <button type="button" class="assistant-btn assistant-btn-yes" data-answer="yes">
                        <i class="fas fa-check-circle"></i>
                        <span>Sí, tengo uñas pintadas/diseñadas</span>
                    </button>
                    <button type="button" class="assistant-btn assistant-btn-no" data-answer="no">
                        <i class="fas fa-times-circle"></i>
                        <span>No, tengo las uñas naturales</span>
                    </button>
                </div>
            </div>

            <div id="assistantQuestion2" class="assistant-question" style="display: none;">
                <div class="assistant-header">
                    <div class="assistant-icon">
                        <i class="fas fa-store"></i>
                    </div>
                    <h3 class="assistant-title">¿Las uñas que tienes te las hiciste en MoritaNails o con otra persona?</h3>
                    <p class="assistant-subtitle">Esto nos ayudará a seleccionar el tipo de servicio de retiro correcto</p>
                </div>
                <div class="assistant-options">
                    <button type="button" class="assistant-btn assistant-btn-morita" data-answer="morita">
                        <i class="fas fa-home"></i>
                        <span>Sí, me las hice en MoritaNails</span>
                    </button>
                    <button type="button" class="assistant-btn assistant-btn-other" data-answer="other">
                        <i class="fas fa-external-link-alt"></i>
                        <span>No, me las hice en otro lugar</span>
                    </button>
                </div>
            </div>

            <div class="assistant-navigation">
                <button type="button" class="assistant-nav-btn assistant-back-btn" id="assistantBackBtn" style="display: none;">
                    <i class="fas fa-arrow-left"></i>
                    Volver
                </button>
                <button type="button" class="assistant-nav-btn assistant-skip-btn" id="assistantSkipBtn">
                    <i class="fas fa-forward"></i>
                    Omitir
                </button>
            </div>
        </div>
    </div>
</div>