#Montana#

<div class="container">
					<div class="row text-left pb-2 mb-4">
						<div class="sidebar col-md-4 col-lg-3 order-2 mt-4 mb-4" style="padding: 1rem 15px;">
							<div class="row pb-2 mb-2">
								<div class="col">
									<div class="overflow-hidden">
										<span class="top-sub-title text-color-primary d-block appear-animation" data-appear-animation="maskUp">EVENTOS</span>
									</div>
									<div class="overflow-hidden">
										<h2 class="font-weight-bold appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="200">Agenda</h2>
									</div>
								</div>
							</div>
							<div class="row">
								<div id="datepicker" class="col-sm-12 pb-2 mb-2">
								</div>
								<input type="hidden" id="fechaSeleccionada">
								<div id="toasts-container" class="col">
									
								</div>
							</div>
							<a href="https://reumatologia.org.ar/profesionales_sar.php"><img src="img/banners/banner_mapa_sar.jpg" style="width: 100%;"></a>
						</div>
						<div class="col-md-8 col-lg-9 order-1 mb-md-0">
							<div class="row">
								<div class="col-lg-6">
									<section class="section" style="padding: 2.5rem 0;">
										<div class="container">
											<div class="row text-left 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">
														<h3 class="font-weight-bold appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="200"><i class="lnr lnr-calendar-full text-5"></i> Eventos</h3>
													</div>
												</div>
											</div>
											<div class="row text-left">
												<div>	
													<div>
														<?php
														foreach ($arrEventosHome as $oEvento)
														{
														?>
														<article class="row align-items-left mb-3">
															<div class="col-4 pr-0">
																<a href="eventos_detalle.php?IdEvento=<?= $oEvento->IdEvento ?>">
																	<img src="<?= Evento::PathImageBig . $oEvento->Imagen ?>" class="img-fluid hover-effect-2" alt="" />
																</a>
															</div>
															<div class="col-8 mb-2">
																<span class="text-color-primary"><?= str_replace('-', '/', CambiarFecha($oEvento->Fecha)) ?><?= $oEvento->FechaHasta ? ' - ' .str_replace('-', '/', CambiarFecha($oEvento->FechaHasta)) : '' ?></span>
																<h4 class="text-2 mb-0">
																	<a href="eventos_detalle.php?IdEvento=<?= $oEvento->IdEvento ?>" class="text-3 link-color-dark font-weight-bold" ><?= $oEvento->Titulo ?></a>
																</h4>
																
															</div>
															
														</article>	
														<hr>
														<?php
														}
														?>
													</div>
													<button type="button" onclick="window.location='eventos.php?Home=1'" class="btn btn-rounded btn-primary mb-2" style="float:right;">ver todo</button>

</div>
											</div>
											<div class="row text-left">
<!--
											<a href="eventos_list.php?IdCategoria=210"><img class="mt-3" src="img/banners/banner_articulos.jpg" style="width: 100%;"></a>
											<a href="eventos_list.php?IdCategoria=207"><img class="mt-3" src="img/banners/banner_cursos.jpg" style="width: 100%;"></a>
--!>
											</div>
										</div>
									</section>	
								</div>

</div>

</div>
					</div>
				</div>
			</section>