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

<body>

    <section>
        <div class="services_gallery mt-80">
            <div class="container">
                <div class="row">
                    <?php
                    $cano2 = mysqli_query($con, "SELECT * FROM familias where empresa='$emp_id' order by fam_nombre asc ") or die(mysqli_error($con));
                    while ($dato2 = mysqli_fetch_array($cano2)) {
                        $nombre = utf8_encode($dato2['fam_nombre']);
                        $id = ($dato2['fam_id']);

                        $nombre_archivo = '../img/categorias/' . $id . '.jpg';

                        if ($nombre <> 'SIN FAMILIA' && $nombre <> 'SIN CATEGORIA') {  ?>

                            <div class="col-lg-3 col-md-6">
                                <div class="single_services">
                                    <div class="services_thumb">
                                        <?php if (file_exists($nombre_archivo)) { ?>

                                            <a href="articulos_categoria.php?fam_id=<?php echo $id ?>">
                                                <div class="contenedor_img"><img class="categorias" src="<?php echo $emp_url_sub; ?>/img/categorias/<?php echo $id ?>.jpg" alt=""></div>
                                            </a>
                                        <?php } else { ?>
                                            <a href="articulos_categoria.php?fam_id=<?php echo $id ?>">
                                                <div class="contenedor_img"><img class="categorias" src="<?php echo $emp_url_sub; ?>/img/categorias/sin_imagen.jpg" alt=""></div>
                                            </a>
                                        <?php   }   ?>

                                    </div>
                                    <div class="services_content">
                                        <?php
                                        $can3 = mysqli_query($con, "SELECT count(*) as suma FROM articulos a, articulos_has_bodegas ab where a.art_id=ab.articulos_art_id  and ab.art_cantidad>0 and a.empresa='$emp_id' and a.familias_fam_id='$id' ") or die(mysqli_error($con));
                                        $dato3 = mysqli_fetch_array($can3);
                                        $suma = $dato3['suma'];  ?>

                                        <h3><a href="articulos_categoria.php?fam_id=<?php echo $id ?>"><?php echo $nombre ?></a>(<?php echo $suma  ?>)</h3>

                                        <p></p>
                                    </div>
                                </div>
                            </div>
                    <?php }
                    } ?>
                </div>
            </div>
        </div>
    </section>
</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>

</html>

<style type="text/css">
    /*Supongamos que nuestro contenedor mide 150px x 150px*/
    .contenedor_img {
        background-color: white;
        width: 220px;
        height: 220px;
    }

    /*Aplicamos la propiedad object-fit cover, ajustar su tamaño y no perder la proporcion de nuestra imagen*/
    .categorias {
        object-fit: scale-down;
        width: 100%;
        height: 100%;
    }
</style>