<?php
  if (isset($_POST["submit"])) {
    $name = $_POST['name'];
    $email = $_POST['email'];
    $message = $_POST['message'];
    $human = intval($_POST['human']);
    $from = 'Sitio Rinfsa'; 
    $to = 'contacto@rinfsa.mx'; 
    $subject = 'Contacto desde sitio rinfsa.mx ';
    
    $body ="De: $name\n E-Mail: $email\n Mensaje:\n $message";
    // Check if name has been entered
    if (!$_POST['name']) {
      $errName = 'Por favor, escriba su nombre';
    }
    
    // Check if email has been entered and is valid
    if (!$_POST['email'] || !filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)) {
      $errEmail = 'Por favor introduzca un e-mail válido';
    }
    
    //Check if message has been entered
    if (!$_POST['message']) {
      $errMessage = 'Por favor, escriba su mensaje';
    }
    //Check if simple anti-bot test is correct
    if ($human !== 5) {
      $errHuman = 'Respuesta incorrecta';
    }
// If there are no errors, send the email
if (!$errName && !$errEmail && !$errMessage && !$errHuman) {
  if (mail ($to, $subject, $body, $from)) {
    $result='<div class="alert alert-success">Muchas gracias, en breve nos pondremos en contacto con usted.</div>';
  } else {
    $result='<div class="alert alert-danger">Lo sentimos, ocurrió un error al enviar el mensaje. Intente nuevamente.</div>';
  }
}
  }
?>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="fswglobal.mx">
    <link rel="icon" href="favicon.ico"> <!-- Cambiar favicon -->
    <title>rinfsa.mx - Contacto</title>
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/rinfsa_custom.css" rel="stylesheet">
    
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

  </head>
  <body>
    
    <div class="row container-fluid">
        <nav id="custom-bar" class="col-sm-9 col-sm-offset-3 navbar navbar-inverse navbar-fixed-top">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand visible-xs-block" href="#">rinfsa.mx</a>
          </div>
          <div class="collapse navbar-collapse" id="navbar-collapse">
            <ul class="nav navbar-nav">
              <li><a href="index.html" >Inicio</a></li>
              <li><a href="quienes_somos.html">Quienes Somos</a></li>
              <li><a href="servicios.html">Nuestros Servicios</a></li>
              <li><a href="reciclar.html">&iquest;Por qu&eacute; reciclar?</a></li>
              <li class="active"><a>Contacto</a></li>
            </ul>
            <p class="navbar-text navbar-right">
              <a class="navbar-link">Tel: (55) 5399 6620</a>
            </p>
          </div>
        </nav>
    </div>
    <div class="col-sm-3 hidden-xs logotipo">
      <a href="index.html">
        <img class="center-block" src="images/logo_rinfsa2.png" alt="Rinfsa">
      </a>
    </div>
    <div class="container-fluid">
      <div class="row standard-header">
      </div>
    </div>

    <div class="container-fluid">
      <div class="row slogan">
        <div class="col-sm-6 col-sm-offset-3">
        <center>
          <h2><b class="verdeclaro">Contacto</b></h2>
        </center>
        </div>
      </div>
    </div>

    <div class="container">
      <div class="row">
        <div class="col-md-6 col-sm-12">
        <form class="form-horizontal" role="form" method="post" action="contacto.php">
          <div class="form-group">
            <label for="name" class="col-sm-2 control-label">Nombre</label>
            <div class="col-sm-10">
              <input type="text" class="form-control" id="name" name="name" placeholder="Nombre y Apellido" value="<?php echo htmlspecialchars($_POST['name']); ?>">
              <?php echo "<p class='text-danger'>$errName</p>";?>
            </div>
          </div>
          <div class="form-group">
            <label for="email" class="col-sm-2 control-label">Email</label>
            <div class="col-sm-10">
              <input type="email" class="form-control" id="email" name="email" placeholder="ejemplo@correo.com" value="<?php echo htmlspecialchars($_POST['email']); ?>">
              <?php echo "<p class='text-danger'>$errEmail</p>";?>
            </div>
          </div>
          <div class="form-group">
            <label for="message" class="col-sm-2 control-label">Mensaje</label>
            <div class="col-sm-10">
              <textarea class="form-control" rows="4" name="message"><?php echo htmlspecialchars($_POST['message']);?></textarea>
              <?php echo "<p class='text-danger'>$errMessage</p>";?>
            </div>
          </div>
          <div class="form-group">
            <label for="human" class="col-sm-2 control-label">2 + 3 = ?</label>
            <div class="col-sm-10">
              <input type="text" class="form-control" id="human" name="human" placeholder="Respuesta">
              <?php echo "<p class='text-danger'>$errHuman</p>";?>
            </div>
          </div>
          <div class="form-group">
            <div class="col-sm-10 col-sm-offset-2">
              <input id="submit" name="submit" type="submit" value="Enviar" class="btn btn-primary">
            </div>
          </div>
          <div class="form-group">
            <div class="col-sm-10 col-sm-offset-2">
              <?php echo $result; ?>  
            </div>
          </div>
        </form> 
      </div>
      <div class="col-md-6 col-sm-12">
        <ul class="lead list-no-style">
          <li><h3>Nuestras Instalaciones:</h3></li>
          <li>Lago Argentina No. 23</li>
          <li>Col. Argentina</li>
          <li>CP 11280</li>
          <li>Miguel Hidalgo, Ciudad de México</li>
          <li>Teléfono: 5399 6620</li>
          <li><br><a href="mailto:contacto@rinfsa.mx">contacto@rinfsa.mx</a></li>
        </ul>
        
      </div>
    </div>
  </div>   






    <div class="container-fluid footer">
      <div class="row">
        <div class="col-sm-12 copyright">
          <p>&nbsp;</p>
        </div>
        <div class="col-sm-4 copyright">
          <p>
          <a href="normas_1.html">Normas para Residuos de Manejo especial</a>
          <br>
          <a href="normas_2.html">Normas para el manejo de residuos electrónicos</a>
          </p>
        </div>
        <div class="col-sm-4 cen-foot copyright">
          <p>&copy; Copyright 2016 Rec Inform&aacute;tica SA de CV Todos los derechos reservados.<br>
          Diseñado por <a href="http://www.fswglobal.mx">fswglobal.mx</a>
          </p>
        </div>
        <div class="col-sm-4">
          <div class="socialicons">
            <a href="https://www.facebook.com/Rec-Informatica-1537954679784716/" class="fb-icon" target="_blank"><img src="images/facebook.png" alt="facebook"></a>
            <!--
            <a href="#" class="tw-icon"><img src="images/twitter.png" alt="twitter"></a>
            <a href="#" class="gp-icon"><img src="images/googleplus.png" alt="google +"></a>
            <a href="#" class="li-icon"><img src="images/linkedin.png" alt="linkedin"></a>
            -->
          </div>
        </div>
        <div class="col-sm-12 copyright">
          <p>&nbsp;</p>
        </div>
      </div>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
  
  </body>
</html>