<?php
/**
 * estilo4_slider.php
 * Slider (Flickity) - Foto + T¨ªtulo
 *
 * CONEXION:
 * - Usa $mysqli. Si no existe, intenta tomar $conn o $Conn (de concha_extra.php).
 */

if (!isset($mysqli) || !($mysqli instanceof mysqli)) {
    if (isset($conn) && ($conn instanceof mysqli)) {
        $mysqli = $conn;
    } elseif (isset($Conn) && ($Conn instanceof mysqli)) {
        $mysqli = $Conn;
    }
}

if (!isset($mysqli) || !($mysqli instanceof mysqli)) {
    // Sin conexi¨®n: no rompemos el sitio.
    return;
}

// Charset (silencioso por compatibilidad)
@ $mysqli->set_charset('utf8');

// Defaults para evitar warnings
$ID_cat_slide = isset($ID_cat_slide) ? (int)$ID_cat_slide : 0;
$n = isset($n) ? (int)$n : 0;

$apagar_la_fecha = isset($apagar_la_fecha) ? (int)$apagar_la_fecha : 0;
$color_titulo_barra2 = isset($color_titulo_barra2) && $color_titulo_barra2 !== '' ? $color_titulo_barra2 : '255,255,255';

/**
 * Mes (usa variables lang si existen; si no, fallback en ES)
 * IMPORTANTE: se protege con function_exists para evitar redeclare
 */
if (!function_exists('estilo4_month_name')) {
    function estilo4_month_name($m) {
        $fallback = array(
            1=>'Enero',2=>'Febrero',3=>'Marzo',4=>'Abril',5=>'Mayo',6=>'Junio',
            7=>'Julio',8=>'Agosto',9=>'Septiembre',10=>'Octubre',11=>'Noviembre',12=>'Diciembre'
        );

        $map = array(
            1  => (isset($GLOBALS['lang_enero']) ? $GLOBALS['lang_enero'] : $fallback[1]),
            2  => (isset($GLOBALS['lang_febrero']) ? $GLOBALS['lang_febrero'] : $fallback[2]),
            3  => (isset($GLOBALS['lang_marzo']) ? $GLOBALS['lang_marzo'] : $fallback[3]),
            4  => (isset($GLOBALS['lang_abril']) ? $GLOBALS['lang_abril'] : $fallback[4]),
            5  => (isset($GLOBALS['lang_mayo']) ? $GLOBALS['lang_mayo'] : $fallback[5]),
            6  => (isset($GLOBALS['lang_junio']) ? $GLOBALS['lang_junio'] : $fallback[6]),
            7  => (isset($GLOBALS['lang_julio']) ? $GLOBALS['lang_julio'] : $fallback[7]),
            8  => (isset($GLOBALS['lang_agosto']) ? $GLOBALS['lang_agosto'] : $fallback[8]),
            9  => (isset($GLOBALS['lang_septiembre']) ? $GLOBALS['lang_septiembre'] : $fallback[9]),
            10 => (isset($GLOBALS['lang_octubre']) ? $GLOBALS['lang_octubre'] : $fallback[10]),
            11 => (isset($GLOBALS['lang_noviembre']) ? $GLOBALS['lang_noviembre'] : $fallback[11]),
            12 => (isset($GLOBALS['lang_diciembre']) ? $GLOBALS['lang_diciembre'] : $fallback[12]),
        );

        $m = (int)$m;
        return isset($map[$m]) ? $map[$m] : '';
    }
}

// Query
$sql3 = "SELECT * FROM notas
         WHERE ver = 'si'
           AND foto != ''
           AND cat = '$ID_cat_slide'
           AND des_cat = '1'
         ORDER BY ID desc
         LIMIT 12";

$consulta3 = mysqli_query($mysqli, $sql3);
if (!$consulta3) {
    // No rompemos el sitio si falla la query
    return;
}
?>

<!-- slider foto y titulo -->
<div class="container-fluid grid-item">
    <div class="row">
        <div class="col-12 col-sm-12 col-md-12 col-lg-12">

            <div class="flickity-carousel carousel js-flickity flickity-enabled is-draggable"
                 data-flickity='{
                     "imagesLoaded": true,
                     "cellAlign": "left",
                     "autoPlay": 7500,
                     "freeScroll": false,
                     "wrapAround": true,
                     "pageDots": false
                 }'>

                <?php
                while ($row3 = mysqli_fetch_assoc($consulta3)) {

                    $ID          = $row3["ID"];
                    $titulo      = $row3["titulo"];
                    $d           = isset($row3["d"]) ? $row3["d"] : '';
                    $m           = isset($row3["m"]) ? (int)$row3["m"] : 0;
                    $a           = isset($row3["a"]) ? $row3["a"] : '';
                    $carpetafoto = isset($row3["carpetafoto"]) ? $row3["carpetafoto"] : '';
                    $foto        = isset($row3["foto"]) ? $row3["foto"] : '';
                    $ext_img     = isset($row3["ext_img"]) ? $row3["ext_img"] : '';
                    $youtube     = isset($row3["youtube"]) ? $row3["youtube"] : null;

                    $catId = isset($row3["cat"]) ? (int)$row3["cat"] : 0;

                    $n = $n + 1;

                    $month = estilo4_month_name($m);

                    // Categoria (color para botones)
                    $color_cat = '#b30000'; // fallback
                    if ($catId > 0) {
                        $sql2 = "SELECT * FROM categorias WHERE ID = '$catId' LIMIT 1";
                        $consulta2 = mysqli_query($mysqli, $sql2);
                        if ($consulta2) {
                            if ($row2 = mysqli_fetch_assoc($consulta2)) {
                                if (isset($row2["color"]) && $row2["color"] !== '') {
                                    $color_cat = $row2["color"];
                                }
                            }
                            mysqli_free_result($consulta2);
                        }
                    }

                    // Share title fallback
                    $titulo1 = (isset($titulo1) && $titulo1 !== '') ? $titulo1 : $titulo;

                    // URL foto (http o local)
                    $fotojj = substr($foto, 0, 4);
                    if ($fotojj == 'http') {
                        $foto_url = $foto;
                    } else {
                        $foto_url = "$dom/$carpetafoto/thumbnail_$foto$ext_img";
                    }
                ?>

                <style>
                    .img-container<?php echo $n; ?>{
                        height: 245px;
                        background-image: url('<?php echo $foto_url; ?>');
                        background-position: center center;
                        background-size: cover;
                    }
                    .redes-nota {
                        position:absolute;
                        top:0;
                        left:0;
                        right:0;
                    }
                </style>

                <div class="carousel-cell col-12 col-sm-6 col-md-4 col-lg-3 px-0" style="min-height:400px;">
                    <div class="col-12 p-0">
                        <div class="news-image">

                            <div class="redes-nota d-flex justify-content-end">

                                <a class="btn"
                                   style="background-color: <?php echo $color_cat ?>!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_cat ?>!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 if ($foto == '' || $youtube != NULL) { } else { ?>
                                <a href="<?php echo $dom; ?>/nota/<?php echo $ID ?>/<?php echo urls_amigables($titulo) ?>" style="text-align:center;">
                                    <div class="img-container<?php echo $n; ?>"></div>
                                </a>
                            <?php } ?>

                        </div>

                        <div class="news-summary">
                            <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 $month ?>, <?php echo $a ?></span>
                                </div>
                            <?php } ?>

                        </div>

                    </div>
                </div>

                <?php
                }
                mysqli_free_result($consulta3);
                ?>

            </div>

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