<!doctype html>
<?php
    include('menus.php');
    session_start();
?>
<html class="no-js" lang="zxx">
    <?php
        head_1();
    ?>
     <style>
         .single-info {
         display: flex;
         flex-direction: column; 
         align-items: center;     
         text-align: center;    
         }
      </style>
    <body>
        <?php
            menu_registro();
            vericar_sesion ();
        ?>
                <!-- Breadcrumbs -->
        <div class="breadcrumbs overlay">
            <div class="container">
                <div class="bread-inner">
                    <div class="row">
                        <div class="col-12">
                            <h2>Contáctenos</h2>
                            <ul class="bread-list">
                                <li><a href="index.php">Inicio</a></li>
                                <li><i class="icofont-simple-right"></i></li>
                                <li class="active">Contáctenos</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Breadcrumbs -->        
        <!-- Start Contact Us -->
        <section class="contact-us section">
            <div class="container">
                <div class="inner">
                    <div class="row"> 
                        <div class="col-lg-6">
                            <div class="contact-us-left">
                                <!--Start Google-map -->
                                <div id="myMap"></div>
                                <!--/End Google-map -->
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="contact-us-form">
                                <h2>Contactar con nosotros</h2>
                                <?php
                                if (isset($_SESSION['mensaje'])) {
                                    echo '<div class="alert alert-' . $_SESSION['tipo_mensaje'] . ' text-center" style="margin-bottom: 20px; padding: 15px; border-radius: 5px;">';
                                    echo $_SESSION['mensaje'];
                                    echo '</div>';
                                    unset($_SESSION['mensaje']); // Eliminar el mensaje después de mostrarlo
                                }
                                ?>
                                <p>Si tiene alguna pregunta, no dude en contactarnos.</p>
                                <div class="alert alert-info text-center" style="margin-bottom: 20px; padding: 15px; border-radius: 5px;">
                                    <strong>Importante:</strong> Por favor, deja tus datos y un miembro de nuestro equipo se pondrá en contacto contigo lo antes posible.
                                </div>
                                <!-- Form -->
                                <form class="form" method="post" action="guardar_contacto.php">
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <input type="text" name="name" placeholder="Nombre" required="">
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <input type="email" name="email" placeholder="Correo" required="">
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <input type="text" name="phone" placeholder="Celular" required="">
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <input type="text" name="Asunto" placeholder="Asunto" required="">
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="form-group">
                                                <textarea name="message" placeholder="Escriba su mensaje" required=""></textarea>
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <div class="form-group login-btn">
                                                <button class="btn" type="submit">Enviar</button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                                <!--/ End Form -->
                            </div>
                        </div>
                    </div>
                </div>
                <div class="contact-info">
                    <div class="row">
                        <!-- single-info -->
                        <div class="col-lg-4 col-12 ">
                            <div class="single-info">
                                <i class="icofont icofont-ui-call"></i>
                                <div class="content">
                                    <p>+(57) 320 203 2667</p>
                                    <p>carlosquimbay95@gmail.com</p>
                                </div>
                            </div>
                        </div>
                        <!--/End single-info -->
                        <!-- single-info -->
                        <div class="col-lg-4 col-12 ">
                            <div class="single-info">
                                <i class="icofont-google-map"></i>
                                <div class="content">
                                    <p>Calle 64 sur # 35-24</p>
                                    <p>Bogotá, Colombia</p>
                                </div>
                            </div>
                        </div>
                        <!--/End single-info -->
                        <!-- single-info -->
                        <div class="col-lg-4 col-12 ">
                            <div class="single-info">
                                <i class="icofont icofont-wall-clock"></i>
                                <div class="content">
                                    <p>Lunes - Viernes: 8am - 5pm</p>
                                    <p>Sabados y Domingos Cerrado</p>
                                </div>
                            </div>
                        </div>
                        <!--/End single-info -->
                    </div>
                </div>
            </div>
        </section>
        <!--/ End Contact Us -->
        <?php
            footer_1();
        ?>
    </body>
</html>