0846a3bf03
- Reorganización de estructura: Admin/, Public/, Shared/, Schemas/ - 12 componentes migrados: TopNotificationBar, Navbar, CtaLetsTalk, Hero, FeaturedImage, TableOfContents, CtaBoxSidebar, SocialShare, CtaPost, RelatedPost, ContactForm, Footer - Panel de administración con tabs Bootstrap 5 funcionales - Schemas JSON para configuración de componentes - Renderers dinámicos con CSSGeneratorService (cero CSS hardcodeado) - FormBuilders para UI admin con Design System consistente - Fix: Bootstrap JS cargado en header para tabs funcionales - Fix: buildTextInput maneja valores mixed (bool/string) - Eliminación de estructura legacy (src/, admin/, assets/css/componente-*) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
62 lines
2.5 KiB
PHP
62 lines
2.5 KiB
PHP
<?php
|
|
/**
|
|
* Modal de Contacto - Bootstrap 5
|
|
*
|
|
* Modal activado por botón "Let's Talk" y CTA Box Sidebar
|
|
*
|
|
* @package ROI_Theme
|
|
* @since 1.0.0
|
|
*/
|
|
?>
|
|
|
|
<!-- Contact Modal -->
|
|
<div class="modal fade" id="contactModal" tabindex="-1" aria-labelledby="contactModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="contactModalLabel">
|
|
<i class="bi bi-envelope-fill me-2" style="color: #FF8600;"></i>
|
|
<?php esc_html_e( '¿Tienes alguna pregunta?', 'roi-theme' ); ?>
|
|
</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="<?php esc_attr_e( 'Cerrar', 'roi-theme' ); ?>"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p class="mb-4">
|
|
<?php esc_html_e( 'Completa el formulario y nuestro equipo te responderá en menos de 24 horas.', 'roi-theme' ); ?>
|
|
</p>
|
|
|
|
<form id="modalContactForm">
|
|
<div class="row g-3">
|
|
<div class="col-md-6">
|
|
<label for="modalFullName" class="form-label"><?php esc_html_e( 'Nombre completo', 'roi-theme' ); ?> *</label>
|
|
<input type="text" class="form-control" id="modalFullName" name="fullName" required>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label for="modalCompany" class="form-label"><?php esc_html_e( 'Empresa', 'roi-theme' ); ?></label>
|
|
<input type="text" class="form-control" id="modalCompany" name="company">
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label for="modalWhatsapp" class="form-label"><?php esc_html_e( 'WhatsApp', 'roi-theme' ); ?> *</label>
|
|
<input type="tel" class="form-control" id="modalWhatsapp" name="whatsapp" required>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label for="modalEmail" class="form-label"><?php esc_html_e( 'Correo electrónico', 'roi-theme' ); ?> *</label>
|
|
<input type="email" class="form-control" id="modalEmail" name="email" required>
|
|
</div>
|
|
<div class="col-12">
|
|
<label for="modalComments" class="form-label"><?php esc_html_e( '¿En qué podemos ayudarte?', 'roi-theme' ); ?></label>
|
|
<textarea class="form-control" id="modalComments" name="comments" rows="4"></textarea>
|
|
</div>
|
|
<div class="col-12">
|
|
<button type="submit" class="btn btn-primary w-100">
|
|
<i class="bi bi-send-fill me-2"></i><?php esc_html_e( 'Enviar Mensaje', 'roi-theme' ); ?>
|
|
</button>
|
|
</div>
|
|
<div id="modalFormMessage" class="col-12 mt-2 alert" style="display: none;"></div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|