-@page_images_credits = []

-@facebook_title = @facebook_title || @title
- @twitter_title = @twitter_title || @title

-@menu_shadow=true
-@lang = @lang || LangSite.first
-if !@facebook_img or @facebook_img == ""
  -@facebook_img= "/public_medias/image_file/file/13/large_4df7bef3.jpg"
!!!

- @social_url = @social_url || request.url.to_s
-if @description and @description == ""
  - @description = qit "SEO texte description par défaut 2",""

%html{:lang => "fr", "xml:lang" => "fr", :xmlns => "http://www.w3.org/1999/xhtml"}
  %head
    -@title = strip_tags(@title.to_s)
    %title="Payre maintenance - "+@title.to_s+" - Groupe Payre"
    <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
    <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="/favicon-194x194.png" sizes="194x194">
    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
    <link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192">
    <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
    <link rel="manifest" href="/manifest.json">
    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/mstile-144x144.png">
    <meta name="theme-color" content="#ffffff">

    %meta{:name=>"viewport", :content=>"width=device-width,initial-scale=1"}
    %meta{ :"http-equiv" => "Content-Type", :content => "text/html; charset=utf-8" }
    %meta{ :"name" => "Description", :content => @description }
    %meta{ :"name" => "Keywords", :content => @keywords }

    -if @facebook_img
      =raw '<meta property="og:image" content="http://payresas.fr'+@facebook_img.to_s+'"/>'
      =raw '<link rel="image_src" href="http://payresas.fr'+@facebook_img.to_s+'"/>'

      =raw '<meta name="twitter:card" content="summary_large_image">'




      =raw '<meta property="twitter:image" content="http://payresas.fr'+@facebook_img.to_s+'"/>'




      -@img_size = FastImage.size('http://payresas.fr'+@facebook_img.to_s)

      -if @img_size and @img_size.size > 0
        =raw '<meta property="og:image:width" content="'+@img_size[0].to_s+'"/>'
        =raw '<meta property="og:image:height" content="'+@img_size[1].to_s+'"/>'

    = javascript_include_tag "public"

    = csrf_meta_tag
    =render :partial => "public/shared/ga"

    = stylesheet_link_tag 'public', :media => :all

    <link href="https://fonts.googleapis.com/css?family=Galada|Lato:400,900|Roboto+Slab:400,700" rel="stylesheet">
    <script src="https://f.vimeocdn.com/js/froogaloop2.min.js"></script>
    =javascript_include_tag "https://maps.googleapis.com/maps/api/js?libraries=places,geometry&amp;sensor=false"





  %body
    =link_to image_tag("/logo-fond.png", :id => "logo_fond"), "/"
    -if @menu_item and @menu_item.id == 1
      .slide_home_wrapper
        =image_tag("/50ans.png", :id => "cinquante")
        =render :partial => "public/shared/menu_top"

        #menu_top
          .sub_menu
            =render :partial => "public/shared/second_menu"
          .menu
            =render :partial => "public/shared/first_menu"




        .slide_home.slider

          -@home_slider = HomeSlider.find_by_slug("home")
          -@date = Time.now
          -if @home_slider
            -@home_slides_simu = @home_slider.home_slider_slides.where(:enabled => true)
            -@home_slides_simu = @home_slides_simu.where("start_at IS NULL or start_at <= ?",@date)
            -@home_slides_simu = @home_slides_simu.where("end_at IS NULL or end_at >= ?",@date)
            -@home_slides_simu = @home_slides_simu.order(:position)
            -@home_slides_simu = @home_slides_simu.joins(:lang_sites).where("lang_sites.id = ?", @lang.id)
            -@home_slides_simu.each do |home_slider_slide|
              -if home_slider_slide.image_file

                %div.with_ratio.slide{:style => "background-image:url('#{home_slider_slide.image_file.file.large.url}');background-size:100%;background-size:cover;", :data => {:ratio => 0.45}}
                  =link_to home_slider_slide.url.to_s, :target => ("_blank" if home_slider_slide.popup) do
                    .link_overlay
                  .description.vertical_center
                    =link_to home_slider_slide.url.to_s, :target => ("_blank" if home_slider_slide.popup) do



                      -if home_slider_slide.titre2?
                        .sub_title=home_slider_slide.titre2
                      -elsif home_slider_slide.article
                        .sub_title
                          -if home_slider_slide.article.category

                            -cats = []
                            -home_slider_slide.article.categories.uniq.each do |cat|
                              -cats << cat.lang(I18n.locale.to_s).name
                            =cats.join(", ")

                            %span.sep
                              ="|"
                            =l(home_slider_slide.article.published_at, :format => :human_date)
                      .content
                        =home_slider_slide.description1





        :javascript
          $(document).ready(function(){
          $('.slider').bxSlider({
            auto: true,
            nextText: '>',
            prevText: '<'
          });
          });

    -else
      .slide_home_wrapper.with_ratio{:style => "background-image:url('#{@img_url}');", :data => {:ratio => 0.35}}

        =render :partial => "public/shared/menu_top"


        #menu_top
          .sub_menu
            =render :partial => "public/shared/second_menu"
          .menu
            =render :partial => "public/shared/first_menu"

    -if @menu_item and @menu_item.id == 1

      #main=yield
    -else
      #main_content=yield
    -if @menu_item and @menu_item.id == 1
      #actus
        .center
          #left_actus
            %h2
              Actualité


            -@articles_rss.each do |article|


              %div{:class => "actu"}


                .img.with_ratio{:style => "background-image:url('http://payresas.quartz.xyz#{article['image_url']}');background-size:100%;background-size:cover;", :data => {:ratio => 0.62}}




                .description
                  %h3= article['title']

                  =simple_format article["description"]

                  .cta
                    =link_to "http://payresas.quartz.xyz"+article["url"].to_s, :class => "btn", :target => "_blank" do
                      =qit("Lire l'article")
                      >
                .clear




          #right_actus
            %h2
              L'actu du groupe

            -@breves_rss[0..10].each do |article|
              =link_to "http://payresas.quartz.xyz"+article["url"].to_s,  :target => "_blank", :style => "text-decoration:none;" do
                %div{:class =>"breve"}
                  .color{:style => "background:#{Category.find(article['category_id']).color};"}
                  =l (Time.parse(article['date'].to_s)), :format => "%d %b"
                  ="-"
                  = article['title']
          .clear


      #footer
        .center
          %h2
            Nous contacter

          -@contact = @contact || Contact.new(:provenance_id => 4)

          .contact_form.contact_militer#form
            =render :partial => "public/contacts/form"
    =image_tag "/bottom-lines.png", :id => "bottom_lines"
    #sub_footer

      #logos
        =link_to "https://payreagriculture.fr/", :target => "_blank" do
          =image_tag "/payre-agriculture.png"

        =link_to "https://payreenergies.fr/", :target => "_blank" do
          =image_tag "/payre-energies.png"

        =link_to "https://payremaintenance.fr/", :target => "_blank" do
          =image_tag "/payre-maintenance.png"

        =link_to "https://payrejardinerie.fr/", :target => "_blank" do
          =image_tag "/payre-jardinerie.png"


      #place
        %p
          PAYRE MAINTENANCE CHAUDIERES
          %br
          2089 route de St Quentin
          %br
          38430 MOIRANS
      #contacts

        %p
          =ic :phone
          04 76 35 31 69
          %br
          =ic :fax
          04 76 35 67 36
          %br
          =link_to "mailto:contact@ets-payre.fr" do
            =ic :"envelope-o"
            contact@ets-payre.fr

      .clear


    :javascript
      resize()

