<?php
// estilo3_cat.php (PHP 8.2) - FIX: no usar pdo(), usar mysqli ($conn) desde concha.php
?>

<?php if ($hay_publi == 'si') { ?>

    <div class="grid-item col-12 col-sm-4 col-md-4 col-lg-4 mb-3">

<?php } else { ?>

    <div class="grid-item col-12 col-sm-6 col-md-6 col-lg-6 mb-3">

<?php } ?>

        <div>

            <article>

                <?php
                    if ($M == '01') { $m = $lang_enero; }
                    if ($M == '02') { $m = $lang_febrero; }
                    if ($M == '03') { $m = $lang_marzo; }
                    if ($M == '04') { $m = $lang_abril; }
                    if ($M == '05') { $m = $lang_mayo; }
                    if ($M == '06') { $m = $lang_junio; }
                    if ($M == '07') { $m = $lang_julio; }
                    if ($M == '08') { $m = $lang_agosto; }
                    if ($M == '09') { $m = $lang_septiembre; }
                    if ($M == '10') { $m = $lang_octubre; }
                    if ($M == '11') { $m = $lang_noviembre; }
                    if ($M == '12') { $m = $lang_diciembre; }

                    // =========================
                    // CATEGORIA (FIX mysqli)
                    // =========================
                    if (!isset($color_cat3) || $color_cat3 == '') {
                        $color_cat3 = '#222'; // fallback por si no viene nada
                    }

                    if (isset($cat) && (int)$cat !== 0) {
                        $cat_id = (int)$cat;

                        // Requiere que exista $conn (mysqli) desde concha.php
                        if (isset($conn) && $conn instanceof mysqli) {

                            $sql223 = "SELECT nombre, color FROM categorias WHERE ID = ? LIMIT 1";

                            if ($stmt223 = $conn->prepare($sql223)) {
                                $stmt223->bind_param("i", $cat_id);
                                $stmt223->execute();

                                $res223 = $stmt223->get_result();
                                if ($row223 = $res223->fetch_assoc()) {
                                    $cat       = $row223["nombre"];
                                    $color_cat3 = $row223["color"];
                                    $n = $n + 1;
                                }

                                $stmt223->close();
                            }
                        }
                    }
                ?>

                <style>
                    .img-container<?php echo $n ?>{
                        width: 100%;
                        height: auto;
                        background-image: url('<?php
                            $fotojj = substr($foto, 0, 4);
                            if ($fotojj == 'http') { echo $foto; }
                            else { echo $dom . "/" . $carpetafoto . "/thumbnail_" . $foto . $ext_img; }
                        ?>');
                        background-position: center center;
                        background-size: cover;
                    }
                    .redes-nota {
                        position:absolute;
                        top:0;
                        left:0;
                        right:0;
                    }
                </style>

                <div class="container-fluid">
                    <div class="row">
                        <div class="news-image col-4 col-sm-12 p-0" style="">

                            <div class="redes-nota d-flex justify-content-end">
                                <a class="btn"
                                   style="background-color: <?php echo $color_cat3 ?>!important;color:rgba(<?php echo $color_titulo_barra2 ?>)!important;"
                                   href="javascript:ventanaSecundaria56('https://www.facebook.com/sharer.php?p[title]=<?php echo $titulo1 ?>&p[url]=<?php echo $dom ?>/nota/<?php echo $ID ?>/<?php echo urls_amigables($titulo) ?>')">
                                    <i class="fab fa-facebook" aria-hidden="true"></i>
                                </a>

                                <a class="btn"
                                   style="background-color: <?php echo $color_cat3 ?>!important;color:rgba(<?php echo $color_titulo_barra2 ?>)!important;"
                                   href="javascript:ventanaSecundaria56('https://twitter.com/share?original_referer=<?php echo $dom ?>/nota/<?php echo $ID ?>/<?php echo urls_amigables($titulo) ?>&amp;source=tweetbutton&amp;text=<?php echo $titulo; ?> - Leer: &amp;url=<?php echo $dom ?>/nota/<?php echo $ID ?>/<?php echo urls_amigables($titulo) ?>')">
                                    <i class="fab fa-twitter" aria-hidden="true"></i>
                                </a>
                            </div>

                            <?php
                            ///////youtube
                            ?>

                            <?php if ($youtube7 == NULL) { } else { ?>
                                <div>
                                    <div style="position:realtive;padding-bottom:56.25%;">
                                        <iframe style="position:absolute;width:100%;height:100%;"
                                                src="https://www.youtube.com/embed/<?php echo $youtube7 ?>"
                                                frameborder="0"
                                                allowfullscreen></iframe>
                                    </div>
                                </div>
                            <?php }; ?>

                            <?php if ($foto == '' || $youtube7 != NULL) {} else { ?>
                                <a href="<?php echo $dom; ?>/nota/<?php echo $ID ?>/<?php echo urls_amigables($titulo) ?>" style="text-align:center;">
                                    <div class="d-none img-container<?php echo $n ?>"></div>
                                    <img loading="lazy"
                                         class="img-fluid lazy"
                                         src="<?php
                                            $fotojj = substr($foto, 0, 4);
                                            if ($fotojj == 'http') { echo $foto; }
                                            else { echo $dom . "/" . $carpetafoto . "/thumbnail_" . $foto . $ext_img; }
                                         ?>"
                                         data-hidpi="<?php
                                            $fotojj = substr($foto, 0, 4);
                                            if ($fotojj == 'http') { echo $foto; }
                                            else { echo $dom . "/" . $carpetafoto . "/thumbnail_" . $foto . $ext_img; }
                                         ?>"
                                         alt="<?php echo $titulo ?>">
                                </a>
                            <?php }; ?>

                        </div>

                        <div class="news-summary col-8 col-sm-12">
                            <a href="<?php echo $dom; ?>/nota/<?php echo $ID ?>/<?php echo urls_amigables($titulo) ?>">
                              <h3 class="colorTitulo"><?php echo $titulo; ?></h3>
                            </a>

                            <?php if ($apagar_la_fecha == 1) {} else { ?>
                                <div class="mom-post-meta nb-item-meta">
                                    <span class="entry-date"><?php echo $d ?> de <?php echo $m ?>, <?php echo $a ?></span>
                                </div>
                            <?php }; ?>

                            <div class="bajada d-none d-sm-block">
                                <p class="selectionShareable" style="margin-bottom:0;">
                                    <?php
                                        $bajada = str_replace('<em>', '', $bajada);
                                        $bajada = str_replace('</em>', '', $bajada);
                                        echo $bajada;
                                    ?>
                                </p>
                            </div>
                        </div>

                    </div>
                </div>

            </article>

        </div>
    </div>