#Montana#

<?php

require_once('inc_library.php');

$oEventos	= new Eventos();
$oNoticias	= new Noticias();
$oCursos    = new CursosMiSar();

$oPage      = new Page($Page, $PageSize);
//$oPage      = null;

$filter = array();
$filter['dateEndStart'] = date('Y-m-d');
$pathToImage = 'https://misar.reumatologia.org.ar/server/public/images/courses/';

$result    = $oCursos->GetAll($filter, $oPage);
$arrEventosHome = $result->data;

// $arrEventosHome = $oEventos->GetAllHome(12);

$arrNoticiasSAR = $oNoticias->GetAll(array('IdCategoria' => 218), new Page(0, 6));
$arrNoticias = $oNoticias->GetAll(array('NotIdCategoria' => 218, 'NotIdCategoria2' => 220), new Page(0, 6));
$arrDestacados = $oNoticias->GetAll(array('NotIdCategoria' => 218, 'Destacado' => '1', 'NotIdCategoria2' => 220), new Page(0, 1));

if ($arrDestacados)
	$oLastNoticia = $arrDestacados[0];
else
	$oLastNoticia = $arrNoticias[0];

?>
<!DOCTYPE html>
<html lang="zxx" class="shop">
	<?php include('ssi_head.php'); ?>	
	<body>
		<div class="body">
		<?php include('ssi_header.php'); ?>	
			<div role="main" class="main">
				<?php include('ssi_slider.php'); ?>

<?php
				if ($arrEventosHome)
				{
				?>
				<section class="section">
					<div class="container">
						<div class="row text-center pb-2 mb-4">
							<div class="col">
								<div class="overflow-hidden">
									<span class="top-sub-title text-color-primary d-block appear-animation" data-appear-animation="maskUp">PR&Oacute;XIMOS</span>
								</div>
								<div class="overflow-hidden">
									<h2 class="font-weight-bold appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="200">Cursos y Capacitaciones</h2>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col">	
								<div class="owl-carousel owl-theme dots-style-1 nav-style-3 appear-animation" data-plugin-options="{'startPosition': <?= count($arrEventosHome) + 1 ?>, 'responsive': {'0': {'items': 1, 'slideBy': 1}, '576': {'items': 1, 'slideBy': 1}, '768': {'items': 3, 'slideBy': 3}, '979': {'items': 2, 'slideBy': 2}, '1199': {'items': 2, 'slideBy': 2}}, 'dots': true, 'scrollPerPage': true, 'autoplay': true, 'autoplayTimeout': 9000, 'autoplayHoverPause': false, 'nav': false, 'loop': <?= count($arrEventosHome) > 4 ? 'true' : 'false' ?>, 'navtext': [], 'margin': 30, 'rtl': <?= count($arrEventosHome) > 4 ? 'true' : 'false' ?>}" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="300">
									<?php
									foreach ($arrEventosHome as $oCurso)
									{
										$image = $pathToImage . explode('.', $oCurso->image)[0];
										if (strpos($oCurso->image, 'https') !== false) {
											$image = $oCurso->image;
										}
									?>
									<div class="item">
										
										<div class="mb-4">
											<div class="image-frame image-frame-style-1 image-frame-effect-1 mb-4">
												<span class="image-frame-wrapper">
													<img src="<?= $image ?>" class="img-fluid" alt="<?= $oCurso->name ?>">
													<span class="image-frame-inner-border"></span>
													<span class="image-frame-action image-frame-action-effect-1 image-frame-action-sm">
														<a href="cursos_misar_detalle.php?Page=<?= $Page ?>&IdCurso=<?= $oCurso->id ?>">
															<span class="image-frame-action-icon">
																<i class="lnr lnr-link text-color-light"></i>
															</span>
														</a>
													</span>
												</span>
											</div><span class="top-sub-title text-color-primary"><?= $oCurso->dateEnd && $oCurso->dateEnd != $oCurso->dateStart ? str_replace('-', '/', CambiarFecha($oCurso->dateEnd)) .' - ' : '' ?><?= str_replace('-', '/', CambiarFecha($oCurso->dateStart)) ?></span>
											
											
										</div>
									</div>
									<?php
									}
									?>
								</div>
							</div>
						</div>
					</div>
				</section>	
 
				<?php
				}

if ($arrNoticias)
				{
				?>
				<section class="section  bg-light-5" style="background: #deebff !important">
					<div class="container">
						<div class="row text-center pb-2 mb-4">
							<div class="col">
								<div class="overflow-hidden">
									<h2 class="font-weight-bold appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="200">Novedades</h2>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col">	
								<div class="owl-carousel owl-theme dots-style-1 nav-style-3 appear-animation" data-plugin-options="{'responsive': {'0': {'items': 1}, '576': {'items': 1}, '768': {'items': 3}, '979': {'items': 4}, '1199': {'items': 3}}, 'dots': true, 'nav': false, 'loop': false, 'navtext': [], 'margin': 30}" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="300">
									<?php
									foreach ($arrNoticias as $oNoticia)
									{
									?>
									<div>
										
										<div class=" mb-4">
											<div class="image-frame image-frame-style-1 image-frame-effect-1 mb-4">
												<span class="image-frame-wrapper">
													<img src="<?= Noticia::PathImageBig . $oNoticia->Imagen ?>" class="img-fluid" alt="<?= $oNoticia->Titulo ?>">
													<span class="image-frame-inner-border"></span>
													<span class="image-frame-action image-frame-action-effect-1 image-frame-action-sm">
														<a href="noticias_detalle.php?IdNoticia=<?= $oNoticia->IdNoticia ?>">
															<span class="image-frame-action-icon">
																<i class="lnr lnr-link text-color-light"></i>
															</span>
														</a>
													</span>
												</span>
											</div>
											
											<a href="noticias_detalle.php?IdNoticia=<?= $oNoticia->IdNoticia ?>"><h3 class="font-weight-bold text-4 mb-0"><?= $oNoticia->Titulo ?></h3></a>
											
										</div>
									</div>
									<?php
									}
									?>
								</div>
							</div>
						</div>
					</div>
				</section>
				<?php
				}
				?>		
				<?php include('ssi_publicaciones.php'); ?>

<?php include('ssi_sponsors.php'); ?>
 			</div>
			<?php include('ssi_footer.php'); ?>
		</div>
		<?php include('ssi_script.php'); ?>
		<script type="text/javascript" src="vendor/jquery.countdown/jquery.countdown.min.js"></script>
	
		<!-- <script type="text/javascript">
		
			$(document).ready(function() {
				$.magnificPopup.open({
				  items: {
				    src: $('<div id="counter-container" style="margin: 0 auto;display: block; max-width: 500px; width: 100%; text-align: center; background-color: #ffffff; padding: 30px"><h1 style="color: #8E1F37; font-weight: 700">VIII SIMPOSIO DE OTOÑO VIRTUAL</h1><h2 style="color: #8E1F37"></h2></div>'),
				  },
				   type: 'inline',
				   callbacks: {
				   	open: function() {
					      $("#counter-container h2").countdown("2021/05/07 11:50:00 GMT", function(event) {
    						$(this).text(
      							event.strftime('Faltan %D días %H:%M:%S')
    						);
  							});
					    }
				   }

// You may add options here, they're exactly the same as for $.fn.magnificPopup call
				  // Note that some settings that rely on click event (like disableOn or midClick) will not work here
				}, 0);
				
			})
		</script> -->
		
		<!--
		<script type="text/javascript">
		
			$(document).ready(function() {
				$.magnificPopup.open({
				  items: {
				    src: $('<a style="margin: 0 auto;display: block; max-width: 500px; width: 100%" href="https://bit.ly/3Ha0OvQ" target="_blank"><img style="max-width: 500px; width: 100%" src="img/popup/jornada_susu_gagliardi.jpg" /></a>'),
				  },
				   type: 'inline'