#Montana#

<?php

require_once('inc_library.php');

$oEducaciones = new Educaciones();

$arrEducaciones  = $oEducaciones->GetAll(array('Disponible' => 1));

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

<?php include('ssi_header.php'); ?>

<div role="main" class="main">
				<section class="page-header parallax overlay overlay-color-dark overlay-show overlay-op-8 appear-animation" data-appear-animation="fadeIn" data-plugin-parallax data-plugin-options="{'speed': 1.5, 'parallaxHeight': '120%', 'offset': 60}" data-image-src="img/backgrounds/video_en_vivo.jpg">
					<div class="container py-5 my-4">
						<div class="row">
							<div class="col-md-12">
								<ul class="breadcrumb">
									<li><a href="home.php">Home</a></li>
									<li class="active">Para profesionales</li>
									<li class="active">Educaci&oacute;n a distancia</li>								
								</ul>
							</div>
						</div>
						<div class="row">
							<div class="col-md-12">
								<h1 class="font-weight-bold text-color-light">Educaci&oacute;n a distancia</h1>
								<h4 class="text-color-light">Programa de educaci&oacute;n m&eacute;dica continua - Videoconferencias en vivo</h4>
							</div>
						</div>
					</div>
				</section>			
				<section class="section" style="padding-top: 1rem !important;">
					<div class="container">
						<div class="row justify-content-center">

<?php

$blue = true;
							$cantidad = 1;
							foreach ($arrEducaciones as $oEducacion) {
							?>
							<div class="col-sm-6 order-4 order-md-3 p-sm-0">
								<div class="card <?= $blue? 'bg-primary' : 'bg-light-5' ?> border-0 justify-content-center h-100">
									<div class="card-body card-body-flex-0 p-5">
										<h2 class="<?= $blue? 'text-color-light' : 'text-color-dark' ?> font-weight-semibold line-height-3 text-4 mb-1"><?= $oEducacion->Titulo ?></h2>
										<p class="<?= $blue? 'text-color-light opacity-9' : '' ?>"><b>Encuentro con:</b> <?= $oEducacion->Encuentro ?><br/>
										<b class="<?= $blue? 'text-color-light opacity-9' : '' ?>">Fecha y hora:</b> <?= FechaLetras($oEducacion->Fecha) ?>, <?= $oEducacion->Hora ?></p>
										<p class="<?= $blue? 'text-color-light opacity-9' : '' ?>"><b>Organiza:</b>&nbsp;&nbsp;&nbsp;&nbsp;<?= str_replace('</p>', '', str_replace('<p>', '', $oEducacion->Organizador)) ?></p>
										<?php
										if ($oEducacion->Video)
										{
										?>
										<div class="col-md-4 text-center mb-5 mb-md-0" style="padding-left: 0px;">
											<a class="popup-youtube btn <?= $blue? 'btn-light' : 'btn-primary' ?> btn-4 btn-outline btn-rounded btn-lg" href="<?= $oEducacion->Video ?>">Ver video</a>
										</div>
										<?php
										}
										?>
									</div>
								</div>
							</div>	
							<?php
								$cantidad++;
								if ($cantidad % 2 == 0)
									$blue = !$blue;
							}
							?>

</div>
					</div>
				</section>	
				<?php include('ssi_sponsors.php'); ?>															
			</div>
			<?php include('ssi_footer.php'); ?>	
		</div>
		<?php include('ssi_script.php'); ?>	
	</body>
</html>