<?php
session_start();
include('conexion.php');
include('./include/sesiones.php');
?>
<!doctype html>
<html lang="en" onclick="cerrar();cerrar2()">

<head>
    <?php

    include('./include/sesiones.php');
    include('include/head.php');
    ?>
    <div id="div_buscador"></div>
    <?php
    include('php_menu/menu_categorias.php');
    include('php_menu/menu_izquierdo.php');
    ?>
</head>


<body>
    <div class="contact_map mt-60">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12">
                    <div class="map-area" style="overflow: hidden; border-radius: 15px;">
                        <div id="googleMap">
                            <?php
                            if ($ubi_pag == '') { ?>

                                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d47957.91911079481!2d-73.39442073060111!3d8.252132791002044!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8e677beeab6ce443%3A0x24747bfaf0798150!2sOca%C3%B1a%2C%20Norte%20de%20Santander!5e1!3m2!1ses!2sco!4v1741880070578!5m2!1ses!2sco"
                                    width="100%" height="400" style="border:0; border-radius: 15px;" allowfullscreen="" loading="lazy"
                                    referrerpolicy="no-referrer-when-downgrade">
                                </iframe>

                            <?php } else { ?>
                                <iframe src="<?php echo $ubi_pag; ?>"
                                    width="100%" height="400" style="border:0; border-radius: 15px;" allowfullscreen="" loading="lazy"
                                    referrerpolicy="no-referrer-when-downgrade">
                                </iframe>
                            <?php } ?>


                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="contact_area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-md-12">
                        <div class="contact_message content">
                            <h3>contactanos</h3>
                            <ul>
                                <li><i class="fa fa-fax"></i> Direccion :<?php echo $suc_direccion; ?></li>
                                <li><i class="fa fa-phone"></i><?php echo $suc_celular ?></li>
                                <li><i class="fa fa-envelope-o"></i><?php echo $suc_correo; ?></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

<?php include('include/footer.php') ?>
<script src="assets/js/plugins.js"></script>
<script src="assets/js/main.js"></script>
<script type="text/javascript">
    function buscador() {
        $.get("./php_menu/buscador.php", "", function(data) {
            $("#div_buscador").html(data);
        })
    }
    buscador();
</script>