Advertisement
Am2016

formGrupos

Mar 3rd, 2016
120
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.76 KB | None | 0 0
  1. <!doctype html>
  2. <html lang="es" class="no-js">
  3. <head>
  4.         <meta charset="UTF-8"/>
  5.         <title>Grupos y convenciones | Aeromexico</title>      
  6.         <meta name="description" content=""/>
  7.         <meta name="viewport" content="width=device-width">
  8.         <meta name="keywords" content=""/>
  9.         <meta property="og:type" content="website"/>
  10.         <meta property="og:url" content="http://www.aeromexico.com/es/mx/acreditaciones-kmp/"/>
  11.         <meta property="og:site_name" content="aeromexico"/>
  12.         <meta property="og:description" content=""/>
  13.         <meta property="og:locale" content="es_MX"/>
  14.         <meta property="og:image" content="http://www.aeromexico.com/.galleries/aeromexico-trip.jpg"/>
  15.         <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  16.         <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
  17.         <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  18.         <script src="http://www.vuela.aeromexico.com/forms/templates/parsley.es.js"></script>
  19.         <script src="//cdnjs.cloudflare.com/ajax/libs/parsley.js/2.0.2/parsley.min.js"></script>
  20.         <link rel="stylesheet" href="https://www.aeromexico.com/export/system/modules/com.aeromexico.bootstrap.basics/resources/css/main.min.css" type="text/css"></link>
  21.     <script>
  22.       $(function() {
  23.         $('#emailform').parsley();
  24.         $(".datepicker" ).datepicker({ minDate: "-7M", maxDate: "0" });
  25.         $("#error").delay(4000).hide(1500);
  26.         $(".success").delay(4000).hide(1500);
  27.       });
  28.   </script>
  29.   <style type="text/css">
  30.   .ui-datepicker-title, .ui-datepicker-year{color:#555 !important;}
  31.   .error {background: #fbdede; width: 80%; margin:10px auto; height:40px;border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;color:#b60000;text-align:center;padding:10px 0 0 0;}
  32.   .success {background: #deffc3; width: 80%; margin:10px auto; height:40px;border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;color:#005538;text-align:center;padding:10px 0 0 0;}
  33.   .hide{display:none;}
  34.   #recaptcha_widget_div{margin:0 auto;width:318px;}
  35.     ul.parsley-errors-list{
  36.         margin:0;
  37.         padding:0;
  38.     }
  39.     ul.parsley-errors-list li{
  40.         background: #fbdede;
  41.         height:15px;
  42.         width: 80%;
  43.         margin:0 0 0 5px;
  44.         padding:0;
  45.         list-style-type: none;
  46.         color: #CC0000;
  47.         font-weight:bold;
  48.         font-size:12px;
  49.         border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;
  50.         text-indent:5px;
  51.     }
  52.   </style>
  53. <body>
  54. <?php
  55. require_once(__DIR__ . '/recaptchalib.php');
  56. require_once(__DIR__ .'/phpmailer/class.phpmailer.php');
  57. require_once(__DIR__ .'/phpmailer/class.smtp.php');
  58.     $valid = true;
  59.     $errors = array();
  60.     $captchaerror = null;
  61.     $config = include(__DIR__ . '/config.php');
  62.     $contact = array(
  63.             'InputField-1' => null,
  64.             'InputField-2' => null,
  65.             'InputField-3' => null,
  66.             'InputField-4' => null,
  67.             'InputField-5' => null,
  68.             'InputField-6' => null,
  69.             'InputField-7' => null,
  70.             'InputField-8' => null
  71.     );
  72.  
  73.         if (isset($_POST['recaptcha_challenge_field'],$_POST['recaptcha_response_field'])) {
  74.             $resp = recaptcha_check_answer(
  75.             $config['recaptcha']['privatekey'],
  76.             $_SERVER["REMOTE_ADDR"],
  77.             $_POST["recaptcha_challenge_field"],
  78.             $_POST["recaptcha_response_field"]
  79.             );
  80.  
  81.             if (!$resp->is_valid) {
  82.                 $captchaerror = $resp->error;
  83.                 $valid = false;
  84.                 $errors['captcha'] = "El texto del captcha no coincide";
  85.         }
  86.        
  87.         $contact = filter_input_array(INPUT_POST, array(
  88.             'InputField-1'   => FILTER_SANITIZE_STRING,
  89.             'InputField-2' => FILTER_SANITIZE_STRING,
  90.             'InputField-3' => FILTER_SANITIZE_STRING,
  91.             'InputField-4' => FILTER_SANITIZE_STRING,
  92.             'InputField-5' => FILTER_SANITIZE_STRING,
  93.             'InputField-6' => FILTER_SANITIZE_STRING,
  94.             'InputField-7' => FILTER_SANITIZE_STRING,
  95.             'InputField-8' => FILTER_SANITIZE_STRING
  96.  
  97.         ), true);
  98.         // Aquí se deberían validar los datos ingresados por el usuario
  99.         if (empty($_POST['InputField-1']) || empty($_POST['InputField-2']) || empty($_POST['InputField-3']) || empty($_POST['InputField-4'])
  100.             || empty($_POST['InputField-5']) || empty($_POST['InputField-6']) || empty($_POST['InputField-7'])) {
  101.             $valid = false;
  102.             $errors[] = "Ocurrió un error. Existen campos vacíos y el formulario no ha podido ser envíado.";
  103.         }
  104.         if($valid){
  105.             $destinatario = "contactus@granplan.com";
  106.             $asunto = "Dudas de reservaci&oacute;n";
  107.             $remitente ="amsender@aeromexico.com";
  108.  
  109.             // Create the mail
  110.             $mail = new PHPMailer();
  111.             $mail->IsSMTP();
  112.             $mail->SMTPAuth = true;
  113.             $mail->SMTPSecure = "ssl";
  114.             $mail->Host = "smtp.gmail.com";
  115.             $mail->Port = 465;
  116.             //indico un usuario / clave de un usuario de gmail
  117.             $mail->Username = $config['mail']['username'];
  118.             $mail->Password = $config['mail']['password'];
  119.             $mail->Subject = $asunto;
  120.             $mail->setFrom($remitente, 'Aeromexico');
  121.             $mail->AddAddress($destinatario, "");
  122.             $mail->IsHTML(true);
  123.             $body = "<h2>Grupos y Convenciones</h2><br/>
  124.             <p>Nombre: " . $_POST["InputField-1"] . "</p>
  125.             <p>Apellido: " . $_POST["InputField-2"] . "</p>
  126.             <p>Email: " . $_POST["InputField-3"] . "</p>
  127.             <p>Número de asientos solicitados: " . $_POST["InputField-4"] . "</p>
  128.             <p>Fecha de salida: " . $_POST["InputField-5"] . "</p>
  129.             <p>Fecha de regreso: " . $_POST["InputField-6"] . "</p>
  130.             <p>Origen y destino: " . $_POST["InputField-7"] . "</p>
  131.             <p>Comentarios: " . $_POST["InputField-8"] . "</p><br/>";
  132.             $mail->Body = $body;
  133.  
  134.             // Create the mail transport
  135.             if($mail->Send()) {
  136.                 echo "<div class='success'>Gracias por llenar el formulario. Se ha enviado correctamente.</div>";              
  137.                 } else {
  138.                 echo "Error al enviar el mensaje: " . $mail->ErrorInfo;
  139.             }
  140.  
  141.         }
  142.     }
  143. ?>  
  144. <h2 style="text-align:center;">GRUPOS Y CONVENCIONES</h2>
  145. <p>Si requieres ayuda o tienes <strong>dudas sobre tu reservación</strong> por favor comunícate a nuestro <strong>Call Center</strong> al teléfono <strong>51 33 40 00</strong> en la Ciudad de México o al <strong>01 (800) 021 4000</strong> en el resto de la República Mexicana.</p>
  146. <p>Si prefieres contactarnos vía correo electrónico por favor llena los siguientes campos.</p> </div>
  147. <div id="info" class="content">
  148. <form class="form-horizontal" id="emailform" action="<?php echo $_SERVER['PHP_SELF']; ?>"
  149.     method="post" >
  150. <?php if (!$valid): ?>
  151.     <div id="error">
  152.         <?php  foreach($errors as $message):?>
  153.             <div class ="error"><?php echo htmlspecialchars($message); ?></div>
  154.         <?php  endforeach; ?>
  155.     </div>
  156. <?php  endif; ?>
  157. <div class="webform_wrapper">
  158.     <div class="form-group">
  159.     <label class="col-sm-4 text-right" for="InputField-1">Nombre*</label>
  160. <div class="col-sm-5">
  161.     <input type="text" name="InputField-1" value="<?php echo htmlspecialchars($contact['InputField-1']);?>"
  162.             id="InputField-1"
  163.         class="form-control"
  164.             placeholder="Escribe tu nombre" required data-parsley-required-message="Éste es un campo requerido."
  165.         />
  166. </div>
  167.     </div>  <div class="form-group">
  168.     <label class="col-sm-4 text-right" for="InputField-2">Apellido*</label>
  169. <div class="col-sm-5">
  170.     <input type="text" name="InputField-2" value="<?php echo htmlspecialchars($contact['InputField-2']);?>"
  171.             id="InputField-2"
  172.         class="form-control"
  173.             placeholder="Escribe tu apellido" required data-parsley-required-message="Éste es un campo requerido."
  174.         />
  175. </div>
  176.     </div>  <div class="form-group">
  177.     <label class="col-sm-4 text-right" for="InputField-3">Email*</label>
  178. <div class="col-sm-5">
  179.     <input type="text" name="InputField-3" data-parsley-type="email" value="<?php echo htmlspecialchars($contact['InputField-3']);?>"
  180.             id="InputField-3"
  181.         class="form-control"
  182.             placeholder="Escribe tu email" data-parsley-type-message="Éste debe ser un correo válido." data-parsley-required-message="Éste es un campo requerido."  required
  183.         />
  184. </div>
  185.     </div>  <div class="form-group">
  186.     <label class="col-sm-4 text-right" for="InputField-4">Número de asientos solicitados*</label>
  187. <div class="col-sm-5">
  188.     <input type="text" name="InputField-4" value="<?php echo htmlspecialchars($contact['InputField-4']);?>"
  189.             id="InputField-4"
  190.         class="form-control"
  191.             placeholder="Número de asientos solicitados" required data-parsley-required-message="Éste es un campo requerido."
  192.         />
  193. </div>
  194.     </div> 
  195. <div class="form-group">
  196.     <label class="col-sm-4 text-right" for="InputField-5">Fecha de salida*</label>
  197. <div class="col-sm-5">
  198.     <input type="text" name="InputField-5" value="" id="fecha" class="form-control onlineform datepicker" required data-parsley-required-message="Éste es un campo requerido." />
  199. </div>
  200.     </div>
  201.  
  202. <div class="form-group">
  203.     <label class="col-sm-4 text-right" for="InputField-6">Fecha de regreso*</label>
  204. <div class="col-sm-5">
  205.     <input type="text" name="InputField-6" value="" id="fecha2" class="form-control onlineform datepicker" required data-parsley-required-message="Éste es un campo requerido." />
  206. </div>
  207.     </div>
  208. <div class="form-group">
  209.     <label class="col-sm-4 text-right" for="InputField-7">Origen y destino*</label>
  210.     <div class="col-sm-5">
  211.     <input type="text" name="InputField-7" value="<?php echo htmlspecialchars($contact['InputField-7']);?>"
  212.             id="InputField-4"
  213.         class="form-control"
  214.             placeholder="Origen y destino" required data-parsley-required-message="Éste es un campo requerido."
  215.         />
  216. </div>
  217. </div>
  218. <div class="form-group">
  219.     <label class="col-sm-4 text-right" for="InputField-8">Comentarios</label>
  220. <div class="col-sm-5">
  221.     <input type="text" name="InputField-8" value="<?php echo htmlspecialchars($contact['InputField-8']);?>"
  222.             id="InputField-4"
  223.         class="form-control"
  224.             placeholder="" required data-parsley-required-message="Éste es un campo requerido."
  225.         />
  226. </div>
  227. </div>
  228. <div class="form-group">
  229.     <label class="col-sm-4 text-right" for="InputField-9">Aviso de Privacidad*</label>
  230. <div class="col-sm-5">
  231.     <label>
  232.         <input type="checkbox" name="InputField-17" id="InputField-9" value="He leído y acepto el aviso de privacidad." class="check" checked required data-parsley-required-message="Éste es un campo requerido." />
  233.         <a href="http://www.aeromexico.com/es/viaja-con-aeromexico/preparando-tu-viaje/reglamentos-y-politicas/aviso-de-privacidad/" target="_blank">He leído y acepto el aviso de privacidad.</a>
  234.     </label>
  235. </div>
  236.     </div> 
  237. <div class="col-sm-12 text-justify captcha">
  238.     <?php echo recaptcha_get_html($config['recaptcha']['publickey'], $captchaerror); ?>
  239. </div> 
  240.  
  241.     <div class="col-sm-12 text-center">
  242.         <p>Todos los campos marcados con un asterisco (*) son obligatorios.</p>
  243.     </div>
  244.     <div class="form-group text-center">
  245.         <input type="submit" value="Enviar" class="btn b-sky formbutton submitbutton" onClick="enviaConfirmacion();" />    
  246.             <input type="reset" value="Limpiar formulario" class="btn b-gray formbutton resetbutton" />
  247.     </div>
  248. </div></form>
  249. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement