<?php
include 'sesion.php';
include '../url_amigable.php';
include 'concha.php';
include 'concha_extras.php';

 ?>

<!DOCTYPE html>
<html lang="es">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<!-- Required meta tags -->

	<meta name="description" content="Panel de Administracion">
	<meta name="author" content="<?php echo $nombresitio ?>">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title><?php echo $nombresitio ?> - Panel de Administracion</title>
  <!--link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'-->
  <link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900&display=swap" rel="stylesheet">
  <link rel="shortcut icon" href="" type="image/x-icon">
	<link rel="apple-touch-icon" href="">

	<!-- Bootstrap CSS -->
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

  <!-- Link to your css file -->
	<link rel="stylesheet" href="">
  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>

  <!--script type="text/javascript" src="//recursos.radiosnethosting.com/ckeditor/ckeditor.js"></script-->

    <style>

        .carousel-cell {
          width: 66%;
          margin-right: 5px;
        }

        .display-flex{
            display: flex;
            justify-content: center;
            align-items: center;
        }

        *{
            border-radius: 0!important;

        }

        body {
            background: #e4e4e4;
        }

        .btn, a, h1, h2, h3, h4, h5, h6, b{
          font-family: 'Montserrat', sans-serif;
        }

        .btn, h1, h2, h3, h4, h5, h6 {
          font-weight: 600;
        }

        .navbar {
            position: relative;
        min-height: 50px;
        padding-bottom:  20px;
        /* border: 1px solid transparent; */

        }

      .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{
          /*  background-color: #0066FF;*/
          /* border: 1px solid #e4e4e4;*/
          /*  padding: 1em;*/
            text-align: center;
        }

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

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

        .far{
            color:#0066FF;
        }
        .faso {
            color:#fff;
        }

        .colorAzul h3{
            color:#0066FF;

        }

    </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

        if($estiloweb == 9 || $estiloweb == 85 || $estiloweb == 86){
            include 'menu_estilo9.php';

        } else {
            include 'menu.php';

        }

      ?>

    </div>

    <div  style="background-color:#fff;<?if($estiloweb == 9 || $estiloweb == 85 || $estiloweb == 86){echo'margin-top:120px;';}?>" class="container pt-3">

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


        </div>

        <hr>

        <div class="row">

          <div class="col-12 p-3">
            <p>UNA FOTO NOTICIA ES UNA IMAGEN GRANDE QUE APARECE EN EL HOME, JUNTO CON UN BREVE TEXTO, ESTA IMAGEN VINCULA A UNA NOTICIA DEL SITIO. SI SE CARGA MAS DE UNA FOTONOTICIA, LAS MISMAS IRAN PASANDO ESTILO "SLIDER".</p>
            <ul class="mb-0" style="display:flex;justify-content:space-around;">



              <li><a class="btn btn-primary" href="../cargar_fotonoticia.php"><h6>AÑADIR UNA FOTO NOTICIA</h6></a></li>
              <?php
                if($estiloweb == 9 || $estiloweb == 85 || $estiloweb == 86){} else {?>

                    <li>
                        <a class="btn btn-primary" href="../uploadvideos.php?ID=0">
                          <h6>CARGAR VIDEO</h6>
                        </a>
                    </li>

                <? }
              ?>
            </ul>
          </div>

        </div>

        <hr>

          <div class="row">

          <div class="col-12 p-3">

                  <?

                      
                      $sql = "SELECT * FROM `videos` WHERE ID_nota = '0' LIMIT 1";
                     $consulta = $conn->query($sql);
                    while ($row = $consulta->fetch_assoc())
                      {
                      $ID = $row["ID"];
                      $video = $row["video"];
                      $ID_nota = $row["ID_nota"];

                  ?>

                    <div class="col-8 p-1">

                          <div class="embed-responsive embed-responsive-16by9">

                              <video width="400" controls>
                                <source src="<? echo $video ;?>" type="video/mp4">
                                <source src="<? echo $video ;?>" type="video/ogg">
                                Your browser does not support HTML5 video.
                              </video>

                          </div>

                    </div>

                    <div class="col-4 p-1">

                            <h3><?php echo $titulo ?></h3>

                            <p><?php echo $texto ?></p>

                            <ul style="display:flex;justify-content:space-around;">
                              <li><a class="btn btn-primary" href="editar_fotonoticias.php?ID=<?php echo $ID ?>"><i class="fas fa-edit"></i> <? echo $idioma_100066 ;?></a></li>
                              <li><a class="btn" href="borrar_fotonoticias.php?ID=<?php echo $ID ?>"><i class="fas fa-trash-alt"></i> <? echo $idioma_100234 ;?></a></li>
                            </ul>

                            <hr />
                    </div>

                  <?

                  }

                  $consulta->free_result();

              ?>

          </div>

        </div>

        <hr>

        <div class="row mb-3">

          <div class="col-12  p-3">

            <div class="grid">

              <?

                      
                      $sql = "SELECT * FROM notas_tapa WHERE cu3er = '0'";
                      $consulta = $conn->query($sql);
                      while ($row = $consulta->fetch_assoc())
                      {
                      $ID = $row["ID"];
                      $foto = $row["foto"];
                      $titulo = $row["titulo"];
                      $texto = $row["texto"];
                      $nota = $row["nota"];

                  ?>



                    <div class="grid-item col-12 col-sm-6 col-md-4 p-1">

                          <div>

                            <img src="../upload_pic/thumbnail_<?php echo $foto ?>.jpg" class="img-fluid"/>

                          </div>

                          <div class="p-1">

                            <h3><?php echo $titulo ?></h3>

                            <p><?php echo $texto ?></p>

                            <ul style="display:flex;justify-content:space-around;">
                              <li><a class="btn btn-primary" href="editar_fotonoticias.php?ID=<?php echo $ID ?>"><i class="fas fa-edit"></i> <? echo $idioma_100066 ;?></a></li>
                              <li><a class="btn" href="borrar_fotonoticias.php?ID=<?php echo $ID ?>"><i class="fas fa-trash-alt"></i> <? echo $idioma_100234 ;?></a></li>
                            </ul>

                            <hr />
                          </div>

                    </div>

                  <?

                  }

                  $consulta->free_result();

              ?>

            </div>

          </div>

        </div>




    </div>

  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
             <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
             <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
             <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" 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" integrity="sha384-g5uSoOSBd7KkhAMlnQILrecXvzst9TdC09/VM+pjDTCM+1il8RHz5fKANTFFb+gQ" crossorigin="anonymous"></script>
           </body>
           </html>
