@extends('layouts.page')

@section('pageTitle', 'Contacto')

@section('content')
%section.page-title.page-title-3.image-bg.overlay.parallax
  .background-image-holder.background-image-holder-2.fadeIn
    %img.background-image{:alt => "Background Image", :src => "{{ asset('/assets/img/GGA_Filtros-2-canchaoscura.jpg')}}"}/
  .container
    .row
      .col-sm-12.text-center
        %h3.uppercase.mb0 Contáctanos
    / end of row
  / end of container
  %ol.breadcrumb.breadcrumb-2
    %li.active Información de contacto
    %li.active Redes sociales
    %li.active Retroalimentación
%section.pb120.pt120
  .container
    .row
      .col-sm-6.col-md-5
        %h4.uppercase Contáctate con nosotros
        %p
          Golden Goal es una aplicación en fase beta de pruebas, nos interesa escuchar tu opinión, comentarios y retroalimentación :)
        %p
          %strong E:
          hola@goldengoalapp.com
          %br/
          %strong T:
          +614 3948 2726
          %br/
        %ul.list-inline.social-list.mb-xs-40
          %li
            %a{:href => "#"}
              %i.ti-twitter-alt
          %li
            %a{:href => "#"}
              %i.ti-facebook
          %li
            %a{:href => "#"}
              %i.ti-instagram
      .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 'Main'}}"}
          - if(isset($_GET["_rdr"]))
            %input{:name => "origin", :type => "hidden", :value => "{{$_GET['_rdr']}}"}
          - else
            %input{:name => "origin", :type => "hidden", :value => "ninguno"}

          %input{:name => "name", :placeholder => "Tu nombre", :type => "text", :required=>"required"}/
          %input{:name => "email", :placeholder => "Correo electrónico", :type => "text", :required=>"required"}/
          %textarea{:name => "message", :placeholder => "Mensaje", :rows => "4", :required=>"required"}
          %button{:type => "submit"} Enviar ahora >
    / end of row
  / end of container
%section#descarga.bg-dark.pb0.pt64
  .container
    .row.mb64.mb-xs-32
      .col-md-8.col-md-offset-2.col-sm-8.col-sm-offset-2.text-center
        %h1.large ¡Comienza a jugar!
        %p.lead-3.mb48.mb-xs-32.fade-1-4
          Descarga Golden Goal App y arma tu reta.
        %a.mr10{:href => "https://itunes.apple.com/us/app/golden-goal-soccer-manager/id1288504963?ls=1&mt=8", :target => "_blank"}
          %img.image-xs{:alt => "App Store", :src => "{{ asset('/assets/img/appstore.png')}}"}/
        %a{:href => "https://play.google.com/store/apps/details?id=com.goldengoal.c.goldengoalapp", :target => "_blank"}
          %img.image-xs{:alt => "App Store", :src => "{{ asset('/assets/img/playstore.png')}}"}/
    / end of row
    / end of row
  / end of container

@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...",
      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...",
          button: false,
          closeOnEsc: false,
          closeOnClickOutside: false,
          closeOnConfirm: false,
          closeOnCancel: false
        });
    });
    
  });

  });

@endsection