<?php
include 'sesion.php';
include 'concha.php';
include '../concha_extra.php';
?>
<!DOCTYPE html>
<html lang="es">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="description" content="Panel de Administracion">
    <meta name="author" content="<?php echo htmlspecialchars($nombresitio, ENT_QUOTES, 'UTF-8'); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title><?php echo htmlspecialchars($nombresitio, ENT_QUOTES, 'UTF-8'); ?> - Panel de Administracion</title>

    <link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">
    <link rel="shortcut icon" href="" type="image/x-icon">
    <link rel="apple-touch-icon" href="">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" crossorigin="anonymous">
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" crossorigin="anonymous"></script>

    <style type="text/css">
        *{
            border-radius: 0 !important;
            box-sizing: border-box;
        }

        body{
            background-image: url(../fondeux.jpg);
        }

        .navbar{
            position: relative;
            min-height: 50px;
            padding-bottom: 20px;
        }

        .btn-primary{
            color: #fff !important;
            background-color: #0066FF;
            border-color: #0066FF;
        }

        .page-header{
            margin: 0;
            padding: 1em;
            background-color: #0066FF;
            border: 0;
            text-align: center;
        }

        .page-header h2{
            color: #ffffff;
            font-weight: bold;
        }

        .bloqueAzul{
            text-align: center;
        }

        .bloqueAzul .div{
            border: 1px solid #e4e4e4;
            background-color: #fff;
        }

        ul{
            list-style: none;
            padding: 0;
        }

        .far{
            color: #0066FF;
        }

        .faso{
            color: #0066FF;
        }

        .colorAzul h3{
            color: #0066FF;
        }

        .slot-card{
            border: 1px solid #dfe6ee;
            background: #fff;
            margin-bottom: 16px;
        }

        .slot-head{
            padding: 12px 15px;
            border-bottom: 1px solid #e8edf3;
            background: #f8fbff;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 10px;
        }

        .slot-head h4{
            margin: 0;
            font-size: 22px;
            color: #1f2d3d;
            font-weight: bold;
        }

        .slot-body{
            padding: 15px;
        }

        .estado-vacio{
            background: #fffaf0;
            border: 1px solid #f0dfb6;
            color: #775c13;
            padding: 10px 12px;
            margin-bottom: 12px;
        }

        .estado-ok{
            background: #f4fbf6;
            border: 1px solid #d7efde;
            color: #215c34;
            padding: 10px 12px;
            margin-bottom: 12px;
        }

        .preview-columna-box{
            border: 1px solid #d9e2ec;
            background: #fff;
            margin-bottom: 20px;
        }

        .preview-columna-head{
            background: #f8fbff;
            border-bottom: 1px solid #d9e2ec;
            padding: 14px 16px;
        }

        .preview-columna-head h4{
            margin: 0;
            font-size: 20px;
            color: #1f2d3d;
            font-weight: bold;
        }

        .preview-columna-body{
            padding: 15px;
        }

        .preview-slot{
            border: 1px solid #e4eaf1;
            background: #fafcff;
            padding: 12px 14px;
            margin-bottom: 10px;
        }

        .preview-slot:last-child{
            margin-bottom: 0;
        }

        .preview-slot-num{
            font-size: 12px;
            text-transform: uppercase;
            color: #6b7b8c;
            margin-bottom: 5px;
            font-weight: bold;
        }

        .preview-slot-name{
            font-size: 17px;
            color: #1f2d3d;
            font-weight: bold;
            line-height: 1.4;
        }

        .preview-slot-empty{
            color: #9aa7b4;
            font-style: italic;
        }

        .preview-ayuda{
            font-size: 13px;
            color: #6e7d8c;
            line-height: 1.5;
            margin-top: 12px;
        }

        .help-text{
            font-size: 13px;
            color: #6e7d8c;
            line-height: 1.5;
            margin-top: 8px;
        }

        @media (max-width: 767px){
            .slot-head{
                flex-direction: column;
                align-items: flex-start;
            }

            .acciones-superiores{
                flex-direction: column;
            }

            .acciones-superiores li{
                width: 100%;
                margin-bottom: 8px;
            }

            .acciones-superiores .btn{
                width: 100%;
            }
        }
    </style>

    <script language="javascript">
        function ventanaSecundaria(URL){
            window.open(URL, "ventana1", "width=550,height=450,scrollbars=NO");
        }
    </script>
</head>

<body>

<div class="container" style="background-color:#F1F2ED;">
    <?php include 'menu.php'; ?>
</div>

<div role="main" style="background-color:#fff;" class="container pt-3">

    <div class="page-header" style="text-align:center;">
        <h2><?php echo $idioma_100315; ?></h2>
    </div>

    <div class="row pt-3">
        <div class="col-12 text-center">
            <ul class="d-flex justify-content-center m-3 acciones-superiores">
                <li>
                    <a class="btn btn-outline-primary" href="agregar_modulo.php"><?php echo $idioma_100317; ?></a>
                </li>

                <li>
                    <a class="btn btn-outline-primary" href="configuracion_redes_sociales.php"><?php echo $idioma_100318; ?></a>
                </li>

                <li class="bloqq3">
                    <a class="btn btn-outline-primary" href="agregar_encuesta.php"><?php echo $idioma_100319; ?></a>
                </li>
            </ul>
        </div>
    </div>

    <div class="container-fluid">
        <div class="row">

            <div class="col-12 col-sm-8">
                <h3 class="mb-3"><?php echo $idioma_100320; ?></h3>

                <input id="instagram" type="hidden" value="<?php echo htmlspecialchars($social_aim, ENT_QUOTES, 'UTF-8'); ?>"/>

                <?php
                $bloquesDisponibles = array(
                    'notas'             => isset($idioma_100854) ? $idioma_100854 : 'Notas destacadas',
                    'clima'             => isset($idioma_100633) ? $idioma_100633 : 'Clima',
                    'radio'             => isset($idioma_100634) ? $idioma_100634 : 'Radio',
                    'movil'             => isset($idioma_100635) ? $idioma_100635 : 'Móviles',
                    'mensajes'          => isset($idioma_100636) ? $idioma_100636 : 'Mensajes',
                    'cotizaciones'      => isset($idioma_100637) ? $idioma_100637 : 'Cotizaciones',
                    'fecha'             => isset($idioma_100638) ? $idioma_100638 : 'Fecha',
                    'encuesta'          => isset($idioma_100639) ? $idioma_100639 : 'Encuesta',
                    'twitter'           => isset($idioma_100640) ? $idioma_100640 : 'Twitter',
                    'facebook'          => isset($idioma_100641) ? $idioma_100641 : 'Facebook',
                    'instagram'         => 'Instagram',
                    'noticias'          => isset($idioma_100642) ? $idioma_100642 : 'Noticias',
                    'fotos'             => isset($idioma_100643) ? $idioma_100643 : 'Fotos',
                    'agenda'            => isset($idioma_100644) ? $idioma_100644 : 'Agenda',
                    'modulo'            => isset($idioma_100645) ? $idioma_100645 : 'Módulo con información',
                    'publicidad_gif'    => isset($idioma_100648) ? $idioma_100648 : 'Publicidad gif/png',
                    'reloj'             => isset($idioma_100650) ? $idioma_100650 : 'Reloj',
                    'relojdigital'      => isset($idioma_100651) ? $idioma_100651 : 'Reloj digital',
                    'masleidasano'      => isset($idioma_100652) ? $idioma_100652 : 'Lo más leído del año',
                    'masleidasmes'      => isset($idioma_100653) ? $idioma_100653 : 'Lo más leído del mes',
                    'masleidasiempre'   => isset($idioma_100654) ? $idioma_100654 : 'Lo más leído histórico',
                    'diario'            => isset($idioma_100658) ? $idioma_100658 : 'Tapa de un diario',
                    'buscador_telefono' => isset($idioma_100659) ? $idioma_100659 : 'Buscador telefónico',
                    'horoscopo'         => isset($idioma_100660) ? $idioma_100660 : 'Horóscopo',
                    'chat_noticias'     => isset($idioma_100661) ? $idioma_100661 : 'Chat noticias',
                    'html_directo'      => 'HTML directo',
                    'partido_envivo'    => 'Partido en vivo'
                );

                $sql6 = "SELECT * FROM columna ORDER BY CAST(lugar AS UNSIGNED), lugar ASC";
                $consulta6 = $conn->query($sql6);

                if (!$consulta6) {
                    die("Error query: " . $conn->error);
                }

                while ($row6 = $consulta6->fetch_assoc()) {
                    $lugar = $row6["lugar"];
                    $bloque = $row6["bloque"];
                    $ID_publicidad = $row6["ID"];

                    $nombreBloque = 'Sin asignar';

                    if ($bloque !== NULL && $bloque !== '') {
                        if (isset($bloquesDisponibles[$bloque])) {
                            $nombreBloque = $bloquesDisponibles[$bloque];
                        } elseif (strpos($bloque, '[html_directo]') === 0) {
                            $nombreBloque = 'HTML directo';
                        } else {
                            $nombreBloque = $bloque;
                        }
                    }
                    ?>
                    <div class="slot-card">
                        <div class="slot-head">
                            <div>
                                <h4>Lugar <?php echo htmlspecialchars($lugar, ENT_QUOTES, 'UTF-8'); ?></h4>
                                <div class="text-muted" style="font-size:13px;">
                                    ID interno: <?php echo htmlspecialchars($ID_publicidad, ENT_QUOTES, 'UTF-8'); ?>
                                </div>
                            </div>

                            <?php if ($bloque !== NULL && $bloque !== '') { ?>
                                <a class="btn btn-link p-0" href="quitar_modulo.php?lugar=<?php echo urlencode($lugar); ?>">
                                    <?php echo $idioma_100605; ?>
                                </a>
                            <?php } ?>
                        </div>

                        <div class="slot-body">
                            <?php if ($bloque !== NULL && $bloque !== '') { ?>
                                <div class="estado-ok">
                                    Este lugar actualmente muestra:
                                    <strong><?php echo htmlspecialchars($nombreBloque, ENT_QUOTES, 'UTF-8'); ?></strong>
                                </div>

                                <form method="post" action="form_columna.php">
                                    <input name="lugar" type="hidden" value="<?php echo htmlspecialchars($lugar, ENT_QUOTES, 'UTF-8'); ?>" />

                                    <div class="form-group row mb-0">
                                        <div class="col-12 col-md-9 mb-2 mb-md-0">
                                            <select name="que" class="form-control">
                                                <option value="">Seleccioná un módulo</option>
                                                <?php foreach ($bloquesDisponibles as $valor => $texto) { ?>
                                                    <option value="<?php echo htmlspecialchars($valor, ENT_QUOTES, 'UTF-8'); ?>" <?php echo ($bloque === $valor ? 'selected' : ''); ?>>
                                                        <?php echo htmlspecialchars($texto, ENT_QUOTES, 'UTF-8'); ?>
                                                    </option>
                                                <?php } ?>
                                            </select>

                                            <div class="help-text">
                                                Podés reemplazar el bloque actual por otro sin quitarlo antes.
                                            </div>
                                        </div>

                                        <div class="col-12 col-md-3">
                                            <button class="btn btn-outline-primary btn-block" type="submit" name="button" id="button">
                                                Actualizar
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            <?php } else { ?>
                                <div class="estado-vacio">
                                    Este lugar está vacío. Elegí qué bloque querés mostrar en esta posición.
                                </div>

                                <form method="post" action="form_columna.php">
                                    <input name="lugar" type="hidden" value="<?php echo htmlspecialchars($lugar, ENT_QUOTES, 'UTF-8'); ?>" />

                                    <div class="form-group row mb-0">
                                        <div class="col-12 col-md-9 mb-2 mb-md-0">
                                            <select name="que" class="form-control">
                                                <option value="">Seleccioná un módulo</option>
                                                <?php foreach ($bloquesDisponibles as $valor => $texto) { ?>
                                                    <option value="<?php echo htmlspecialchars($valor, ENT_QUOTES, 'UTF-8'); ?>">
                                                        <?php echo htmlspecialchars($texto, ENT_QUOTES, 'UTF-8'); ?>
                                                    </option>
                                                <?php } ?>
                                            </select>

                                            <div class="help-text">
                                                Elegí un bloque y presioná el botón para asignarlo a este lugar.
                                            </div>
                                        </div>

                                        <div class="col-12 col-md-3">
                                            <button class="btn btn-primary btn-block" type="submit" name="button" id="button">
                                                <?php echo $idioma_100575; ?>
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            <?php } ?>
                        </div>
                    </div>
                <?php
                }

                $consulta6->free_result();
                ?>
            </div>

            <div class="col-12 col-sm-4">

                <div class="preview-columna-box">
                    <div class="preview-columna-head">
                        <h4>Así está conformada la columna</h4>
                    </div>

                    <div class="preview-columna-body">
                        <?php
                        $sqlPreview = "SELECT * FROM columna ORDER BY CAST(lugar AS UNSIGNED), lugar ASC";
                        $consultaPreview = $conn->query($sqlPreview);

                        if ($consultaPreview && $consultaPreview->num_rows > 0) {

                            while ($rowPreview = $consultaPreview->fetch_assoc()) {
                                $lugarPreview = $rowPreview["lugar"];
                                $bloquePreview = $rowPreview["bloque"];

                                $nombrePreview = 'Sin asignar';

                                if ($bloquePreview == 'reloj') { $nombrePreview = $idioma_100321; }
                                elseif ($bloquePreview == 'chat_noticias') { $nombrePreview = $idioma_100322; }
                                elseif ($bloquePreview == 'buscador_telefono') { $nombrePreview = $idioma_100323; }
                                elseif ($bloquePreview == 'relojdigital') { $nombrePreview = $idioma_100324; }
                                elseif ($bloquePreview == 'clima') { $nombrePreview = $idioma_100325; }
                                elseif ($bloquePreview == 'fecha') { $nombrePreview = $idioma_100326; }
                                elseif ($bloquePreview == 'publicidad_gif') { $nombrePreview = $idioma_100327; }
                                elseif ($bloquePreview == 'movil') { $nombrePreview = $idioma_100328; }
                                elseif ($bloquePreview == 'radio') { $nombrePreview = $idioma_100329; }
                                elseif ($bloquePreview == 'mensajes') { $nombrePreview = $idioma_100330; }
                                elseif ($bloquePreview == 'twitter') { $nombrePreview = $idioma_100331; }
                                elseif ($bloquePreview == 'facebook') { $nombrePreview = $idioma_100332; }
                                elseif ($bloquePreview == 'instagram') { $nombrePreview = 'Instagram'; }
                                elseif ($bloquePreview == 'cotizaciones') { $nombrePreview = $idioma_100333; }
                                elseif ($bloquePreview == 'noticias') { $nombrePreview = $idioma_100335; }
                                elseif ($bloquePreview == 'fotos') { $nombrePreview = $idioma_100336; }
                                elseif ($bloquePreview == 'agenda') { $nombrePreview = $idioma_100337; }
                                elseif ($bloquePreview == 'publicidad_jpg') { $nombrePreview = $idioma_100338; }
                                elseif ($bloquePreview == 'publicidad_flash') { $nombrePreview = $idioma_100339; }
                                elseif ($bloquePreview == 'encuesta') { $nombrePreview = $idioma_100340; }
                                elseif ($bloquePreview == 'modulo') { $nombrePreview = $idioma_100341; }
                                elseif ($bloquePreview == 'masleidasano') { $nombrePreview = $idioma_100342; }
                                elseif ($bloquePreview == 'masleidasmes') { $nombrePreview = $idioma_100653; }
                                elseif ($bloquePreview == 'masleidasiempre') { $nombrePreview = $idioma_100654; }
                                elseif ($bloquePreview == 'adsense248x496') { $nombrePreview = $idioma_100343; }
                                elseif ($bloquePreview == 'adsense248x248') { $nombrePreview = $idioma_100344; }
                                elseif ($bloquePreview == 'adsense248x124') { $nombrePreview = $idioma_100345; }
                                elseif ($bloquePreview == 'diario') { $nombrePreview = $idioma_100346; }
                                elseif ($bloquePreview == 'publicidad_slide') { $nombrePreview = $idioma_100347; }
                                elseif ($bloquePreview == 'horoscopo') { $nombrePreview = $idioma_100349; }
                                elseif ($bloquePreview == 'loteria') { $nombrePreview = $idioma_100350; }
                                elseif ($bloquePreview == 'tabla_futbol') { $nombrePreview = $idioma_100351; }
                                elseif ($bloquePreview == 'notas') { $nombrePreview = $idioma_100855; }
                                elseif ($bloquePreview == 'partido_envivo') { $nombrePreview = 'Partido en vivo'; }
                                elseif ($bloquePreview == 'html_directo') { $nombrePreview = 'HTML directo'; }
                                elseif (strpos($bloquePreview, '[html_directo]') === 0) { $nombrePreview = 'HTML directo'; }

                                echo '<div class="preview-slot">';
                                echo '<div class="preview-slot-num">Lugar ' . htmlspecialchars($lugarPreview, ENT_QUOTES, 'UTF-8') . '</div>';

                                if ($bloquePreview == NULL || $bloquePreview == '') {
                                    echo '<div class="preview-slot-name preview-slot-empty">Vacío</div>';
                                } else {
                                    echo '<div class="preview-slot-name">' . htmlspecialchars($nombrePreview, ENT_QUOTES, 'UTF-8') . '</div>';
                                }

                                echo '</div>';
                            }

                            $consultaPreview->free_result();
                        } else {
                            echo '<div class="preview-slot"><div class="preview-slot-name preview-slot-empty">No hay bloques cargados todavía</div></div>';
                        }
                        ?>

                        <div class="preview-ayuda">
                            Acá ves rápidamente qué bloque está ocupando cada lugar de la columna derecha.
                        </div>
                    </div>
                </div>

                <?php include '../propagandas_div.php'; ?>
            </div>

        </div>
    </div>

</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" crossorigin="anonymous"></script>
<script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.js"></script>
<script type="text/javascript">
window.setInterval(function(){
    $('.grid').isotope({
        itemSelector: '.grid-item'
    });
}, 500);
</script>
<script defer src="https://use.fontawesome.com/releases/v5.8.1/js/all.js" crossorigin="anonymous"></script>

</body>
</html>