<?php  include 'sesion.php';?>
 <?php  include '../url_amigable.php';?>
 <?php include 'concha.php';?>
<!DOCTYPE html>
<html lang="es">
<head>
	<!-- Required meta tags -->
	<meta charset="utf-8">
	<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 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.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
	<!-- Link to your css file -->
	<link rel="stylesheet" href="">

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

    <style>

        form {
          width: 100%;
        }
        .borderB {
          border-bottom: 1px solid rgba(0,0,0,0.1);
        }
        .display-flex{
            display: flex;
            justify-content: center;
            align-items: center;
        }

        *{
            border-radius: 0!important;
            
        }

        body {
            background-image: url(../fondeux.jpg);
            background-position:top center;
            background-repeat-y: no-repeat;
            background-color:#EBEBEB;
        }

        .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 include 'menu.php';  ?>
        
        </div>

        <div role="main" style="background-color:#fff;" class="container pt-3">
    
            <div class="page-header" style="text-align:center;">
  
                <h2><? echo $idioma_100352  ?></h2>

            </div>

        <div class="col-12 p-3 mb-3">
            
            <div class="text-center p-3 border-bottom mb-3">

                <p><? echo $idioma_100354  ?></p>
                
                <a class="btn btn-outline-primary" href="menu_publicidades.php"><? echo $idioma_100355  ?></a>
                
            </div>
           
           <div class="col-12 text-center">
               
               <h3><? echo $idioma_100356  ?></h3>
           </div>
    
            <form id="form1" name="form1" method="GET" action="rotativas2.php">
    
     

                <div class="col-12 mb-3 p-3">
                                    
                    <p><? echo $idioma_100359  ?> </p>
                    
                    <p><? echo $idioma_100360  ?></p>
    
                    <p>680 X 110 (aprox)</p>
    
                    <label><? echo $idioma_100357  ?></label>
    
                    <select name="tipo" class="form-control" id="tipo">
    
                  <option selected>GIF/PNG/JPG</option>
    
                </select>
    

                </div>
                    
                <div class="col-12 mb-3 p-3">
                    
                    <h4><? echo $idioma_100362  ?></h4>
                    <p> <? echo $idioma_100364  ?></p>
    
                    <h4><? echo $idioma_100365  ?></h4>
                    <p><? echo $idioma_100366  ?></p>
                    <label><? echo $idioma_100361  ?></label>
        
                    <select name="fija" class="form-control" id="fija">
        
                      <option><? echo $idioma_100362  ?></option>
        
                      <option><? echo $idioma_100363  ?></option>
        
                    </select>
                    
                </div>
    
                <div class="col-12 mb-3 p-3">
                    <p><? echo $idioma_100371  ?></p>
                    
                    <label><? echo $idioma_100367  ?></label>
    
                    <select name="lugar" class="form-control" id="lugar">
    
                        <option><? echo $idioma_100368  ?></option>
            
                        <option><? echo $idioma_100369  ?></option>
    
                    </select>
                </div>

                <div class="col-12 text-center p-3 mb-3">
                    
                    <button type="submit" class="btn btn-primary"><? echo $idioma_100370  ?></button>
                    
                </div>
              
            </form>
    
    
        </div>
        
        <div class="col-12 text-center border-top p-3 mb-3">
            <h3><? echo $idioma_100372  ?></h3>
        </div>
        
        <div class="grid">
                
                
    
            <?
    
              
                $sql = "SELECT * FROM rotativas";
                $consulta = $conn->query($sql);
                while ($row = $consulta->fetch_assoc())
                {
                $ID_rot = $row["ID"];
                $ID_ro = $row["ID_publicidad"];
                $tipo = $row["tipo"];
                $lugar = $row["lugar"];
                $fija = $row["fija"];

  
                $sql12 = "SELECT * FROM  `publicidades_gif` WHERE ID = '$ID_ro'";
                $consulta2 = $conn->query($sql2);
                while ($row2 = $consulta2->fetch_assoc())
                {
                    $ID_p = $row12["ID"];
                    $img = $row12["img"];
                    $carpetafoto = $row12["carpetafoto"];
                    $url = $row12["url"];
            
                ?>
                <div class="grid-item col-12 col-sm-6 col-md-3 mb-3 p-2 border-bottom">
                    
                    <a target="_blank" href="<?php echo $url ?>">
                    
                        <img src="<?php echo $dom ?>/<?php echo $carpetafoto ?>/<?php echo $img ?>" class="img-fluid" />
                        
                    </a>
                    
                    <b><? echo $idioma_100373?></b>
                    <p><?php echo $tipo ?></p>
                    <b><? echo $idioma_100374?></b>
                    <p><?php echo $lugar ?></p>
                    <b><? echo $idioma_100375?></b>
                    <p><?php echo $fija ?></p>
                
                    <a class="btn btn-danger btn-block" href="borrar_rotativa.php?ID=<?php echo $ID_p ?>"><? echo $idioma_100234?></a>
                    
                </div>

                
                <?
                    
                }  $consulta2->free_result();
                
      
            } $consulta->free_result();
    
        ?>
    
            
    
            </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>

