@extends('layouts.page')

@section('pageTitle', 'Contacto')

@section('content')
%section.page-title.page-title-4.image-bg.overlay.parallax
  .background-image-holder
    %img.background-image{:alt => "Clean doctors", :src => "{{ asset('/assets/img/banner4-low.jpg')}}"}/
  .container
    .row
      .col-md-6
        %h3.uppercase.mb0 Contacto
    / end of row
  / end of container
%section.pb0.mt40
  .container
    .row
      @include('partials.messages')
      .col-sm-6.col-md-5
        %h4.uppercase Contáctanos
        %p.lead
          Llena nuestro formulario para poder agendar una cita con nuestros agentes de servicio.
        %hr/
        %h5.mb0
          Dirección de contacto:
        %p
          Calle Celedonio Junco de la Vega 4742, Local C,
          %br/
          Valle Verde 3er Sector,
          %br/
          Monterrey, Nuevo León, México.
        %hr/
        %p
          %strong Correo:
          contacto@cleandoctors.com.mx
          %br/
          %strong Teléfono:
          01 (81) 2531-3763
          %br/
      .col-sm-6.col-md-5.col-md-offset-1
       
        %form{:action => "{{ url('/contact') }}", :method => "POST"}
          = csrf_field()
          %input{:name => "landing", :type => "hidden", :value => "{{$landing or 'Contacto'}}"}
          - if(isset($_GET["_rdr"]))
            %input{:name => "origin", :type => "hidden", :value => "{{$_GET['_rdr']}}"}
          - else
            %input{:name => "origin", :type => "hidden", :value => "ninguno"}

          %input{:name => "name", :placeholder => "Nombre", :type => "text", :required => ""}/
          %input{:name => "email", :placeholder => "Correo electrónico", :type => "text", :required => ""}/
          %input#phone{:name => "phone", :placeholder => "Teléfono", :type => "text", :required => ""}/
          %textarea{:name => "message", :placeholder => "Mensaje", :rows => "4", :required => ""}
          %button{:type => "submit"} Enviar Datos
    / end of row
  / end of container
%section
  .container
    .row
      .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1.text-center
        %h4.uppercase.mb16 ¿Buscas Trabajo?
        %p.lead.mb80
          ¡Estamos contratando! Cuéntanos sobre ti en el formulario siguiente y nos pondremos en contacto contigo a la brevedad.
    .row.mb64.mb-xs-0
      .col-sm-6
        .row
          .col-sm-10
            %form{:action => "{{ url('/contact') }}", :method => "POST"}
              = csrf_field()
              %input{:name => "landing", :type => "hidden", :value => "{{$landing or 'Buscas trabajo'}}"}
              - if(isset($_GET["_rdr"]))
                %input{:name => "origin", :type => "hidden", :value => "{{$_GET['_rdr']}}"}
              - else
                %input{:name => "origin", :type => "hidden", :value => "ninguno"}

              %input{:name => "name", :placeholder => "Nombre", :type => "text", :required => ""}/
              %input{:name => "email", :placeholder => "Correo electrónico", :type => "text", :required => ""}/
              %input#phone-c{:name => "phone", :placeholder => "Teléfono", :type => "text", :required => ""}/
              %textarea{:name => "message", :placeholder => "Acerca de ti...", :rows => "4", :required => ""}
              %button{:type => "submit"} Envíar Datos
      .col-sm-6
        %img{:alt => "Clean Doctors", :src => "{{ asset('/assets/img/reclutamiento.jpg')}}"}/
  / end of row
  / end of container
%section.p0
  .map-holder.pt160.pb160
    %iframe{:allowfullscreen => "", :frameborder => "0", :height => "450", :src => "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3594.601841069046!2d-100.36976568540213!3d25.71760368365681!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x86629661e4812729%3A0x8f60fe9860a07d14!2sCeledonio+Junco+de+La+Vega+4802%2C+Valle+Verde+2%2C+64117+Monterrey%2C+N.L.!5e0!3m2!1ses-419!2smx!4v1519318812840", :style => "border:0", :width => "600"}
@endsection

@section('scripts')

- if(Session::has('registrado'))
  :javascript
    swal("Registro exitoso", "Gracias por tu registro, en breve nos comunicaremos contigo", "success")


- if(Session::has('fail'))
  :javascript
    swal("Problemas con correo electrónico", "Tuvimos problemas para validar tu correo electrónico, veirifica tus datos o comunicate con nosotros para ayudarte :)", "error")

:javascript
  jQuery(function ($) {
    $('form').submit(function(){

    $('input[type=submit]', this).attr('disabled', 'disabled');

    swal({
      text: "Espera por favor, estamos validando tus datos de registro...",
      imageUrl: "https://media.giphy.com/media/xTk9ZvMnbIiIew7IpW/giphy.gif",
      button: false,
      closeOnEsc: false,
      closeOnClickOutside: false,
      closeOnConfirm: false,
      closeOnCancel: false
    });

    
    $('body').keypress(function(event){
      if (event.keyCode == 10 || event.keyCode == 13) 
        swal({
          text: "Espera por favor, estamos validando tus datos de registro...",
          imageUrl: "https://media.giphy.com/media/xTk9ZvMnbIiIew7IpW/giphy.gif",
          button: false,
          closeOnEsc: false,
          closeOnClickOutside: false,
          closeOnConfirm: false,
          closeOnCancel: false
        });
    });
    
  });

  });

@endsection