API tools faq
paste
Advertisement
Am2016

formAtencionClientes

Am2016
Mar 1st, 2016
323
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 18.34 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html lang="es" class="no-js">
  3. <head>
  4.         <meta charset="UTF-8"/>
  5.         <title>Atención a Clientes
  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.         <link rel="stylesheet" type="text/css" href="//static.formstack.com/forms/css/3/reset_53bc1bb20a.css" />
  23.         <link rel="stylesheet" type="text/css" href="//static.formstack.com/forms/css/3/default_2cce9c7ec6.css" />
  24.         <link rel="stylesheet" type="text/css" href="//static.formstack.com/forms/css/3/jquery-ui_e641deecbe.css" />
  25.         <link rel="stylesheet" type="text/css" href="//static.formstack.com/forms/../common/css/uil-static.css" />
  26.         <link rel="stylesheet" type="text/css" href="//static.formstack.com/forms/css/common/dialogs_68abb2e62a.css" />
  27.     <script>
  28.       $(function() {
  29.         $('#emailform').parsley();
  30.         $(".datepicker" ).datepicker({ minDate: "-7M", maxDate: "0" });
  31.         $("#error").delay(4000).hide(1500);
  32.         $(".success").delay(4000).hide(1500);
  33.       });
  34.   </script>
  35.   <style type="text/css">
  36.   .ui-datepicker-title, .ui-datepicker-year{color:#555 !important;}
  37.   .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;}
  38.   .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;}
  39.   .hide{display:none;}
  40.   #recaptcha_widget_div{margin:0 auto;width:318px;}
  41.     ul.parsley-errors-list{
  42.         margin:0;
  43.         padding:0;
  44.     }
  45.     ul.parsley-errors-list li{
  46.         background: #fbdede;
  47.         height:15px;
  48.         width: 80%;
  49.         margin:0 0 0 5px;
  50.         padding:0;
  51.         list-style-type: none;
  52.         color: #CC0000;
  53.         font-weight:bold;
  54.         font-size:12px;
  55.         border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;
  56.         text-indent:5px;
  57.     }
  58.   </style>
  59. </head>
  60. <body>
  61. <?php
  62. require_once(__DIR__ . '/recaptchalib.php');
  63. require_once(__DIR__ .'/phpmailer/class.phpmailer.php');
  64. require_once(__DIR__ .'/phpmailer/class.smtp.php');
  65.     $valid = true;
  66.     $errors = array();
  67.     $captchaerror = null;
  68.     $config = include(__DIR__ . '/config.php');
  69.     $contact = array(
  70.             'InputField-1' => null,
  71.             'InputField-2' => null,
  72.             'InputField-3' => null,
  73.             'InputField-4' => null,
  74.             'InputField-5' => null,
  75.             'InputField-6' => null,
  76.             'InputField-7' => null,
  77.             'InputField-8' => null,
  78.             'InputField-9' => null,
  79.             'InputField-10' => null,
  80.             'InputField-11' => null,
  81.             'InputField-12' => null,
  82.             'InputField-13' => null,
  83.             'InputField-14' => null,
  84.             'InputField-15' => null,
  85.             'InputField-16' => null,
  86.             'InputField-17' => null
  87.     );
  88.  
  89.         if (isset($_POST['recaptcha_challenge_field'],$_POST['recaptcha_response_field'])) {
  90.             $resp = recaptcha_check_answer(
  91.             $config['recaptcha']['privatekey'],
  92.             $_SERVER["REMOTE_ADDR"],
  93.             $_POST["recaptcha_challenge_field"],
  94.             $_POST["recaptcha_response_field"]
  95.             );
  96.  
  97.             if (!$resp->is_valid) {
  98.                 $captchaerror = $resp->error;
  99.                 $valid = false;
  100.                 $errors['captcha'] = "El texto del captcha no coincide";
  101.         }
  102.        
  103.         $contact = filter_input_array(INPUT_POST, array(
  104.             'InputField-1'   => FILTER_SANITIZE_STRING,
  105.             'InputField-2' => FILTER_SANITIZE_STRING,
  106.             'InputField-3' => FILTER_SANITIZE_STRING,
  107.             'InputField-4' => FILTER_SANITIZE_STRING,
  108.             'InputField-5' => FILTER_SANITIZE_STRING,
  109.             'InputField-6' => FILTER_SANITIZE_STRING,
  110.             'InputField-7' => FILTER_SANITIZE_STRING,
  111.             'InputField-8' => FILTER_SANITIZE_STRING,
  112.             'InputField-9' => FILTER_SANITIZE_STRING,
  113.             'InputField-10' => FILTER_SANITIZE_STRING,
  114.             'InputField-11' => FILTER_SANITIZE_STRING,
  115.             'InputField-12' => FILTER_SANITIZE_STRING,
  116.             'InputField-13' => FILTER_SANITIZE_STRING,
  117.             'InputField-14' => FILTER_SANITIZE_STRING,
  118.             'InputField-15' => FILTER_SANITIZE_STRING,
  119.             'InputField-16' => FILTER_SANITIZE_STRING,
  120.             'InputField-17' => FILTER_SANITIZE_STRING
  121.  
  122.         ), true);
  123.         // Aquí se deberían validar los datos ingresados por el usuario
  124.         if (empty($_POST['InputField-1']) || empty($_POST['InputField-2']) || empty($_POST['InputField-4']) || empty($_POST['InputField-6']) ||
  125.             empty($_POST['InputField-8']) || empty($_POST['InputField-11'])|| empty($_POST['InputField-12'])|| empty($_POST['InputField-13'])||
  126.             empty($_POST['InputField-15'])|| empty($_POST['InputField-16'])|| empty($_POST['InputField-17'])) {
  127.             $valid = false;
  128.             $errors[] = "Ocurrió un error. Existen campos vacíos y el formulario no ha podido ser envíado.";
  129.         }
  130.         if($valid){
  131.             $destinatario = "servicioaclientes@aeromexico.com";
  132.             $asunto = "Formulario de Atención a Clientes";
  133.             $remitente ="amsender@aeromexico.com";
  134.  
  135.             // Create the mail
  136.             $mail = new PHPMailer();
  137.             $mail->IsSMTP();
  138.             $mail->SMTPAuth = true;
  139.             $mail->SMTPSecure = "ssl";
  140.             $mail->Host = "smtp.gmail.com";
  141.             $mail->Port = 465;
  142.             //indico un usuario / clave de un usuario de gmail
  143.             $mail->Username = $config['mail']['username'];
  144.             $mail->Password = $config['mail']['password'];
  145.             $mail->Subject = $asunto;
  146.             $mail->setFrom($remitente, 'Aeromexico');
  147.             $mail->AddAddress($destinatario, "");
  148.             $mail->IsHTML(true);
  149.             $body = "<h2>Atención a Clientes</h2><br/>
  150.             <p>Nombre: " . $_POST["InputField-1"] . "</p>
  151.             <p>Apellido: " . $_POST["InputField-2"] . "</p>
  152.             <p>Número de cuenta Club Premier: " . $_POST["InputField-3"] . "</p>
  153.             <p>Correo electrónico: " . $_POST["InputField-4"] . "</p>
  154.             <p>Teléfono: " . $_POST["InputField-5"] . "</p>
  155.             <p>País: " . $_POST["InputField-6"] . "</p>
  156.             <p>Estado: " . $_POST["InputField-7"] . "</p>
  157.             <p>Ciudad: " . $_POST["InputField-8"] . "</p>
  158.             <p>Dirección: " . $_POST["InputField-9"] . "</p>
  159.             <p>Código Postal: " . $_POST["InputField-10"] . "</p>
  160.             <p>Número de Vuelo / Número de boleto o Clave de Reservación: " . $_POST["InputField-11"] . "</p>
  161.             <p>Fecha de Vuelo: " . $_POST["InputField-12"] . "</p>
  162.             <p>Aeropuerto de abordaje: " . $_POST["InputField-13"] . "</p>
  163.             <p>Tipo de Comentario: " . $_POST["InputField-15"] . "</p>
  164.             <p>comentarios: " . $_POST["InputField-16"] . "</p><br/>";
  165.             $mail->Body = $body;
  166.  
  167.             // Create the mail transport
  168.             if($mail->Send()) {
  169.                 echo "<div class='success'>Gracias por llenar el formulario. Se ha enviado correctamente.</div>";              
  170.                 } else {
  171.                 echo "Error al enviar el mensaje: " . $mail->ErrorInfo;
  172.             }
  173.  
  174.         }
  175.     }
  176. ?>  
  177. <h2 style="text-align:center;">ATENCIÓN A CLIENTES</h2>
  178. <p style="text-align: justify;">Para <strong>Aeroméxico</strong>, lo más importante son nuestros pasajeros. Por favor, envíanos tus comentarios acerca de tu más reciente experiencia de vuelo con nosotros, y nos pondremos en contacto contigo a la brevedad. Si tienes alguna duda o inquietud antes de volar, por favor llámanos al <strong>(0155) 5133 4000.</strong></p> </div>
  179. <div id="info" class="content">
  180. <form class="form-horizontal" id="emailform" action="<?php echo $_SERVER['PHP_SELF']; ?>"
  181.     method="post" >
  182. <?php if (!$valid): ?>
  183.     <div id="error">
  184.         <?php  foreach($errors as $message):?>
  185.             <div class ="error"><?php echo htmlspecialchars($message); ?></div>
  186.         <?php  endforeach; ?>
  187.     </div>
  188. <?php  endif; ?>
  189. <div class="webform_wrapper">
  190.     <div class="form-group">
  191.     <label class="col-sm-4 text-right" for="InputField-1">Nombre*</label>
  192. <div class="col-sm-5">
  193.     <input type="text" name="InputField-1" value="<?php echo htmlspecialchars($contact['InputField-1']);?>"
  194.             id="InputField-1"
  195.         class="form-control"
  196.             placeholder="Escribe tu nombre completo" required data-parsley-required-message="Éste es un campo requerido."
  197.         />
  198. </div>
  199.     </div>  <div class="form-group">
  200.     <label class="col-sm-4 text-right" for="InputField-2">Apellidos*</label>
  201. <div class="col-sm-5">
  202.     <input type="text" name="InputField-2" value="<?php echo htmlspecialchars($contact['InputField-2']);?>"
  203.             id="InputField-2"
  204.         class="form-control"
  205.             placeholder="Escribe tus apellidos completos" required data-parsley-required-message="Éste es un campo requerido."
  206.         />
  207. </div>
  208.     </div>  <div class="form-group">
  209.     <label class="col-sm-4 text-right" for="InputField-3">Número de cuenta Club Premier </label>
  210. <div class="col-sm-5">
  211.     <input type="text" name="InputField-3" value="<?php echo htmlspecialchars($contact['InputField-3']);?>"
  212.             id="InputField-3"
  213.         class="form-control"
  214.             placeholder="En caso de ser socio Club Premier"
  215.         />
  216. </div>
  217.     </div>  <div class="form-group">
  218.     <label class="col-sm-4 text-right" for="InputField-4">Correo electrónico*</label>
  219. <div class="col-sm-5">
  220.     <input type="text" name="InputField-4" data-parsley-type="email" value="<?php echo htmlspecialchars($contact['InputField-4']);?>"
  221.             id="InputField-4"
  222.         class="form-control"
  223.             placeholder="Escribe tu correo electrónico" data-parsley-required-message="Éste es un campo requerido." data-parsley-type-message="Éste debe ser un correo válido." required
  224.         />
  225. </div>
  226.     </div>  <div class="form-group">
  227.     <label class="col-sm-4 text-right" for="InputField-5">Teléfono </label>
  228. <div class="col-sm-5">
  229.     <input type="text" name="InputField-5" value="<?php echo htmlspecialchars($contact['InputField-5']);?>"
  230.             id="InputField-5"
  231.         class="form-control"
  232.             placeholder="Escribe tu teléfono"
  233.         />
  234. </div>
  235.     </div>  <div class="form-group">
  236.     <label class="col-sm-4 text-right" for="InputField-6">País*</label>
  237. <div class="col-sm-5">
  238.     <input type="text" name="InputField-6" value="<?php echo htmlspecialchars($contact['InputField-6']);?>"
  239.             id="InputField-6"
  240.         class="form-control"
  241.             placeholder="Escribe tu país de residencia" required data-parsley-required-message="Éste es un campo requerido."
  242.         />
  243. </div>
  244.     </div>  <div class="form-group">
  245.     <label class="col-sm-4 text-right" for="InputField-7">Estado</label>
  246. <div class="col-sm-5">
  247.     <input type="text" name="InputField-7" value="<?php echo htmlspecialchars($contact['InputField-7']);?>"
  248.             id="InputField-7"
  249.         class="form-control"
  250.             placeholder="Escribe tu estado"
  251.         />
  252. </div>
  253.     </div>  <div class="form-group">
  254.     <label class="col-sm-4 text-right" for="InputField-8">Ciudad*</label>
  255. <div class="col-sm-5">
  256.     <input type="text" name="InputField-8" value="<?php echo htmlspecialchars($contact['InputField-8']);?>"
  257.             id="InputField-8"
  258.         class="form-control"
  259.             placeholder="Escribe tu ciudad" required data-parsley-required-message="Éste es un campo requerido."
  260.         />
  261. </div>
  262.     </div>  <div class="form-group">
  263.     <label class="col-sm-4 text-right" for="InputField-9">Dirección</label>
  264. <div class="col-sm-5">
  265.     <input type="text" name="InputField-9" value="<?php echo htmlspecialchars($contact['InputField-9']);?>"
  266.             id="InputField-9"
  267.         class="form-control"
  268.             placeholder="Escribe tu calle y número"
  269.         />
  270. </div>
  271.     </div>  <div class="form-group">
  272.     <label class="col-sm-4 text-right" for="InputField-10">Código Postal</label>
  273. <div class="col-sm-5">
  274.     <input type="text" name="InputField-10" value="<?php echo htmlspecialchars($contact['InputField-10']);?>"
  275.             id="InputField-10"
  276.         class="form-control"
  277.             placeholder="Escribe tu código postal"
  278.         />
  279. </div>
  280.     </div>  <div class="form-group">
  281.     <label class="col-sm-4 text-right" for="InputField-11">Número de Vuelo / Número de boleto o Clave de Reservación:*</label>
  282. <div class="col-sm-5">
  283.     <input type="text" name="InputField-11" value="<?php echo htmlspecialchars($contact['InputField-11']);?>"
  284.             id="InputField-11"
  285.         class="form-control"
  286.             placeholder="Escribe tu número de vuelo" required data-parsley-required-message="Éste es un campo requerido."
  287.         />
  288. </div>
  289.     </div>  <div class="form-group">
  290.     <label class="col-sm-4 text-right" for="InputField-12">Fecha de Vuelo*</label>
  291. <div class="col-sm-5">
  292.     <input type="text" name="InputField-12" value="" id="fecha" class="form-control onlineform datepicker" required data-parsley-required-message="Éste es un campo requerido." />
  293. </div>
  294.     </div>  <div class="form-group">
  295.     <label class="col-sm-4 text-right" for="InputField-13">Aeropuerto de abordaje*</label>
  296. <div class="col-sm-5">
  297.     <select name="InputField-13" value="<?php echo htmlspecialchars($contact['InputField-13']);?>" id="InputField-13" class="form-control displayCities" data-key="#hiddenCity"
  298.     placeholder="Escribe el aeropuerto donde abordaste" required data-parsley-required-message="Éste es un campo requerido.">
  299.         <option value="Favor de Elegir" >Favor de Elegir</option>
  300.         <option value='ACA'>Acapulco (ACA)</option>
  301.         <option value='AGU'>Aguascalientes (AGU)</option>
  302.         <option value='CPE'>Campeche (CPE)</option>
  303.         <option value='CUN'>Canc&uacute;n (CUN)</option>
  304.         <option value='CUU'>Chihuahua (CUU)</option>
  305.         <option value='MEX'>Ciudad de M&eacute;xico (MEX)</option>
  306.         <option value='CME'>Ciudad del Carmen (CME)</option>
  307.         <option value='CJS'>Ciudad Ju&aacute;rez (CJS)</option>
  308.         <option value='CEN'>Ciudad Obreg&oacute;n (CEN)</option>
  309.         <option value='CVM'>Ciudad Victoria (CVM)</option>
  310.         <option value='CLQ'>Colima (CLQ)</option>
  311.         <option value='CZM'>Cozumel (CZM)</option>
  312.         <option value='CUL'>Culiac&aacute;n (CUL)</option>
  313.         <option value='DGO'>Durango (DGO)</option>
  314.         <option value='GDL'>Guadalajara (GDL)</option>
  315.         <option value='HMO'>Hermosillo (HMO)</option>
  316.         <option value='HUX'>Huatulco (HUX)</option>
  317.         <option value='ZIH'>Ixtapa Zihuatanejo (ZIH)</option>
  318.         <option value='JAL'>Jalapa (JAL)</option>
  319.         <option value='LAP'>La Paz (LAP)</option>
  320.         <option value='LZC'>L&aacute;zaro C&aacute;rdenas (LZC)</option>
  321.         <option value='BJX'>Le&oacute;n Baj&iacute;o (BJX)</option>
  322.         <option value='SJD'>Los Cabos - Cabo San Lucas (SJD)</option>
  323.         <option value='LMM'>Los Mochis (LMM)</option>
  324.         <option value='ZLO'>Manzanillo (ZLO)</option>
  325.         <option value='MAM'>Matamoros (MAM)</option>
  326.         <option value='MZT'>Mazatl&aacute;n (MZT)</option>
  327.         <option value='MID'>M&eacute;rida (MID)</option>
  328.         <option value='MXL'>Mexicali (MXL)</option>
  329.         <option value='MTT'>Minatitlán (MTT)</option>
  330.         <option value='LOV'>Monclova (LOV)</option>
  331.         <option value='MTY'>Monterrey (MTY)</option>
  332.         <option value='MLM'>Morelia (MLM)</option>
  333.         <option value='NLD'>Nuevo Laredo (NLD)</option>
  334.         <option value='OAX'>Oaxaca (OAX)</option>
  335.         <option value='PDS'>Piedras Negras (PDS)</option>
  336.         <option value='PAZ'>Poza Rica (PAZ)</option>
  337.         <option value='PBC'>Puebla (PBC)</option>
  338.         <option value='PXM'>Puerto Escondido (PXM)</option>
  339.         <option value='PVR'>Puerto Vallarta (PVR)</option>
  340.         <option value='QRO'>Quer&eacute;taro (QRO)</option>
  341.         <option value='REX'>Reynosa (REX)</option>
  342.         <option value='SLW'>Saltillo (SLW)</option>
  343.         <option value='SAN'>San Diego (SAN) (Tijuana airport via CBX bridge)</option>
  344.         <option value='SLP'>San Luis Potos&iacute; (SLP)</option>
  345.         <option value='TAM'>Tampico (TAM)</option>
  346.         <option value='TAP'>Tapachula (TAP)</option>
  347.         <option value='TPQ'>Tepic (TPQ)</option>
  348.         <option value='TIJ'>Tijuana (TIJ)</option>
  349.         <option value='TLC'>Toluca (TLC)</option>
  350.         <option value='TRC'>Torre&oacute;n (TRC)</option>
  351.         <option value='TGZ'>Tuxtla Guti&eacute;rrez (TGZ)</option>
  352.         <option value='VER'>Veracruz (VER)</option>
  353.         <option value='VSA'>Villahermosa (VSA)</option>
  354.         <option value='ZCL'>Zacatecas (ZCL)</option>
  355.     </select>
  356. </div>
  357.     </div>
  358.     <div class="form-group">
  359.     <label class="col-sm-4 text-right" for="InputField-15">Tipo de Comentario*</label>
  360. <div class="col-sm-5">
  361.     <select class="form-control" name="InputField-15" id="InputField-15" required data-parsley-required-message="Éste es un campo requerido.">
  362.  
  363.                 <option value="Favor de Elegir" >Favor de Elegir</option>
  364.                
  365.                 <option value="Felicitación" >Felicitación</option>
  366.                
  367.                 <option value="Queja" >Queja</option>
  368.                
  369.                 <option value="Sugerencia" >Sugerencia</option>
  370.                
  371.     </select>
  372. </div>
  373.     </div>  <div class="form-group">
  374.     <label class="col-sm-4 text-right" for="InputField-16">Comentarios*</label>
  375. <div class="col-sm-5">
  376.     <textarea class="form-control" cols="5" rows="5" name="InputField-16" id="InputField-16"  maxlength="1700" value="<?php echo htmlspecialchars($contact['InputField-16']);?>" required data-parsley-required-message="Éste es un campo requerido."></textarea>
  377. </div>
  378.     </div>  <div class="form-group">
  379.     <label class="col-sm-4 text-right" for="InputField-17">Aviso de Privacidad*</label>
  380. <div class="col-sm-5">
  381.     <label>
  382.         <input type="checkbox" name="InputField-17" id="InputField-17" value="He leído y acepto el aviso de privacidad." class="check" checked required data-parsley-required-message="Éste es un campo requerido." />
  383.         <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>
  384.     </label>
  385. </div>
  386.     </div> 
  387. <div class="col-sm-12 text-justify captcha">
  388.     <?php echo recaptcha_get_html($config['recaptcha']['publickey'], $captchaerror); ?>
  389. </div>
  390.  
  391.     <div class="col-sm-12 text-center">
  392.         <p>Todos los campos marcados con un asterisco (*) son obligatorios.</p>
  393.     </div>
  394.     <div class="form-group text-center">
  395.         <input type="submit" value="Enviar" class="btn b-sky formbutton submitbutton" onClick="enviaConfirmacion();" />    
  396.             <input type="reset" value="Limpiar formulario" class="btn b-gray formbutton resetbutton" />
  397.     </div>
  398. </div></form>
  399.  
  400. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!