<?php 
require_once('shared/conexionBD.php');

$puedeContactar = false;

if(isset($_POST['data'])){
  $dataContactar = $_POST['data'];
  $puedeContactar = true;
}

?>

<!DOCTYPE html>
<html xml:lang="es" lang="es">

<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->

    <!--Producción-->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>

    <!--Producción-->
    <script>

        window.dataLayer = window.dataLayer || [];

        function gtag(){dataLayer.push(arguments);}

        gtag('js', new Date());

        gtag('config', 'UA-125019062-2');

    </script>

    <!-- End Global site tag (gtag.js) - Google Analytics -->
  <!-- [if IE]> -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  <meta http-equiv="cleartype" content="on"/>
  <!-- <![endif] -->
  <meta content="width=device-width, initial-scale=1" name="viewport"/>
  <title>Etiqueta Inteligente QR – S&amp;P</title>
  <meta name="keywords" content="Varien, E-commerce"/>
  <meta name="robots" content="INDEX,FOLLOW"/>

  <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
  <!-- ================================================================================ -->
  <script type="text/javascript" src="js/events.js"></script>

 <!-- ================================================================================ -->
 <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
 <!-- ================================================================================ -->
 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
 <link href="css/flexslider.css" rel="stylesheet">
 <!-- ================================================================================ -->
</head>

<body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
  <?php include 'header.php' ?>

  <script type="text/javascript">
    //<![CDATA[
    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
      HIB.menu.init();
    }

    //]]>
  </script>

    <div class="main-container col1-layout">
        <div class="main">
            <div class="col-main">
                <main>
                    <div id="overlaySearch" class="overlay">
                        <!-- Overlay content -->
                        <div id="searchResults" class="overlay-content grid"></div>
                    </div>
                    <main>
                        <div class="page-title category-title dark">
                            <img src="media/home/categories_home/<?php 
                                if(file_exists("media/home/categories_home/".$lineaGet.".jpg")){
                                    echo($lineaGet);
                                }else{
                                    echo('Hábitat');
                                }
                            ?>.jpg" alt="<?php echo($lineaGet); ?>" class="category-image" />
                            <div class="category-title-container">
                                <div class="category-title-content container">
                                    <h2 class="seriesTitle m-top10">B&uacute;squeda de productos<br>
                                        <b>Etiqueta Inteligente QR</b>
                                    </h2>
                                </div>
                            </div>
                        </div>
                        <div class="container-error">
                            <div class="error-header">PRODUCTO NO ENCONTRADO</div>
                            <div class="error-msg">El producto buscado no se encontró dentro del Catálogo de Productos en Línea.<br>
                                Es posible que el producto que busca se encuentre descontinuado o bien, que se trate de un desarrollo especial. Contacte al Departamento de Comercial para más información.
                            </div>
                            <?php if($puedeContactar && !empty($dataContactar)) { ?>
                              <a href="javascript:void(0);" type="button" id="ficha" class="btn btn-default a-btn" onclick="contactar('<?php echo $dataContactar; ?>')">
                                  <i class="fa fa-envelope" aria-hidden="true"></i> 
                                  <span>CONTACTAR AL DEPARTAMENTO COMERCIAL</span>
                              </a>
                            <?php } ?>
                            <form id="frm" action="contacto.php" method="post">
                              <input type="hidden" name="data-contactar" id="data-contactar" value="">
                            </form>
                        </div>
                    </main>
                </main>
            </div>
        </div>
    </div>
        
<style>

    #dimension {
        height:250px;
        overflow: auto;
    }

    #dimension table thead tr th,table tbody tr td {
      font-size: 14px;
      font-weight: bold;
      text-align: center;
    }

    .container-error{
      padding: 0 32px 32px 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
    }

    .error-header{
      border-bottom: 3px solid #4b4b4b;
      color: black;
      text-align: center;
      padding: 14px 16px;
      margin: 12px;
    }

    .error-msg{
      padding: 25px;
      border: 1px solid #ccc;
      margin-bottom: 10px;
    }

    /* Style the tab */
    .tab {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    padding: 5px;
  }

  /* Style the buttons inside the tab */
  .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    padding: 14px 16px;
    transition: 0.1s;
    font-size: 17px;
    margin: 7px;
    color: #969696;
  }

  /* Change background color of buttons on hover */
  .tab button:hover {
    border-bottom: 3px solid #4b4b4b;
    color:black;
  }

  /* Create an active/current tablink class */
  .tab button.active {
    border-bottom: 3px solid #4b4b4b;
    color:black;
  }

  /* Style the tab content */
  .tabcontent {
    display: none;
    padding: 25px;
    border: 1px solid #ccc;
    border-top: none;
  }
  .tabcontent p {
    font-size: 14px;
  }

  /*---------------------------------------*/
  select.input-sm {
    line-height: 0px !important;
    font-size:  14px !important;
  }
  #ficha {
    background: cornflowerblue;
    height: 37px;
    border-radius: 0px!important;
    transition: background 0.3s ease 0s;
    color:white;
  }
  #ver-3d {
    background: cornflowerblue;
    height: 34px;
    transition: background 0.3s ease 0s;
  }
  #ver-3d:hover,#ficha:hover {
    background: #4673c5;
    color: #fff;
  }
  #tblSeriesModels_info {
    margin-bottom: 20px!important;
  }

  .a-btn{
    font-size: 1.6rem !important;
    height: 36px;
    background: transparent none repeat scroll 0% 0%;
    padding-top: 11px !important;
    padding-bottom: 0px !important;
  }
</style>

</main>


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


 
 <link rel="stylesheet" type="text/css" href="css/style-table.css" media="all" />

<script>
  function contactar(cad){
    let frm = document.getElementById("frm");
    let dataContactar = document.getElementById("data-contactar");

    dataContactar.value = cad;
    frm.submit();
  }
</script>

<?php 
include 'footer.php' ?>
</div>
</div>
</body>
</html>
