<?php	
	$pageTitle = 'Iniciativas de la ';
	include_once 'inc.header.php';
	
?>	

  <!-- ======= Header Section ======= -->
  <section id="hero" style="height: 300px; background-image: url('assets/img/<?php echo $bg; ?>');">  

  </section><!-- End Hero -->


  <main id="main">

    <!-- ======= News Section ======= -->
    <section id="news" class="about-lists">
      <div class="container">
	  
	    <div class="section-title">
          <h2>Iniciativas FUNAFU</h2>
        </div>

        <div class="row no-gutters">

           <?php 
          
          if(isset($_GET["Id"])){  $iniciativa["Id"]=$_GET["Id"];  }
           
           buscar_iniciativa($iniciativa);

            $media["IniciativaId"]=$_GET["Id"];

            consultar_media ( $media, $cantidad, $pagina, $can_registros,$ult_pagina,$limit,$orden);

          
          ?>

          <div class="col-lg-8 col-md-6 content-item" data-aos="fade-up">

            <?php if(isset($_GET["l"]) && $_GET["l"]=="en"){ ?>

              <p style="float:right;"><img src="http://www.naturalezaparaelfuturo.org/images/flag-AR.gif" alt="" width="25" height="15">
              <a href="iniciativa.php?l=es&Id=<?php echo $_GET["Id"]; ?>">Version Espa&ntilde;ol</a></p>			  
            <h1><?php echo $iniciativa["TituloEN"]; ?></h1>
            <p><strong><?php echo $iniciativa["Lugar"]; ?></strong></p>

             <h4><?php echo $iniciativa["CopeteEN"]; ?></h4>
      
            <p><?php echo $iniciativa["TextoEN"]; ?></p>

			<?php }else{ ?>

			<p style="float:right;"><img src="http://www.naturalezaparaelfuturo.org/images/flag-GB.gif" alt="" width="25" height="15">
              <a href="iniciativa.php?l=en&Id=<?php echo $_GET["Id"]; ?>">English Version</a></p>			  
            <h1><?php echo $iniciativa["Titulo"]; ?></h1>
            <p><strong><?php echo $iniciativa["Lugar"]; ?></strong></p>

             <h4><?php echo $iniciativa["Copete"]; ?></h4>
      
            <p><?php echo $iniciativa["Texto"]; ?></p>

			<?php } ?>
            
            <div class="section-slide" >

        <?php 
        for($i=0;$i<$can_registros;$i++){ 

          ?>
        <img class="mySlides" src="admin/images/<?php echo $media[$i]["Url"]; ?>" style="width:100%">
        <?php } ?>
        
      </div>

      <script>
        var myIndex = 0;
        carousel();

        function carousel() {
        var i;
        var x = document.getElementsByClassName("mySlides");
        for (i = 0; i < x.length; i++) {
        x[i].style.display = "none";  
        }
          myIndex++;
          if (myIndex > x.length) {myIndex = 1}    
          x[myIndex-1].style.display = "block";  
          setTimeout(carousel, 3000); // Change image every 2 seconds
        }
      </script>  

          </div>

          <div class="col-lg-4 col-md-6 content-item" data-aos="fade-up" data-aos-delay="100">
           <?php 
                unset($iniciativa);
                
                consultar_iniciativas ( $iniciativa,$cantidad,$pagina,$can_registros,$ult_pagina,$limit,$orden);
                for($i=0;$i<$can_registros;$i++){

              ?>


            <h4>
              <a href="iniciativa.php?Id=<?php echo $iniciativa[$i]["Id"]; ?>"><?php echo $iniciativa[$i]["Titulo"]; ?></a>
            </h4>
				<?php if($i<$can_registros){ ?>
				<p><?php echo $iniciativa[$i]["Lugar"]; ?></p>

               <hr>
            <?php 
                       }
                }
             ?>
          </div>

        </div>

      </div>
    </section><!-- End News Section -->
	


  </main><!-- End #main -->

<?php	
	
	include_once 'inc.rse.php';
	include_once 'inc.footer.php';
			
?>	