<?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>
