Advertisement
Am2016

formGranPlan

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