.header
  %h1 Faisons connaissance.

  %p{:style => "text-align:center;"}  
    Que vous souhaitiez investir dans une laverie, ou simplement 
    %br
    louer votre bien pour l'implantation de l'une d'elles nous nous ferons 
    %br 
    un plaisir de vous guider dans votre projet.


.article.left
  .row-fluid
  
    .span4
      %h3 Par téléphone
      %p 04 76 35 19 77

    
    .span4
      %h3 Par courrier
      %p 
        Lux Laverie
        %br
        
        523 route des Béalières                                 
        
        %br
        38360 Noyarey
        %br
        France
  
    .span4
      %h3 Par email
      %p
        En nous écrivant à 
        =link_to "contact@luxlaverie.com", "mailto:contact@luxlaverie.com"

  %br
  %br
  .row-fluid
      
    .span12
      %h3 Formulaire de contact
    
    
      =form_tag "contact/create", :method => :post do
      
        %p{:style => "margin-top:0.5em;margin-bottom:0px;"}
          %label Nom*
        =text_field_tag :name, "", :placeholder => "Nom", :class => "validate[required]"
      
        %p{:style => "margin-top:0.5em;margin-bottom:0px;"}
          %label Adresse
        =text_field_tag :address, "", :placeholder => "Adresse"
        =text_field_tag :address2, "", :placeholder => "Adresse suite"
        .row-fluid
          .span4
            =text_field_tag :cp, "", :placeholder => "Code postal"
          .span8
            =text_field_tag :city, "", :placeholder => "Ville"
      
        %p{:style => "margin-top:0.5em;margin-bottom:0px;"}
          %label Téléphone*
        =text_field_tag :tel, "", :placeholder => "Téléphone", :class => "validate[required]"
        
        %p{:style => "margin-top:0.5em;margin-bottom:0px;"}
          %label Mail
        =text_field_tag :mail, "", :placeholder => "Mail"
      
        %p{:style => "margin-top:0.5em;margin-bottom:0px;"}
          %label Lieu du projet
        =text_field_tag :place, "", :placeholder => "Lieu du projet"
      
        %p{:style => "margin-top:0.5em;margin-bottom:0px;"}
          %label Type du projet
        .row-fluid
          .span3
            =radio_button_tag :type, "bungalow"
            %label{:style => "display:inline-block;"} Bungalow
            &nbsp;&nbsp;
            =radio_button_tag :type, "local"
            %label{:style => "display:inline-block;"} Local
        
          .span9
        
            Vous possédez le terrain ou le local pour l'installation ?
            &nbsp;&nbsp;&nbsp;&nbsp;
            =radio_button_tag :owner, "oui"
            %label{:style => "display:inline-block;"} oui
            &nbsp;&nbsp;
            =radio_button_tag :owner, "non"
            %label{:style => "display:inline-block;"} non
        
        %p{:style => "margin-top:0.5em;margin-bottom:0px;"}
          %label Message
        =text_area_tag :message, "", :placeholder => "Message", :style => "height:10em;"
        %p Les champs marqués d'un * sont requis.
        
        <script src="https://www.google.com/recaptcha/api.js" async defer></script>
        
        =raw '<div class="g-recaptcha" data-sitekey="'+RECAPTCHA_SITE_KEY+'"></div>'
        
        =submit_tag "Envoyer", :style => "display:block;text-align:center;margin:auto;color:white;background:#9ab354;border-radius:1em; padding:0.5em 1em; font-size:1em; border:0px;"
      
      :javascript
        $("form").validationEngine();
        
        $("form").submit(function(event) {

           var recaptcha = $("#g-recaptcha-response").val();
           if (recaptcha === "") {
              event.preventDefault();
              alert("Merci de cliquer sur la case 'Je ne suis pas un robot.'");
           }
        });
  

    %p Un commercial pourra au besoin vous rencontrer sur toute la France.

