<?php
$this->pageTitle = Yii::app()->params['appTitle'];
$this->addMetaProperty('og:title', Yii::app()->params['appTitle']);
$this->addMetaProperty('og:type', 'website');
$this->addMetaProperty('og:url', $this->createUrl('index'));
$this->addMetaProperty('og:image', Yii::app()->request->getBaseUrl(true).'/images/cide_logo.png');
$this->addMetaProperty('og:site_name', Yii::app()->name);

?>

<!--=== Content Part ===-->
	
  <div class="row magazine-page">

	<div class="col-lg-12">

	  <!--=== Slider ===-->
		<!-- Hay que ver si se reemplaza la imagen, ahora no hay alguna con las dimensiones para un cover -->
	  <!-- <div class="tp-banner-container" style="overflow: hidden; background-image: url(<?php echo Yii::app()->request->baseUrl.'/images/logoPPD_BG.jpg' ?>);  background-size:100% auto; border: 0px solid black; background-repeat: no-repeat"> -->
		<div class="tp-banner" style="overflow: hidden; visibility: hidden; width: 1170px;" id="newslider">
		  <ul>
			<?php 
			  if(isset($noticias) && !empty($noticias)){
				foreach ($noticias as $item){
			?>
			  <!-- SLIDE -->
			  <li class="revolution-mch-1" data-transition="fade" data-slotamount="5" data-masterspeed="1500" data-title="<?php echo $item->titulo ?>">
				  <!-- MAIN IMAGE -->
				<?php 
				  if(!empty($item->imagen)){
					echo '<img src="'.Yii::app()->request->baseUrl.'/images/noticias/'.$item->imagen.'"  alt="darkblurbg"  data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">';
				  }else{
					echo '<img src="'.Yii::app()->request->baseUrl.'/images/logoPPD.jpg"  alt="darkblurbg"  data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">';
				  }
				?>

				<div class="tp-caption revolution-ch1 sft start"
					data-x="center"
					data-hoffset="0"
					data-y="100"
					data-speed="1500"
					data-start="500"
					data-easing="Back.easeInOut"
					data-endeasing="Power1.easeIn"						
					data-endspeed="300">
					<?php echo $item->titulo ?>
				</div>

				<!-- LAYER -->
				<div class="tp-caption revolution-ch2 sft"
					data-x="center"
					data-hoffset="0"
					data-y="190"
					data-speed="1400"
					data-start="2000"
					data-easing="Power4.easeOut"
					data-endspeed="300"
					data-endeasing="Power1.easeIn"
					data-captionhidden="off"
					style="z-index: 6">
					<center><?php echo Yii::app()->funciones->saltosString($item->descripcion,60) ?></center>
					<small><i class="fa fa-calendar"></i> <?php echo Yii::app()->funciones->invFecha($item->fecha) ?></small>			  
				</div>

				<?php 
				  if(!empty($item->link)){
				?>
					<!-- LAYER -->
					<div class="tp-caption sft"
						data-x="center"
						data-hoffset="0"
						data-y="330"
						data-speed="1600"
						data-start="2800"
						data-easing="Power4.easeOut"
						data-endspeed="300"
						data-endeasing="Power1.easeIn"
						data-captionhidden="off"
						style="z-index: 6">
						<?php 
						  //filtro los enlaces normales
						  $enlace= preg_replace("/((http|https|www)[^\s]+)/", '<a href="$1" target="_blank" class="btn-u btn-brd btn-brd-hover btn-u-light">Ver m&aacute;s</a>', $item->link);
						  //miro si hay enlaces con solamente www, si es as� le a�ado el http://<a href="$1">$0</a>
						  $enlace= preg_replace("/href=\"www/", 'href="http://www', $enlace);
						  echo $enlace;
						?>
						
					</div>
				<?php
				  }
				?>
			  </li>
			  <!-- END SLIDE --> 
			<?php
				}
			  }else{
			?>
				<!-- SLIDE -->
				<li class="revolution-mch-1" data-transition="fade" data-slotamount="5" data-masterspeed="1000" data-title="Diplomado en Pol�tica de Drogas, Salud y Derechos Humanos 2016">
					<!-- MAIN IMAGE -->
					<img src="<?php echo Yii::app()->request->baseUrl?>/images/slider/01.jpg"  alt="darkblurbg"  data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">

					<div class="tp-caption revolution-ch1 sft start"
						data-x="center"
						data-hoffset="0"
						data-y="100"
						data-speed="1500"
						data-start="500"
						data-easing="Back.easeInOut"
						data-endeasing="Power1.easeIn"						
						data-endspeed="300">
						Diplomado en Pol�tica de Drogas, <br> Salud y Derechos Humanos 2016
					</div>
				</li>
				<!-- END SLIDE -->

				<!-- SLIDE -->
				<li class="revolution-mch-1" data-transition="fade" data-slotamount="5" data-masterspeed="1000" data-title="Curso de Actualizaci�n en Pol�tica de Drogas, Derechos Humanos y Salud 2015">
					<!-- MAIN IMAGE -->
					<img src="<?php echo Yii::app()->request->baseUrl?>/images/slider/02.jpg"  alt="darkblurbg"  data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">

					<div class="tp-caption revolution-ch1 sft start"
						data-x="center"
						data-hoffset="0"
						data-y="100"
						data-speed="1500"
						data-start="500"
						data-easing="Back.easeInOut"
						data-endeasing="Power1.easeIn"						
						data-endspeed="300">
						<center>Curso de Actualizaci�n en Pol�tica de Drogas, <br> Derechos Humanos y Salud 2015</center>
					</div>

				</li>
				<!-- END SLIDE -->

				<!-- SLIDE -->
				<li class="revolution-mch-1" data-transition="fade" data-slotamount="5" data-masterspeed="1000" data-title="Slide 3">
					<!-- MAIN IMAGE -->
					<img src="<?php echo Yii::app()->request->baseUrl?>/images/slider/03.jpg"  alt="darkblurbg"  data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">

				</li>
				<!-- END SLIDE -->
			<?php
			  }
			?>
		  </ul>
		  <div class="tp-bannertimer tp-bottom"></div>			
		</div>
	  </div>
	  <!--=== End Slider ===-->

	  <br>
	  <div class="row">
		<div class="col-md-9">

		<?php 

		  foreach ($secciones as $item){
			echo '<div class="headline"><h2>'.$item->seccion.'</h2></div>';
			echo $item->contenido;
		  }

		?>

		<!--EVENTOS-->
		<div class="row">
			<div class="col-md-4">
				<div class="headline"><h2>Eventos Y Difusión</h2></div>
				<div id="contenido_documentos">
					<?php
						$model = Eventos::model()->findAll(array('condition'=>'activo = 1', 'order' => 'fecha ASC'));
						if(!empty($model)){
					?>	
						<!-- <div class="row grid" style=" width: 120vh; margin-top: 10px">
							<div class="col-lg-12 gridMedia"> -->
							<div class="row" style=" width: 120vh; margin-top: 10px">
								<div class="col-lg-12 eventGrid">
					<?php	
							foreach ($model as $item) {
					?>		   
								<div class="eventElement">
									<a href="<?php echo $this->createUrl('evento',array('id'=>$item->id_evento)); ?>">
										<img src="<?php echo Yii::app()->request->baseUrl?>/images/eventos/<?php echo $item->imagen?>">
									</a>
									<div class="eventTitle">
										<h3><a href="<?php echo $this->createUrl('evento',array('id'=>$item->id_evento)); ?>"><?php echo $item->nombre?></a></h3>
										<i class="fa fa-calendar-o" style="margin-right:8px;"></i><?php echo $item->fecha?>
									</div>
									<div class="eventText">
										<p><?php echo Yii::app()->funciones->cortarString($item->descripcion,300) ?></p>
										<p><a href="<?php echo $this->createUrl('evento',array('id'=>$item->id_evento)); ?>">Continuar leyendo</a></p>
									</div>
								</div>
								<!-- <div class=" mediaElement inner-results">
									<div class="row">
										<div class="col-md-12">
											<center>
												<p><a href="<?php echo $this->createUrl('evento',array('id'=>$item->id_evento)); ?>">
												<img src="<?php echo Yii::app()->request->baseUrl?>/images/eventos/<?php echo $item->imagen?>" class="img-responsive" max-width="110px">
												</a>
											</center>
										</div>
										<div class="row">
											<div class="col-md-8 col-md-offset-2 mediaElementTitle">
												</br>
												<h3><a href="<?php echo $this->createUrl('evento',array('id'=>$item->id_evento)); ?>"><?php echo $item->nombre?></a></h3>
												<ul class="list-inline up-ul">
													<li><i class="fa fa-calendar-o" style="margin-right:8px;"></i><?php echo $item->fecha?></li>
												</ul>
												</br>				
											</div>
											<div class="col-md-8 col-md-offset-2 mediaElementText">
												<p><?php echo Yii::app()->funciones->cortarString($item->descripcion,300) ?></p>
												<p><a href="<?php echo $this->createUrl('evento',array('id'=>$item->id_evento)); ?>">Continuar leyendo</a></p>
											</div>
										</div>
									</div>
								</div> -->
					<?php
							}
					?>
							</div>	
						</div>
					<?php
						}else{
					?>
						<div class="row" style=" width: 100vh; margin-top: 10px">
					<?php
							echo "</br><center><h1>NO HAY EVENTOS DISPONIBLES</h1></center></br>";
						}
					?>
						</div>
				</div>
			</div>
		</div>

		<div class="row">
			<div class="col-md-4">
				<div class="headline"><h2>Contáctanos</h2></div>
			</div>
		</div>
			<!------------------------------------------>
				<link rel="stylesheet" type="text/css" href="/resiliencia/css/util.css">
				<link rel="stylesheet" type="text/css" href="/resiliencia/css/main.css">
				<span id="contact2">
					<!--<span class="contact100-form-title">Env&iacute;anos un correo</span>-->
					<form class="contact100-form validate-form flex-sb flex-w">
						<div class="wrap-input100 rs1 validate-input" data-validate = "El Nombre Completo es Requerido">
							<input class="input100" type="text" name="name" id="name" placeholder="Nombre Completo">
							<span class="focus-input100"></span>
						</div>
						<div class="wrap-input100 rs1 validate-input" data-validate = "El Correo es Requerido: e@a.z">
							<input class="input100" type="text" name="email" id="email" placeholder="Correo">
							<span class="focus-input100"></span>
						</div>
						<div class="wrap-input100 rs1 validate-input" data-validate = "El Asunto es Requerido">
							<input class="input100" type="text" name="asu" id="asu" placeholder="Asunto">
							<span class="focus-input100"></span>
						</div>
						<div class="wrap-input100 validate-input" data-validate = "El Mensaje es Requerido">
							<textarea class="input100" name="message" id="message" placeholder="Mensaje"></textarea>
							<span class="focus-input100"></span>
						</div>
					</form>
					<div class="container-contact100-form-btn">
						<button class="contact100-form-btn" OnClick="datosf(event)">Enviar Mensaje</button>
						<button  class="btn btn-default" type="reset" value="Limpiar" />Limpiar</button>
					</div>
				</span>
				<script>
					function validate (input){if($(input).attr('type') == 'email' || $(input).attr('name') == 'email'){if($(input).val().trim().match(/^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{1,5}|[0-9]{1,3})(\]?)$/) == null){return false;}}else{if($(input).val().trim() == ''){return false;}}}
					function showValidate(input){var thisAlert = $(input).parent();$(thisAlert).addClass('alert-validate');}
					function hideValidate(input){var thisAlert = $(input).parent();$(thisAlert).removeClass('alert-validate');}
					function bba(str){ return btoa(btoa(btoa(btoa(str)))); }
					function bab(str){ return atob(atob(atob(atob(str)))); }
					function datosf(event){
						//event.preventDefault();
						var dato01 = bba(document.getElementById("name").value);
						var dato03 = bba(document.getElementById("asu").value);
						var dato02 = bba(document.getElementById("email").value);
						var dato04 = bba(document.getElementById("message").value);
						var dato05 = bab("VjIwd05XVlhTbFJOV0VKcFdub3dPUT09");
						var dato06 = bab(atob("VjFkMGFrNVhTblJTYkdoUFVrUkJPUT09"));
						if((dato01 != "") && (dato02 != "") && (dato03 != "") && (dato04 != "")){
							document.getElementById("contact2").innerHTML = '<span class="contact100-form-title">Enviando Mensaje...</span>';
							var parametros = {"d1" : dato01,"d2" : dato02,"d3" : dato03,"d4" : dato04,"d5" : dato05,"status" : dato06};
							$.ajax({
								data:  parametros,url:   '/resiliencia/contacto.php?sefargzxfbegzvfgxregtgzrfstbxtghbxbgtg=adwdawd.edfa.we3d.wa34r.f5eg.se4r.aw4.f.ghe.4f.d...-egser',type:  'post',
								beforeSend: function (){ },
								success:  function (response){
									document.getElementById("contact2").innerHTML = '<span class="contact100-form-title">Mensaje Enviado</span>';
									//alert(response);
								}
							});
						}else{"use strict";var input = $('.validate-input .input100');for(var i=0; i<input.length; i++){if(validate(input[i]) == false){ showValidate(input[i]);}else hideValidate(input[i]);}$(this).focus(function(){hideValidate(this);});}
					}
				</script>
				<script src="/resiliencia/js/jquery-3.2.1.min.js"></script>
				<!--<script src="/resiliencia/js/main.js"></script>-->
			<!------------------------------------------>
		</div>

		<!--<div class="col-md-3">
		  <div>
			<a class="twitter-timeline"  href="https://twitter.com/cideppd" data-widget-id="727724985721180164">Tweets por el @cideppd.</a>
			<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
			 
		  </div>

		  <div>
			<div class="fb-page" data-href="https://www.facebook.com/PPDCIDE/" data-tabs="timeline" data-height="400" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/PPDCIDE/"><a href="https://www.facebook.com/PPDCIDE/">Programa de Pol�tica de Drogas - CIDE</a></blockquote></div></div>
		  </div>
		</div>-->

	  </div>
	  


	</div>

  </div>
  
  <script>
	  window.onload = function(e){document.getElementById("newslider").style.visibility = "visible";};
  </script>
	
	<!-- End Content Part -->