#Montana#

<?php
require_once('inc_library.php');

$Nombre			= strval(GetRequestParam('Nombre'));
$Apellido	    = strval(GetRequestParam('Apellido'));
$IdProvincia	= intval(GetRequestParam('IdProvincia'));
$Submit			= GetRequestParam('Submitted') != null;
$Page 			= intval($_REQUEST['Page']);
$PageSize 		= 20;

$oProvincias			= new Provincias();
$oSocios				= new Socios();

$arrSocios = null;

$TituloBusqueda = 'Directorio de Socios';
$Paginado = '';

if ($Submit)
{
    $filter = array('IdProvincia' => $IdProvincia, 'Nombre' => $Nombre, 'Apellido' => $Apellido);
    $oPage 		= new Page($Page, $PageSize);

$arrSocios	= $oSocios->GetAll($filter, $oPage);
    $Paginado	= Pageable::PrintPaginatorFront($oPage, $oSocios->GetCountRows($filter), true);
}

$arrProvincias	= $oProvincias->GetAllBusqueda(array('Socio' => 1));
?>
<!DOCTYPE html>
<html lang="zxx">
	<?php include('ssi_head.php'); ?>

<?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/mapa_de_profesionales_sar.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">Directorio de Socios</li>								
								</ul>
							</div>
						</div>
						<div class="row">
							<div class="col-md-12">
								<h1 class="font-weight-bold text-color-light">Directorio de Socios</h1>
							</div>
						</div>
					</div>
				</section>
				<div class="container mb-5 pt-3">
					<div class="row">
							<div class="col">
								
									<div class="row mb-5">
										<div class="col-md-12">
											<form id="shopCheckout" action="#" method="post">
												<input type="hidden" id="Submitted" name="Submitted" value="1" />
												<input type="hidden" id="ActionBusqueda" name="ActionBusqueda" value="Busqueda2" />
												<h4 class="font-weight-bold mb-3">BUSCAR SOCIOS:</h4>
												<div class="form-row">
													<div class="form-group col-md-6 col-sm-12">
														<label class="text-color-dark font-weight-semibold" for="Nombre">Nombre:</label>
														<input type="text" class="form-control line-height-1 bg-light-5 busqueda" name="Nombre" id="Nombre" value="<?= $Nombre ?>">
													</div>
													<div class="form-group col-md-6 col-sm-12">
														<label class="text-color-dark font-weight-semibold" for="Apellido">Apellido:</label>
														<input type="text" class="form-control line-height-1 bg-light-5 busqueda" name="Apellido" id="Apellido" value="<?= $Apellido ?>">
													</div>
												</div>
												<div class="form-row">
                                                    <div class="form-group col-md-6">
														<label class="text-color-dark font-weight-semibold" for="IdProvincia">Provincia:</label>
														<select class="form-control line-height-1 bg-light-5 busqueda" name="IdProvincia" id="IdProvincia" style="height: 48.78px !important">
															<?php
															foreach ($arrProvincias as $oProvincia)
															{
																$selected = '';
															
																if ($oProvincia->IdProvincia == $IdProvincia)
																	$selected = 'selected="selected"';
															?>
															<option value="<?= $oProvincia->IdProvincia ?>" <?= $selected ?>><?= ($oProvincia->Nombre) ?></option>
															<?php
															}
															?>
														</select>
													</div>
												</div>
												<div class="row">
													<div class="col text-right">
														<button class="btn btn-primary btn-rounded font-weight-bold btn-h-2 btn-v-3" type="submit">Buscar</button>
													</div>
												</div>
											</form>
										</div>
									</div>

</div>
						</div>
					<hr style="margin-top: 2rem; margin-bottom:3rem;"></hr>
				</div>	
				<div class="container mb-5 pt-3">
					<div class="row">
						<div class="col-lg-12 mb-5 mb-md-0">
							<h4 class="mb-4"><?= $TituloBusqueda ?></h4>
						</div>	
						<div class="col-lg-12">
							<?php
                            if (!$Submit)
                            {
                            ?>
                            <h4 class="mb-4">Para realizar una búsqueda en el Directorio puede utilizar los campos "Nombre", "Apellido" y/o "Provincia". Una vez ingresado algún dato en dichos campos, presione el botón "Buscar" para visualizar el listado de resultados que aparecerá más abajo en su pantalla.</h4>
                            <?php
                            }
                            elseif (!$arrSocios)
							{
							?>
							<h4 class="mb-4">No se han encontrado socios para su b&uacute;squeda.</h4>
							<?php
							}
							else
							{
								foreach ($arrSocios as $oSocio)
								{
									$oProvincia = $oProvincias->GetById($oSocio->IdProvincia);
							?>
							<dl class="list">
								<dt mb-5><strong><?= utf8_encode($oSocio->GetNombreCompleto()) ?></strong></dt>
								<?php
								if ($oProvincia)
								{
								?>
								<dd><strong>Provincia:</strong> <?= utf8_encode($oProvincia->Nombre) ?></dd>
								<?php
								}
								?>
                                <hr style="margin-top: 1rem; margin-bottom:1rem;"></hr>
							</dl>
							<?php
								}
                            }
                            ?>
						</div>
																		
					</div>	
                    <div class="row align-items-center justify-content-between ">
                        <div class="col-auto mb-3 mb-sm-0">
                            
                        </div>
                        <div class="col-auto">
                            <nav aria-label="Page navigation example">
                                <ul class="pagination mb-0">
                                    <?= $Paginado ?>
                                </ul>
                            </nav>
                        </div>
                    </div>	
				</div>								
						
				<?php include('ssi_sponsors.php'); ?>				
			</div>
			
			<?php include('ssi_footer.php'); ?>
 
		</div>

<?php include('ssi_script.php'); ?>
		
		<form name="frmData" id="frmData" method="post">
			<input type="hidden" name="Page" id="Page" value="<?=$Page?>" />
			<input type="hidden" name="Nombre" id="Nombre" value="<?=$Nombre?>" />
			<input type="hidden" name="Apellido" id="Apellido" value="<?=$Apellido?>" />
			<input type="hidden" name="IdProvincia" id="IdProvincia" value="<?=$IdProvincia?>" />
            <input type="hidden" name="Submitted" id="Submitted" value="1" />
		</form>
		<script type="text/javascript">
        jQuery.validator.addMethod("require_from_group", function (value, element, options) {
            var numberRequired = options[0];
            var selector = options[1];
            var fields = $(selector, element.form);
            var filled_fields = fields.filter(function () {
                // it's more clear to compare with empty string
                return $(this).val() != "";
            });
            var empty_fields = fields.not(filled_fields);
            // we will mark only first empty field as invalid
            if (filled_fields.length < numberRequired && empty_fields[0] == element) {
                return false;
            }
            return true;
            // {0} below is the 0th item in the options field
        }, "Debe ingresar al menos uno de los campos para realizar su busqueda.");

$(document).ready(function() {
            $('#shopCheckout').validate({ // initialize the plugin
                rules: {
                    Nombre: {
                        require_from_group: [1, ".busqueda"]
                    },
                    Apellido: {
                        require_from_group: [1, ".busqueda"]
                    },
                    IdProvincia: {
                        require_from_group: [1, ".busqueda"]
                    }
                }
            });

})
        
		function SetPage(Page)
		{
			var frmData = document.getElementById('frmData');
	
			if (frmData == undefined)
				return false;

frmData.Page.value = Page;		
			frmData.submit();
		}
		</script>

</body>
</html>