<?php
$unidade = Unidades::listar('', null, 'id');
?>
<div class="unidades">
	<div class="page-header">
		<div class="container">
			<p class="subtitle">Tem sempre um Edmar Victor perto de você.</p>
			<h1 class="title">
				Estamos nas principais regiões do Recife, da zona norte a zona sul da cidade. Escolha a unidade mais próxima e conte com a gente.
			</h1>
		</div>
		<h2 class="title-section d-none d-lg-block">Unidades</h2>
	</div>
    <?php if (count($unidade) > 0) { 
    	$cont = 0;
    foreach($unidade as $u) { 
    	
    	$par = (($cont % 2) == 0) ? true : false;
    	$cont++;
    ?>
	<div class="box-unity <?php echo (!$par) ? '--bg-right' : '';?>">
		<div class="container --padding">
			<div class="row">
				<div class="box-unity__info col-lg-5 unidades-text <?php echo (!$par) ? 'offset-lg-2 order-lg-1' : '';?>">
					<div class="box-unity__info__content">
						<div class="text-trace">
							<p class="subtitle">Unidade</p>
							<h2 class="title --small"><?php echo $u->nome;?></h2>
						</div>

						<p class="text-primary">
							<?php echo $u->endereco;?>
						</p>
						<?php echo $u->servico;?>
					</div>
				</div>
				<?php if ($u->link) { 
					$coords = explode(",",$u->link);
				?>
				<div class="box-unity__image col-lg-5 unidades-img <?php echo (!$par) ? '' : 'offset-lg-2';?> ">
					<div class="box-map d-lg-block">
						<img
							src="img/content/unidade-boa-viagem.jpg"
							class="box-map__image invisible"
						/>

						<div class="box-map__embed"></div>
						<!-- -8.029442, -34.915142 -->
						<a
							class="box-map__bt d-none"
							data-label="Carregar mapa"
							data-lat="<?php echo trim($coords[0]);?>"
							data-lng="<?php echo trim($coords[1]);?>"
						>
							<img
								src="img/content/map-thumb.jpg"
								data-image="img/content/map-thumb.jpg"
								class="box-map__bt__thumb"
							/>
							<span class="box-map__bt__play"></span>
						</a>
					</div>
				</div>
				<?php } ?>
			</div>
		</div>
	</div>
	<?php }} ?>
	<!--
	<div class="box-unity --bg-right">
		<div class="container --padding">
			<div class="row">
				<div class="box-unity__info col-lg-5 offset-lg-2 order-lg-1">
					<div class="box-unity__info__content">
						<p class="subtitle">Unidade</p>
						<h2 class="title --small">Boa Viagem</h2>

						<p class="text-primary">
							<strong>
								Rua José Trajano, n. 107.<br />
								(81) 3334-9028/ (81) 3334-9029/ (81) 3334-9030<br />
								 E-mail: gerencia@edmarvictor.com.br
							</strong>
						</p>

						<p>
							<strong>Atendimento:</strong><br />
							Segunda a sexta: 06:00 às 16:00<br />
							Sábado: 06:00 às 12:00
						</p>
						<p>
							<strong>Coleta:</strong><br />
							Segunda a sexta: 06:00 às 16:00<br />
							Sábado: 06:00 às 11:00

						</p>
						<p>
							<strong>Coleta Móvel (por agendamento)</strong><br />
							Telefone 81 3366.1550 / 3366.1555 / 3366-1565<br />
							WHATSAPP - 81 99622-4207

						</p>
					</div>
				</div>
				<div class="box-unity__image col-lg-5">
					<div class="box-map d-none d-lg-block">
						<img
							src="img/content/unidade-boa-viagem.jpg"
							data-image="img/content/unidade-boa-viagem.jpg"
							class="box-map__image invisible"
						/>

						<div class="box-map__embed"></div>

						<a
							class="box-map__bt d-none --right"
							data-label="Carregar mapa"
							data-lat="-8.121036"
							data-lng="-34.898586"
						>
							<img
								src="img/content/map-thumb.jpg"
								data-image="img/content/map-thumb.jpg"
								class="box-map__bt__thumb"
							/>
							<span class="box-map__bt__play"></span>
						</a>
					</div>
				</div>
			</div>
			<a
				href="https://goo.gl/maps/gfABNDrsvFT2"
				target="_blank"
				class="bt-map d-block d-lg-none"
				data-label="Abrir mapa"
			></a>
		</div>
	</div>
	<div class="box-unity">
		<div class="container --padding">
			<div class="row">
				<div class="box-unity__info col-lg-5">
					<div class="box-unity__info__content">
						<p class="subtitle">Unidade</p>
						<h2 class="title --small">Casa Forte</h2>

						<p class="text-primary">
							<strong>
								Avenida Dezessete de Agosto, n. 1533.<br />
								Fone: (81) 3441-8383 / (81)3266-6898<br />
								E-mail: gerencia@edmarvictor.com.br
							</strong>
						</p>

						<p>
							<strong>Atendimento:</strong><br />
							Segunda a sexta: 06:00 às 16:00<br />
							Sábado: 06:00 às 12:00
						</p>
						<p>
							<strong>Coleta:</strong><br />
							Segunda a sexta: 06:00 às 16:00<br />
							Sábado: 06:00 às 11:00

						</p>
						<p>
							<strong>Coleta Móvel (por agendamento)</strong><br />
							Telefone 81 3366.1550 / 3366.1555 / 3366-1565<br />
							WHATSAPP - 81 99622-4207

						</p>
					</div>
				</div>
				<div class="box-unity__image col-lg-5 offset-lg-2">
					<div class="box-map d-none d-lg-block">
						<img
							src="img/content/unidade-boa-viagem.jpg"
							data-image="img/content/unidade-boa-viagem.jpg"
							class="box-map__image invisible"
						/>

						<div class="box-map__embed"></div>

						<a
							class="box-map__bt d-none"
							data-label="Carregar mapa"
							data-lat="-8.034707"
							data-lng="-34.920987"
						>
							<img
								src="img/content/map-thumb.jpg"
								data-image="img/content/map-thumb.jpg"
								class="box-map__bt__thumb"
							/>
							<span class="box-map__bt__play"></span>
						</a>
					</div>
				</div>
			</div>
			<a
				href="https://goo.gl/maps/cE5xJjZ7FXD2"
				target="_blank"
				class="bt-map d-block d-lg-none"
				data-label="Abrir mapa"
			></a>
		</div>
	</div>
	<div class="box-unity --bg-right">
		<div class="container --padding">
			<div class="row">
				<div class="box-unity__info col-lg-5 offset-lg-2 order-lg-1">
					<div class="box-unity__info__content">
						<p class="subtitle">Unidade</p>
						<h2 class="title --small">Derby/Boa Vista (dentro do Lucilo Maranhão)</h2>
						<p class="text-primary">
							<strong>
								Av. Gov. Carlos de Lima Cavalcanti, n. 155<br />
								Fone: (81)3423-7085<br />
								E-mail: gerencia@edmarvictor.com.br
							</strong>
						</p>

						<p>
							<strong>Atendimento:</strong><br />
							Segunda a sexta: 06:00 às 16:00<br />
							Sábado: 06:00 às 12:00
						</p>
						<p>
							<strong>Coleta:</strong><br />
							Segunda a sexta: 06:00 às 16:00<br />
							Sábado: 06:00 às 11:00

						</p>
						<p>
							<strong>Coleta Móvel (por agendamento)</strong><br />
							Telefone 81 3366.1550 / 3366.1555 / 3366-1565<br />
							WHATSAPP - 81 99622-4207

						</p>
					</div>
				</div>
				<div class="box-unity__image col-lg-5">
					<div class="box-map d-none d-lg-block">
						<img
							src="img/content/unidade-boa-viagem.jpg"
							data-image="img/content/unidade-boa-viagem.jpg"
							class="box-map__image invisible"
						/>

						<div class="box-map__embed"></div>

						<a
							class="box-map__bt d-none --right"
							data-label="Carregar mapa"
							data-lat="-8.042521"
							data-lng="-34.894666"
						>
							<img
								src="img/content/map-thumb.jpg"
								data-image="img/content/map-thumb.jpg"
								class="box-map__bt__thumb"
							/>
							<span class="box-map__bt__play"></span>
						</a>
					</div>
				</div>
			</div>
			<a
				href="https://goo.gl/maps/SoVi8raVPK72"
				target="_blank"
				class="bt-map d-block d-lg-none"
				data-label="Abrir mapa"
			></a>
		</div>
	</div>
	<div class="box-unity">
		<div class="container --padding">
			<div class="row">
				<div class="box-unity__info col-lg-5">
					<div class="box-unity__info__content">
						<p class="subtitle">Unidade</p>
						<h2 class="title --small">Torre (Dentro do Mercado da Torre) - Breve inauguração</h2>

						<p class="text-primary">
							<strong>
								Rua José Bonifácio, 747 - Loja 04<br />
								E-mail: gerencia@edmarvictor.com.br
							</strong>
						</p>

						<p>
							<strong>Atendimento:</strong><br />
							Segunda a sexta: 06:00 às 16:00<br />
							Sábado: 06:00 às 12:00
						</p>
						<p>
							<strong>Coleta:</strong><br />
							Segunda a sexta: 06:00 às 16:00<br />
							Sábado: 06:00 às 11:00

						</p>
						<p>
							<strong>Coleta Móvel (por agendamento)</strong><br />
							Telefone 81 3366.1550 / 3366.1555 / 3366-1565<br />
							WHATSAPP - 81 99622-4207

						</p>
					</div>
				</div>
				<div class="box-unity__image col-lg-5 offset-lg-2">
					<div class="box-map d-none d-lg-block">
						<img
							src="img/content/unidade-boa-viagem.jpg"
							data-image="img/content/unidade-boa-viagem.jpg"
							class="box-map__image invisible"
						/>

						<div class="box-map__embed"></div>

						<a
							class="box-map__bt d-none"
							data-label="Carregar mapa"
							data-lat="-8.043489"
							data-lng="-34.894671"
						>
							<img
								src="img/content/map-thumb.jpg"
								data-image="img/content/map-thumb.jpg"
								class="box-map__bt__thumb"
							/>
							<span class="box-map__bt__play"></span>
						</a>
					</div>
				</div>
			</div>
			<a
				href="https://goo.gl/maps/36uVtQFroMr"
				target="_blank"
				class="bt-map d-block d-lg-none"
				data-label="Abrir mapa"
			></a>
		</div>
	</div>
-->
</div>

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBOt0Pl-n3ttOt_IkFJ4B6sjj1cOYo6jS4&language=pt-br&libraries=places"></script>

