Advertisement
Guest User

Untitled

a guest
Dec 30th, 2018
277
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 17.41 KB | None | 0 0
  1. <?
  2. include "inc_top.php";
  3. include "inc_head.php";
  4. ?>
  5.  
  6. <div id="container">
  7. <div class="page-wrap">
  8. <?
  9. include 'inc_menu.php';
  10. ?>
  11.  
  12. <?php
  13.   function enviarClave($password, $email){
  14.     $subject = "Tu clave de Kanawa";
  15.     $message = "Bienvenido. Esta es tu clave temporal para ingresar a Kanawa ".$password;
  16.     sendEmail($email, $subject, $message, '', '', 1, "KANAWA", 'no-contestar', 'contacto');
  17.   }
  18.  
  19.   if(isset($_POST['crearCuenta'])){
  20.     if ($_POST['nombre'] != ''){
  21.       $nombre = $_POST['nombre'];
  22.       $apellido = $_POST['apellido'];
  23.       $telefono = $_POST['telefono'];
  24.       $email = $_POST['email'];
  25.       $direccion = $_POST['direccion'];
  26.       $direccion2 = $_POST['direccion2'];
  27.       $ciudad = $_POST['ciudad'];
  28.       $cpostal = $_POST['cpostal'];
  29.       $barrio = $_POST['barrio'];
  30.       $randomPass = createRandomPassword(5);
  31.       $clave = md55($randomPass);
  32.       $sqlNuevoUsuario = mysqli_query(conexion(),"INSERT INTO usuarios (nombre, apellido, telefono, email, direccion, direccion2, ciudad, cpostal, barrio, p_assword) VALUES ('$nombre', '$apellido', '$telefono', '$email', '$direccion', '$direccion2', '$ciudad', '$cpostal', '$barrio', '$clave')");
  33.       enviarClave($randomPass, $email);
  34.     }
  35.   }
  36. ?>
  37.  
  38.         <div class="row" id="checkout">
  39.             <div class="wrap">
  40.                 <div class="row gutter-20">
  41.                 <div class="col-md-6 col-xs-12">
  42.                     <div class="row bgrey">
  43.                         <div class="col-md-12">
  44.                         <span class="info"></span> ¿Ya eres cliente? <a data-toggle="collapse" href="#acceso">Haga clic aquí para ingresar</a>
  45.                         </div>
  46.                     </div>
  47.                    
  48.                     <form id="acceso" class="collapse" method="post">
  49.                     <div class="row gutter-20">
  50.                     <div class="col-md-6 col-xs-12">
  51.                         <label>Usuario o correo electrónico *</label>
  52.                         <input name="user" type="text" class="form-control">
  53.                     </div>
  54.                     <div class="col-md-6 col-xs-12">
  55.                         <label>Contraseña</label>
  56.                         <input name="pass" type="text" class="form-control">
  57.                     </div>
  58.                     <div class="col-md-12"><button type="submit" class="botcomprar">Identificarse</button></div>
  59.                     <div class="col-md-6"><input type="checkbox"> Recordarme</div>
  60.                     <div class="col-md-6 text-right"><a data-toggle="collapse" href="#olvido">Olvidaste tu contraseña</a></div>
  61.                     </div>
  62.                         <div id="olvido" class="collapse">
  63.                             <div class="col-md-6 col-xs-12"><input type="text" class="form-control" placeholder="correo electréonico"></div>
  64.                             <div class="col-md-6 col-xs-12"><button type="submit" class="aply">Solicitar clave</button></div>
  65.                         </div>
  66.                     </form>
  67.                 </div><!--col-md-6-->
  68.                 <div class="col-md-6 col-xs-12">
  69.                         <div class="row bgrey">
  70.                             <div class="col-md-12">
  71.                             <span class="info"></span> ¿Tiene un cupón? <a data-toggle="collapse" href="#cupon">Clic aquí para ingresar su código</a>
  72.                             </div>
  73.                         </div> 
  74.                         <div id="cupon" class="collapse">
  75.                             <div class="col-md-6 col-xs-12"><input type="text" class="form-control" placeholder="código de cupón"></div>
  76.                             <div class="col-md-6 col-xs-12"><button type="submit" class="aply">Aplicar cupón</button></div>
  77.                         </div>
  78.                     </div><!--col-md-6-->
  79.                 </div><!--row-->
  80.                
  81.                 <div class="row">
  82.                 <?php
  83.                   $row = array(
  84.                     'nombre' => '',
  85.                     'apellido' => '',
  86.                     'email' => '',
  87.                     'telefono' => '',
  88.                     'ciudad' => '',
  89.                     'direccion' => '',
  90.                     'direccion2' => '',
  91.                     'barrio' => '',
  92.                     'cpostal' => '',);
  93.                   if(isset($_POST['user'])){
  94.                     $user = $_POST['user'];
  95.                     $pass = $_POST['pass'];
  96.                     $sql = mysqli_query(conexion(),"SELECT * FROM usuarios WHERE (email = '$user' OR usuario = '$user') AND p_assword = '$pass'");
  97.                     $row = mysqli_fetch_assoc($sql);
  98.                   }
  99.                 ?>
  100.                 <form method="post" id="compra">
  101.                 <div class="col-md-6 col-xs-12 c1">
  102.                     <h2>Detalles de facturación</h2>
  103.                     <div class="row gutter-20">
  104.                     <div class="col-md-6 col-xs-12"><label>Nombre *</label>
  105.                       <input name="nombre" type="text" class="form-control" value="<?php echo $row ['nombre']; ?>">
  106.                     </div>
  107.                     <div class="col-md-6 col-xs-12"><label>Apellido *</label>
  108.                       <input name="apellido" type="text" class="form-control" value="<?php echo $row ['apellido']; ?>">
  109.                     </div>
  110.                     </div>
  111.                     <div class="row gutter-20">
  112.                     <div class="col-md-6 col-xs-12"><label>Correo Electrónico *</label>
  113.                       <input name="email" type="text" class="form-control" value="<?php echo $row ['email']; ?>">
  114.                     </div>
  115.                     <div class="col-md-6 col-xs-12"><label>Teléfono *</label>
  116.                       <input name="telefono" type="text" class="form-control" value="<?php echo $row ['telefono']; ?>">
  117.                     </div>
  118.                     </div>
  119.                     <div class="row gutter-20">
  120.                     <div class="col-md-12 col-xs-12"><label>Ciudad *</label>
  121.                       <select name="ciudad" class="selectpicker" title="Seleccione" data-width="100%">
  122.                         <?php
  123.                         $sql = mysqli_query(conexion(),"SELECT * FROM provincias WHERE tipo = 'localidades'");
  124.                         while($ciudad = mysqli_fetch_assoc($sql)):
  125.                         ?>
  126.                           <option <?php echo $row['ciudad'] == $ciudad['nombre'] ? 'selected' : '' ?>>
  127.                             <?php echo $ciudad['nombre'] ?>
  128.                           </option>
  129.                         <?php endwhile; ?>
  130.                       </select>
  131.                     </div>
  132.                     </div>
  133.                     <div class="row gutter-20">
  134.                     <div class="col-md-12 col-xs-12">
  135.                       <label>Dirección de la calle *</label>
  136.                       <input name="direccion" type="text" class="form-control" placeholder="Nombre de la calle y Nro de la casa" value="<?php echo $row ['direccion']; ?>">
  137.                     </div>
  138.                     <div class="col-md-12 col-xs-12">
  139.                       <input name="direccion2" type="text" class="form-control" placeholder="Apartamento; habitación, etc (opcional)" value="<?php echo $row ['direccion2']; ?>">
  140.                     </div>
  141.                     </div>
  142.                     <div class="row gutter-20">
  143.                     <div class="col-md-6 col-xs-12">
  144.                       <label>Barrio *</label>
  145.                       <input name="barrio" type="text" class="form-control" value="<?php echo $row ['barrio']; ?>">
  146.                     </div>
  147.                     <div class="col-md-6 col-xs-12">
  148.                       <label>Cod. Postal *</label>
  149.                       <input name="cpostal" type="text" class="form-control" value="<?php echo $row ['cpostal']; ?>">
  150.                     </div>
  151.                     <div class="col-md-12 col-xs-12">
  152.                       <input type="checkbox" name="crearCuenta" value="1">
  153.                       Crear una cuenta
  154.                       </div>
  155.                     </div>
  156.                     <div class="checkbox">
  157.                     <label data-toggle="collapse" data-target="#envio" aria-expanded="false" aria-controls="collapseOne">
  158.                         <input type="checkbox"/> ¿Enviar a una dirección diferente?
  159.                     </label>
  160.                     </div>
  161.                    
  162.                     <div id="envio" class="collapse">
  163.                         <div class="row gutter-20">
  164.                             <div class="col-md-6 col-xs-12"><label>Nombre *</label> <input type="text" class="form-control"></div>
  165.                             <div class="col-md-6 col-xs-12"><label>Apellido *</label> <input type="text" class="form-control"></div>
  166.                         </div>
  167.                         <div class="row gutter-20">
  168.                             <div class="col-md-12 col-xs-12"><label>Ciudad *</label>
  169.                             <select class="selectpicker" title="Seleccione" data-width="100%">
  170.                                 <option>CABA</option>
  171.                             </select>
  172.                             </div>
  173.                         </div>
  174.                         <div class="row gutter-20">
  175.                             <div class="col-md-12 col-xs-12"><label>Dirección de la calle *</label> <input type="text" class="form-control" placeholder="Nombre de la calle y Nro de la casa"></div>
  176.                             <div class="col-md-12 col-xs-12"><input type="text" class="form-control" placeholder="Apartamento; habitación, etc (opcional)"></div>
  177.                         </div>
  178.                         <div class="row gutter-20">
  179.                             <div class="col-md-6 col-xs-12"><label>Barrio *</label> <input type="text" class="form-control"></div>
  180.                             <div class="col-md-6 col-xs-12"><label>Cod. Postal *</label> <input type="text" class="form-control"></div>
  181.                         </div>
  182.                        
  183.                     </div><!--envio-->
  184.                    
  185.                    
  186.                 </div><!--col-md-6-->
  187.                 <div class="col-md-6 col-xs-12 c2">
  188.                     <h2>Su pedido</h2>
  189.                     <div class="row gutter-20 bgrey hidden-xs">
  190.                         <div class="col-md-7 col-xs-12">Producto</div>
  191.                         <div class="col-md-5 col-xs-12">Total</div>
  192.                     </div>
  193.                     <div class="row gutter-20 items">
  194.                         <div class="col-md-7 col-xs-12">Detox 3: Experimentados - 2 Packs  × 1</div>
  195.                         <div class="col-md-5 col-xs-12">$1,600.00</div>
  196.                     </div>
  197.                     <div class="row gutter-20 items">
  198.                         <div class="col-md-7 col-xs-12">Detox 1: Principiantes - 3 Packs  × 1</div>
  199.                         <div class="col-md-5 col-xs-12">$2,400.00</div>
  200.                     </div>
  201.                     <div class="row gutter-20 bgrey" id="modenvio">
  202.                         <div class="col-md-7 col-xs-12">Envío</div>
  203.                         <div class="col-md-5 col-xs-12">
  204.                             <label for="e1">
  205.                                 <input type="radio" name="env" value="grat" id="e1" checked="checked" onclick="show1()" />  Envío gratuito
  206.                             </label>
  207.                            
  208.                             <label for="p1">
  209.                                 <input type="radio" name="env" value="pick" id="p1" onclick="show2()" /> Pickup
  210.                             </label>
  211.                         </div>
  212.                         <div class="clearfix"></div>
  213.                         <!--envio gratis-->
  214.                         <div id="envio1" class="gutter-20 collapse in" aria-expanded="false" >
  215.                                 <div class="col-md-7 col-xs-12">Fecha de Entrega*</div>
  216.                                 <div class="col-md-5 col-xs-12"><input type="date"></div>
  217.                                 <div class="col-md-7 col-xs-12"><span class="total">Total</span></div>
  218.                                 <div class="col-md-5 col-xs-12"><span class="total">$ 4,000.00</span></div>
  219.                         </div>
  220.                         <!--/-->
  221.                         <!--pickup-->
  222.                         <div id="pick" class="gutter-20 collapse" aria-expanded="false" >
  223.                                 <div class="col-md-7 col-xs-12">Sucursal Pickup*</div>
  224.                                 <div class="col-md-5 col-xs-12">
  225.                                     <select class="selectpicker">
  226.                                     <option>Uriarte 1128</option>
  227.                                     </select>
  228.                                 </div>
  229.                                 <div class="col-md-7 col-xs-12">Fecha de Retiro*</div>
  230.                                 <div class="col-md-5 col-xs-12"><input type="date"></div>
  231.                                 <div class="col-md-7 col-xs-12"><span class="total">Total</span></div>
  232.                                 <div class="col-md-5 col-xs-12"><span class="total">$ 4,000.00</span></div>
  233.                         </div>
  234.                         <!--/-->
  235.                        
  236.                    
  237.                         <script type="text/javascript">
  238.                     function show1(){
  239.                         document.getElementById('pick').style.display = 'none';
  240.                         document.getElementById('envio1').style.display = 'block';
  241.                     }
  242.                     function show2(){
  243.                         document.getElementById('pick').style.display = 'block';
  244.                         document.getElementById('envio1').style.display = 'none';
  245.                     }
  246.                 </script>
  247.                
  248.                        
  249.                        
  250.                     </div>
  251.                    
  252.                    
  253.                     <div class="row gutter-20" id="pago">
  254.                         <div class="col-md-12 col-xs-12">
  255.                             <label for="mp">
  256.                             <input type="radio" name="pago" value="mpago" id="mp" checked="checked" onclick="showmp()" />  Mercado Pago <img src="images/mercadopago.png">
  257.                             </label>
  258.                             <div class=" col-md-12 collapse in bgrey" id="divmp">Pago con Mercado Pago</div>
  259.                         </div>
  260.                         <div class="col-md-12 col-xs-12">
  261.                             <label for="ef">
  262.                                 <input type="radio" name="pago" value="efectivo" id="ef" onclick="showef()" /> Pego en entrega
  263.                             </label>
  264.                             <div class=" col-md-12 collapse bgrey" id="divef">Pagar en efectivo al momento de la entrega. </div>
  265.                         </div>
  266.                        
  267.                        
  268.                        
  269.                         <script type="text/javascript">
  270.                     function showmp(){
  271.                         document.getElementById('divef').style.display = 'none';
  272.                         document.getElementById('divmp').style.display = 'block';
  273.                     }
  274.                     function showef(){
  275.                         document.getElementById('divef').style.display = 'block';
  276.                         document.getElementById('divmp').style.display = 'none';
  277.                     }
  278.                 </script>
  279.                     </div>
  280.                
  281.                     <div class="row gutter-20">
  282.                 <div class="col-md-12"><button type="submit" class="agregar">Realizar el Pedido</button>
  283.                     </div>
  284.                    
  285.                 </div><!--col-md-6-->
  286.                
  287.                 </form>
  288.                 </div><!--row-->
  289.                
  290.             </div><!--wrap-->
  291.         </div>
  292.          
  293.  
  294.  
  295.  
  296.  
  297.  
  298.        
  299.  
  300.         <section id="contacto">
  301.         <?
  302.         // Pie de la página
  303.         $sql = mysqli_query(conexion(), "SELECT * FROM banners AS B WHERE B.activo > 0 AND B.orden = 10");
  304.         if (mysqli_num_rows($sql) > 0) {
  305.             include "inc_contacto.php";
  306.         } ?>
  307.         </section>
  308.  
  309.     </div><!--page-wrap-->
  310. </div><!--container-->
  311.  
  312. <script>
  313. $('#sld1').owlCarousel({
  314.     loop: true,
  315.     autoplay:true,
  316.     nav: false,
  317.     smartSpeed:950,
  318.     animateOut: 'fadeOut',
  319.     animateIn: 'fadeIn',
  320.     margin:0,
  321.     responsiveClass:true,
  322.     dots:false,
  323.     responsive:{
  324.         0:{
  325.             items:1,
  326.             nav:true
  327.         },
  328.         600:{
  329.             items:1,
  330.             nav:false
  331.         },
  332.         1000:{
  333.             items:1,
  334.             nav:true
  335.         }
  336.     }
  337. })
  338. </script>
  339. <script>
  340. $('#sld2').owlCarousel({
  341.     loop: true,
  342.     autoplay:true,
  343.     nav: false,
  344.     smartSpeed:1550,
  345.     animateOut: 'fadeOut',
  346.     animateIn: 'fadeIn',
  347.     margin:0,
  348.     responsiveClass:true,
  349.     dots:false,
  350.     responsive:{
  351.         0:{
  352.             items:1,
  353.             nav:true
  354.         },
  355.         600:{
  356.             items:3,
  357.             nav:false
  358.         },
  359.         1000:{
  360.             items:1,
  361.             nav:true
  362.         }
  363.     }
  364. })
  365. </script>      
  366.      
  367. <script>
  368. var $myGroup = $('#faqstabs');
  369. $myGroup.on('show.bs.collapse','.collapse', function() {
  370.     $myGroup.find('.collapse.in').collapse('hide');
  371. });
  372. </script>
  373.  
  374.  
  375.  
  376.  
  377.  <script src="js/wow.min.js"></script>
  378.     <script>
  379.               new WOW().init();
  380.               </script>
  381.  
  382.    
  383.    
  384.  
  385. </body>
  386. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement