<?php

session_start();

$name = '';
$email = '';
$message = '';
$phone='';


if (isset($_SESSION['return_data'])) {
    
    $formOK = $_SESSION['return_data']['formOK'];
    $entries = $_SESSION['return_data']['entries'];
    $errors = $_SESSION['return_data']['errors'];
    unset($_SESSION['return_data']);
    
    if (!$formOK) {
        foreach ($entries as $key => $value) {
            ${$key} = $value;
        }
        $submitmessage = 'No se pude enviar el mensaje. ';
        $responsetype = 'failure';
    }
    else {
        $submitmessage = 'Su mensaje ha sido enviado.';
        $responsetype = 'success';
    }
}
?>


<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>Ampara</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<meta name="author" content="http://bootstraptaste.com" />
<!-- css -->
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/fancybox/jquery.fancybox.css" rel="stylesheet">
<link href="img/shadowbox.css" rel="stylesheet" />
<link href="css/flexslider.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<script type="text/javascript" src="img/shadowbox.js"></script>
<script type="text/javascript">
    Shadowbox.init();
</script>   


<!-- Theme skin -->
<link href="skins/default.css" rel="stylesheet" />

<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
<style type="text/css"> 
        /* Form 
        form ol { list-style: none; padding: 0; }        
        label { display: block; width: 100%; font-weight: 700; margin-top: 1em; }
        #submit-container { overflow: hidden; }
        #send { padding: 0.25em; float: left; }
        #loading { width: 32px; height: 32px; display: none; margin-left: 0.75em; float: left; background: url(img/ajax-loader.gif); }
        .instruction { font-style: italic; }        
        .star { color: red; }
        input.error, textarea.error { -webkit-box-shadow: 0px 0px 2px 0px #fa301e; -moz-box-shadow: 0px 0px 2px 0px #fa301e; box-shadow: 0px 0px 2px 0px #fa301e; }
        label.error { color: red; display: inline; margin-left: 0.5em; }*/
       
        /* Submit Message */
        .failure { color: red; background: pink }
        .success { color: green; background: lightgreen; }
        .success, .failure { padding: 1em; font-style: italic; }
        #submit-message { margin-top: 2em; clear: both; }        
        #textos{font-family: Verdana, sans-serif;
		color:#333232;
		font-size:0.9em;
		}
		#textos input {padding:3px; font-size:0.9em;}
		
        /* Utility */
        .hidden { display: none !important; visibility: hidden; }
    </style>

</head>
<body>
<div id="wrapper">
	<!-- start header -->
	
	<!-- end header -->
	<section id="inner-headline">
	<div class="container">
		<div class="row">
			<div class="col-lg-12">
				<ul class="breadcrumb">
					<li><a href="index.php"><i class="fa fa-home"></i></a><i class="icon-angle-right"></i></li>
					<li class="active">Contacto</li>
				</ul>
			</div>
		</div>
	</div>
	</section>
	<section id="content">
	
<div class="container">
<div class="row">
<div class="col-lg-9">
<h4>Comunicate con nosotros</h4>
<form  action="process.php" method="post"  >


            <p><span class="<?php echo (isset($formOK) ? $responsetype : 'hidden'); ?>">
<?php if(isset($formOK)) { echo $submitmessage; } ?>
</span></p>
<p>&nbsp; </p>
<div class="row">
<div class="col-lg-3 field">
<label for="name">Nombre *</label>
        <br>
<input type="textos" name="name"  <?php if (isset($errors['name'])) { echo 'class="error"';}?> value="<?php echo $name; ?>" required="required"/>
        <?php if (isset($errors['name'])): ?>
        <label class="error"><?php echo $errors['name']; ?></label>
        <?php endif; ?>
        

<!--<input type="text" name="name" placeholder="* Enter your full name" data-rule="maxlen:4" data-msg="Please enter at least 4 chars" />
<div class="validation">
</div>-->
</div>
<div class="col-lg-3 field">
 <label for="email"> 
       
        
        <strong>Email *</strong>
</label>
        <br>
        <input type="textos" name="email"  <?php if (isset($errors['email'])) { echo 'class="error"';}?> value="<?php echo $email; ?>" required="required"/>
        <?php if (isset($errors['email'])): ?>
                <label class="error"><?php echo $errors['email']; ?></label>
        <?php endif; ?>
        </div>
        
        <div class="col-lg-3 field"> 
        <label for="phone"> 
        Celular*</label><br>
<input type="phone" name="phone" id="phone" <?php if (isset($errors['phone'])) { echo 'class="error"';}?> value="<?php echo $phone; ?>" required="required"/>
<?php if (isset($errors['phone'])): ?><label class="error"><?php echo $errors['phone']; ?></label><?php endif; ?>
</div>

<!--<input type="text" name="email" placeholder="* Enter your email address" data-rule="email" data-msg="Please enter a valid email" />
<div class="validation">
</div>-->


</div>
<div class="col-lg-9 margintop10 field" align="left">
<label for="message">Mensaje
                <br>
</label>
            
<p> <textarea name="message" cols="32" rows="4" id="message"  type="textos"/><?php echo $message; ?></textarea>
        <label class="error"></label>
                                        
                <!--<p class="instruction"><span class="star" style="color:#A80A0D">&#42; Requerido</span></p>-->

<!--<textarea rows="8" name="message" class="input-block-level" placeholder="* Your message here..." data-rule="required" data-msg="Please write something"></textarea>
<div class="validation">
</div>-->
<p>&nbsp;</p>
<p>
 <input class="button" type="submit" name="send" value="Enviar" id="send"/ style="font-size:1.2em; padding:6px; color:#0230AB">
                <span id="loading"></span> 
<!--<button class="btn btn-theme margintop10 pull-left" type="submit">ENVIAR</button>-->
<span class="pull-right margintop20">* Requerido</span>
</p>
</div>
</form>
</div>
    
    <div class="col-lg-3">
		<h4>Casa Central		</h4>
<address>

Av. Urquiza 5128 <br>
  (1678) Caseros<br>
    Buenos Aires	
    <p>&nbsp;</p>
                  	
Horario de atención: <br> 
Lunes a viernes de 9 a 18hs <br>
 sábados de 9:30 a 13hs                        	
</address>
<address>

Whatsapp  +54 11 6869 6148

</address>

<p>Email:info@ampara.com.ar
<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ampara@ampara.com.ar</p>
<p>&nbsp;</p>
<ul class="social-network">
<li><a href="https://www.facebook.com/amparamutual/" title="Facebook" target="_blank" data-placement="top"><img src="img/fc.png" width="48" height="48" alt=""/></a></li>
<li><a href="https://twitter.com/MutualPara" title="Twitter" target="_blank" data-placement="top"><img src="img/tw.png" width="48" height="48" alt=""/></a></li>
<li><a href="https://www.instagram.com/amparamutual/?hl=es-la" title="Instagram" target="_blank" data-placement="top"><img src="img/inst.png" width="48" height="48" alt=""/></a></li>
<li><a href="https://api.whatsapp.com/send?phone=541168696148&text=Me%20gustaría%20comunicarme%20con%20Ustedes" data-placement="top" title="Whatsaap"><img src="img/ws.png" width="48" height="48" alt=""/></a></li>
</ul>
</div>
        </div>
        
<div class="row">
			<div class="col-lg-12">
				<h4>Centros de atención</h4>
			</div>
			
<div class="col-lg-4">
<div class="pricing-box-alt">
<div class="pricing-heading">
<h5>Centro de atención San Justo<img src="img/vacio.png" width="48" height="48" alt=""/></h5>
</div>
<div class="pricing-content">
<ul>

<li>
<p align="left" style="padding-left: 5px;">Dr. Eizaguirre (ex  Juramento) 2345 – San Justo<br>
Tel. 011 4484 3183<br>
Mail: sanjusto@ampara.com.ar  <br>
Horario: De lunes a viernes de 9 a 13hs y de 15 a 18hs – Sábados de 9:30 a 13hs.    </p>
</li>

</ul>
</div>
<div class="pricing-action">
<a href="#"  rel="shadowbox[gru2]" ><img src="img/san-justo.jpg" alt="Sucursal San Justo" width="100" height="100" title="Sucursal San Justo"/> </a></div>
</div>
</div>
<div class="col-lg-4">
<div class="pricing-box-alt">
<div class="pricing-heading">
<h5><span class="pricing-action">Centro de atención Villa del Parque <a href="https://api.whatsapp.com/send?phone=541138048698&text=Me%20gustaría%20comunicarme%20con%20Ustedes" data-placement="top" title="Whatsaap"><img src="img/ws.png" width="48" height="48" alt=""/></a></span></h5>
</div>
<div class="pricing-content">
<ul>

<li>
<p align="left" style="padding-left: 5px;">Joaquín V. Gonzalez 3395 – CABA<br>
Tel. 011 4501 2695 / whatsapp +54 11 3804 8698 <br>
Mail: delparque@ampara.com.ar <br>
Horario: De lunes a viernes de 9 a 13hs y de 15 a 18hs – Sábados de 9:30 a  13hs.    </p>
</li>

</ul>
</div>
<div class="pricing-action"><a href="#"  rel="shadowbox[gru2]" ><img src="img/v-del-parque.jpg" alt="Sucursal Villa del Parque" width="100" height="100" title="Sucursal Villa del Parque"/></a></div>
</div>
</div>

<div class="col-lg-4">
<div class="pricing-box-alt">
<div class="pricing-heading">
<h5><span class="pricing-action">Centro de atención San Martín <a href="https://api.whatsapp.com/send?phone=541138167965&text=Me%20gustaría%20comunicarme%20con%20Ustedes" data-placement="top" title="Whatsaap"><img src="img/ws.png" width="48" height="48" alt=""/></a></span></h5>
</div>
<div class="pricing-content">
	<ul>
				
<li>
<p align="left" style="padding-left: 5px;">R. Balbin 2226 – San Martín<br>
Tel. 011 4755 1364 / whatsapp +54 11 3816 7962<br>
Mail: sanmartin@ampara.com.ar       <br>
Horario: De lunes a viernes de 9 a 13hs y de 15 a 18hs – Sábados de 9:30 a  13hs.    
</li></ul>
</div>
<div class="pricing-action"><a href="#"  rel="shadowbox[gru2]" ><img src="img/san-martin.jpg" alt="Sucursal San Martín" width="100" height="100" title="Sucursal San Martín"/></a></div>
</div>
</div>
<div class="col-lg-4">
<div class="pricing-box-alt">
<div class="pricing-heading">
<h5><span class="pricing-action">Centro de atención Lugano <a href="https://api.whatsapp.com/send?phone=541138965234&text=Me%20gustaría%20comunicarme%20con%20Ustedes" data-placement="top" title="Whatsaap"><img src="img/ws.png" width="48" height="48" alt=""/></a></span></h5>
</div>
<div class="pricing-content">
<ul>

<li>
<p align="left" style="padding-left: 5px;">Cañada de Gómez 4470 - CABA<br>
Tel. 011 4601 3319<br>
Mail: lugano@ampara.com.ar <br>
Horario:  De lunes a viernes de 9 a 13hs y de 15 a 18hs – Sábados de 9:30 a 13hs.    </p>
</li>

</ul>
</div>
<div class="pricing-action"><a href="#"  rel="shadowbox[gru2]" ><img src="img/lugano.jpg" alt="Sucursal Lugano" width="100" height="100" title="Sucursal Lugano"/></a></div>
</div>
</div>

<div class="col-lg-4">
<div class="pricing-box-alt">
<div class="pricing-heading">
<h5><span class="pricing-action">Centro de atención Boedo<img src="img/vacio.png" width="48" height="48" alt=""/></span></h5>
</div>
<div class="pricing-content">
<ul><li>
<p align="left" style="padding-left: 5px;">Carlos Calvo 3701– CABA<br>
Tel. 011 4601 3319<br>
Mail: boedo@ampara.com.ar<br>
Horario: De lunes a viernes de 9 a 13hs y de 15 a 18hs – Sábados de 9:30 a 13hs.    </p>
</li>

</ul>
</div>
<div class="pricing-action"><a href="#"  rel="shadowbox[gru2]" ><img src="img/boedo.jpg" width="100" height="101" alt="Sucursal Boedo" title="Sucursal Boedo"/></a></div>
</div>
</div>			
        
<div class="col-lg-4">
<div class="pricing-box-alt">
<div class="pricing-heading">
<h5><span class="pricing-action">Centro de atención Ciudad Jardín  <a href="https://api.whatsapp.com/send?phone=541138840563&text=Me%20gustaría%20comunicarme%20con%20Ustedes" data-placement="top" title="Whatsaap"><img src="img/ws.png" width="48" height="48" alt=""/></a></h5>
</div>
<div class="pricing-content">
<ul>

<li><p align="left" style="padding-left: 5px;">
Dr. Ricardo Balbin 2669 – El Palomar<br>
Tel. 011 4751 2666<br>
Mail: cjardin@ampara.com.ar <br>
Horario: De lunes a viernes de 9 a 13hs y de 15 a 18hs – Sábados de 9:30 a 13hs.    </p>
 </li>
</ul>
</div>
<div class="pricing-action">
<a href="#"  rel="shadowbox[gru2]" ><img src="img/Palomar.jpg" alt="Sucursal Ciudad Jardín" width="100" height="100" title="Sucursal Ciudad Jardín"/></a> </div>
</div>
</div>

</section>
	
<a href="#" class="scrollup"><i class="fa fa-angle-up active"></i></a>

   <a href="img/boedo-g.jpg" rel="shadowbox[gru2]" title="Sucursal Boedo"></a>
   <a href="img/san-justo-g.jpg" rel="shadowbox[gru2]" title="Sucursal San Justo"></a>
   <a href="img/v-del-parque-g.jpg" rel="shadowbox[gru2]" title="Sucursal Villa del Parque"></a>
   <a href="img/lugano-g.jpg" rel="shadowbox[gru2]" title="Sucursal Lugano"></a>
   <a href="img/san-martin-g.jpg" rel="shadowbox[gru2]" title="Sucursal San Martín"></a>
   <a href="img/Palomar-g.jpg" rel="shadowbox[gru2]" title="Sucursal Ciudad Jardín"></a>
   <!-- javascript
    ================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/jquery.fancybox-media.js"></script>
<script src="js/google-code-prettify/prettify.js"></script>
<script src="js/portfolio/jquery.quicksand.js"></script>
<script src="js/portfolio/setting.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/animate.js"></script>
<script src="js/custom.js"></script>
<script src="js/validate.js"></script>
</body>
</html>