<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Drenax</title>
        <script src="js/modernizr.js"></script>
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="icon" type="image/webp" href="icon.png">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <link rel="stylesheet" type="text/css" href="css/css.css">
        <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css">  
    </head>
    <body>
    <!-- Messenger plugin de chat Code -->
    <div id="fb-root"></div>

    <!-- Your plugin de chat code -->
    <div id="fb-customer-chat" class="fb-customerchat">
    </div>

    <script>
    var chatbox = document.getElementById('fb-customer-chat');
    chatbox.setAttribute("page_id", "166525096801255");
    chatbox.setAttribute("attribution", "biz_inbox");

    window.fbAsyncInit = function() {
        FB.init({
        xfbml            : true,
        version          : 'v11.0'
        });
    };

    (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = 'https://connect.facebook.net/es_LA/sdk/xfbml.customerchat.js';
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
    </script>
    <nav class="navbar navbar-expand-lg navbar-light bg-white fixed-top">
        <div class="row header-top">
            <div class="container">
                <a href="https://www.facebook.com/drenax1"><i class="fab fa-facebook-square"></i></a> | 
                <a href="https://www.instagram.com/drenax_oficial/"><i class="fab fa-instagram"></i></a> | 
                <a href="tel:6677139250"><i class="fa fa-phone-square" aria-hidden="true"></i></a>
            </div>
        </div>
        <div class="row">
            <div class="nav-container container">
                <div class="row">
                    <div class="nav-logo-section">
                        <img class="nav-logo" src="assets/img/logo.svg">
                        <img class="nav-logo-info" src="assets/icons/info-icon.svg" data-toggle="modal" data-target="#exampleModalLong">
                    </div>
                    
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
                        <ul class="navbar-nav navbar-nav ml-auto text-cente">
                            <li class="nav-item">
                                <a class="nav-link" href="?id=id">Inicio <span class="sr-only">(current)</span></a>
                            </li>
                            <li class="nav-item dropdown-submenu">
                                <a href="#" class="nav-link">Empresa</a>
                                <ul class="dropdown-menu empresa">
                                    <li><a class="nav-link" href="?id=fd">Familia drenax</a></li>
                                    <li><a class="nav-link" href="?id=qs">Quienes Somos</a></li>
                                    <li><a class="nav-link" href="assets/documents/aviso_privacidad.pdf" target="_blank">Aviso de privacidad</a></li>
                                </ul>
                            </li>
                            <li class="nav-item dropdown-submenu">
                                <a href="#" class="nav-link">Servicios</a>
                                <ul class="dropdown-menu servicios">
                                    <li><a class="nav-link" href="?id=ld">Limpieza de drenaje</a></li>
                                    <li><a class="nav-link" href="?id=it">Inspección de tuberías</a></li>
                                    <li><a class="nav-link" href="?id=lp">Limpieza de pisos</a></li>
                                    <li><a class="nav-link" href="?id=le">Limpieza de escaleras</a></li>
                                    <li><a class="nav-link" href="?id=man">Mantenimiento</a></li>
                                </ul>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="?id=con">Contacto</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="?id=cot">Experiencia Drenax</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </nav>
    <div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <img class="img-modal" src="assets/img/esr-modal.jpg" alt="">
      </div>
    </div>
  </div>
</div>
    
    <?php
        error_reporting(error_reporting() & ~E_NOTICE);
            $id = $_GET['id'];
            switch($id)
            {
                default:
                    $main = 'views/main.php';
                    break;
                case "fd":
                    $main = ('views/familiadrenax.php');
                    break;
                case "qs":
                    $main = ('views/quienessomos.php');
                break;
                case "ld":
                    $main = ('views/limpiezadedrenaje.php');
                    break;
                case "it":
                    $main = ('views/inspecciondetuberias.php');
                break;
                case "lp":
                    $main = ('views/limpiezadepisos.php');
                    break;
                case "le":
                    $main = ('views/limpiezadeescaleras.php');
                break;
                case "man":
                    $main = ('views/mantenimiento.php');
                    break;
                case "con":
                    $main = ('views/contacto.php');
                break;
                case "cot":
                    $main = ('views/cotizacion.php');
                break;
            };
            include($main);
    ?>
    <footer>
        <div class="footer-top row center-row">
            <div class="col-lg-3">
                <h4>Acerca de</h4>
                <p>Brindarte un servicio de la más alta calidad es nuestro principal objetivo, contando con equipos de tecnología de vanguardia y personal altamente capacitado.</p>
            </div>
               <div class="col-lg-3">
                <h4>Contáctanos</h4>
                <div class="office">
                    <strong>Culiacán</strong>
                    <div>
                        <p>Oficina <a href="tel:6677139250">(667) 713 9250/60</a></p>
                       
                    </div>
                    <a href="mainto:atencionaclientes@drenax.mx">atencionaclientes@drenax.mx</a>
                </div>
                <div class="office">
                    <strong>Los Mochis</strong>
                    <div>
                        <p>Oficina <a href="tel:6681009191">(668)100 9191</a></p>
                       
                    </div>
                    <a href="mainto:losmochis@drenax.mx">losmochis@drenax.mx</a>
                </div>
                <div class="office">
                    <strong>Mazatlán</strong>
                    <div>
                        <p>Oficina <a href="tel:6681009191">(669) 135-1212</a></p>
                       
                    </div>
                    <a href="mainto:mazatlan@drenax.mx">mazatlan@drenax.mx</a>
                </div>
                <p><a href="https://www.facebook.com/Drenaxoficial"><i class="fab fa-facebook-square"></i> /Drenaxoficial</p>
                <p><a href="https://www.instagram.com/Drenaxoficial/"><i class="fab fa-instagram"></i> /Drenaxoficial</p>
            </div>
             <div class="col-lg-3 footmapa">
                <h4>Mapa del sitio</h4>
                <p><a class="a-color" href="?id=main">Inicio</a></p>
                <p><a class="a-color" href="?id=fd">Empresa</a></p>
                <p><a class="a-color" href="?id=ld">Servicios</a></p>
                <p><a class="a-color" href="?id=con">Contacto</a></p>
                <p><a class="a-color" href="?id=cot">Cotización</a></p>
            </div>
             <div class="col-lg-3">
                <p>Solicita tu cotización, te recordamos que es sin costo.</p>
                <a href="?id=cot"><button type="button" class="btn btn-primary btn-sm">Cotizar</button></a>
            </div>
        </div>
        <div class="footer-bot">
            <p>© 2025 Drenax SA de CV.</p>
        </div>
    </footer>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-HVQLLM3PGN"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-HVQLLM3PGN');
    </script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/js.js"></script>
    <script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/00d35c3ccd1b07d1742017e57/394b12514ae3371e3f329e084.js");</script>
</body>
</html>