MOON

File: /home/asjudine/public_html/principal/sucursales.php
<?php 
	require_once("../Conectarse.php");
?>


<!DOCTYPE html>
<html lang="en">
<head>
	<!-- Required meta tags -->
    <meta http-equiv="X-UA-Compatible" content="IE=8; IE=9; IE=edge" />
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    
    <title>Sucursales</title>

    <link rel="stylesheet" href="../css/all.min.css">
    
    
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    
   <!-- MAPA -->
   <link rel="stylesheet" href="../css/leaflet.css">
   
   <link rel="stylesheet" href="../css/estilos.css">
   
   
<style>
	
	.principal{
		margin-top: 20px;
	}

	.flexbox-container {
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		flex-wrap: nowrap;
		margin: 20px 0 20px 0;
		border-bottom: 1px solid red;
	}

	.flexbox-container > div {
		width: 50%;
	}

	.flexbox-container > div:first-child {
		margin-right: 20px;
	}
	
	.contenedor{
		margin-top: 10px;
		clear: both;
	}	
		
	/*#map {
		width: 100%;
		height: 300px;
		z-index: 8;
	}*/
	
	
	.ciudad{
		float: left;
	}
	
	.ciudad img{
		width: 100%; height: 300px;
	}
	
	@media only screen and(max-width:400px){
		.ciudad img{
			max-width: 100%;
		}
	}
	
	
	.sucursal{
		font-size: 1.2em!important;
		text-align: center;
		margin: 0 auto;
		font-weight: bold;
		color: #B3241A;
	}
	
	
	.director{
		width: 100%;
		float: left;
		padding: 0 20px;
		text-align: center;
		
		position: relative;
		overflow: hidden;
	}
	
	
	
	.director img{
		width: 130px;
		height: auto;
		text-align: left;
		border-radius: 300px;
		margin-top: 30px;
	}
	
	.director p{
		font-size: 13px;
		text-align: left;
		line-height: 15px;
		margin: 0;
		padding-left: 50px;
		
	}
	
	.director p span{
		color: #B3241A;
	}
	
	table{
		width: 100%;
	}
	
	
	
	.mapa{
		margin: 0 auto;
		text-align: center;
		margin-top: 20px;
	}
	
	</style>
    
    
    <script src="../js/jquery_3.3.1.js"></script>
	
	
</head>
<body>



<?php

	include_once("../headerint.php");
	include_once("../navint.php");
?>
<main>

<div class="mapa"><a href="sucursalesmapa.php"><button type="button" class="btn btn-primary">MAPA DE LAS SUCURSALES</button></a></div>

<div class="principal clearfix">
	
	<?php
	$control = mysql_query("SELECT nombre_completo, cargo, sucursal FROM Usuarios WHERE cargo like '%DISER%' and cargo !='DISER BOGOTA' and (sucursal_servicio != 'MOCOA' and sucursal_servicio != 'YOPAL') and estado = 1 ORDER BY sucursal");
	if (!$control) {   
	die('Invalid query 0: ' . mysql_error());
	}
	
	
	
	while(list($nombre, $cargo, $sucursal) = mysql_fetch_row($control))
	{
		
		$control2 = mysql_query("SELECT nombre, celular, celular2, horarios, direccion, telefono, url_imagen, mapa FROM sucursal WHERE nombre = '".$sucursal."' ORDER BY nombre");
		if (!$control2) {   
			die('Invalid query 0: ' . mysql_error());
		}
		list($nombre_sucu, $celular_sucu, $celular2_sucu, $horarios_sucu, $direccion_sucu, $telefono_sucu, $url_imagen_diser, $mapa) = mysql_fetch_row($control2);	
		
		$celulares = $celular_sucu." - ".$celular2_sucu;
		
		?>
		
		
		
		<div class="flexbox-container">
		<div>
			<!--<div id="map" class="ciudad"><?php echo $mapa; ?></div>-->
			<p class="sucursal"><?php echo $nombre_sucu; ?></p>
			<div id="map" class="ciudad"><img src="../ELEMENTS/sucursales/<?php echo $mapa; ?>" alt=""></div>
		</div>
		<div class="director">
			
			<img src="../ELEMENTS/diser/<?php echo $url_imagen_diser; ?>" alt="">
			<br><br>
			<p>NOMBRE : 	<span><?php echo $nombre; ?></span></p>
			<p>DIRECCION : 	<span><?php echo $direccion_sucu; ?></span></p>
			<p>CELULAR : 	<span><?php echo $celulares; ?></span></p>
			<p>TELEFONO : 	<span><?php echo $telefono_sucu; ?></span></p>
			<br>
		</div>
	</div>
<?php
	
	}	
	
?>
	
	
</div>




</main>
	
	
	<!-- Make sure you put this AFTER Leaflet's CSS -->
	<script src="../js/leaflet.js"></script>
	<!--<script src="js/script.js"></script>--> 

	
	
	

	
	
<?php
    include("../footerint.php");
?>


	
</body>
</html>