-if @m_odr
  -@title = @m_odr.name
  -@description = @m_odr.description


-@products_controllers = ["ProductOrdersController", "ProductsController","ProductCategoriesController", "ProductCustomersController", "ProductCustomersAuthsController" ]

-@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= ""
!!!

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

%html{:lang => "fr", "xml:lang" => "fr", :xmlns => "http://www.w3.org/1999/xhtml"}
  %head
    -@title = strip_tags(@title.to_s)
    %title=@title.to_s
    <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">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:800&display=swap" rel="stylesheet">
    %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 }  
    =raw '<meta property="og:title" content="'+@facebook_title.to_s+'" />'
    =raw '<meta property="og:description" content="'+@description.to_s+'" />'
    =raw '<meta property="og:url" content="'+@social_url+'" />'
    
    
    =raw '<meta property="twitter:description" content="'+((@description and @description != "") ? @description : "En savoir plus :").to_s+'"/>'
    =raw '<meta property="twitter:title" content="'+@twitter_title.to_s+'"/>'
    =raw '<meta property="twitter:site" content="@onevoiceanimal"/>'
    =raw '<meta property="twitter:creator" content="@onevoiceanimal"/>'
    =raw '<meta property="twitter:url" content="'+@social_url+'"/>'
    
    
    -if @facebook_img
      =raw '<meta property="og:image" content="https://offres.market-inn.fr'+@facebook_img.to_s+'"/>'
      =raw '<link rel="image_src" href="https://offres.market-inn.fr'+@facebook_img.to_s+'"/>'
      
      =raw '<meta name="twitter:card" content="summary_large_image">'
      
      
      
      
      =raw '<meta property="twitter:image" content="https://offres.market-inn.fr'+@facebook_img.to_s+'"/>'
      
     
      
      
      -@img_size = FastImage.size('https://offres.market-inn.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
    
    
      

  %body

    -if flash[:error] or flash[:notice] or flash[:alert] 
      .flashs
        -if flash[:error]
          .error
            %span.remove=ic :times
            =flash[:error] 
        -if flash[:notice]
          .notice
            %span.remove=ic :times
            =flash[:notice] 
        -if flash[:alert]
          .alert
            %span.remove=ic :times
            =flash[:alert] 
    
    
    
    -if @m_odr
      
      =render :partial => "public/shared/social_ressource", :locals => {:social_ressource => @m_odr}


      %br
      %br

      -if @m_odr.logo_image_file
        =image_tag @m_odr.logo_image_file.file.url, :class => "odr_logo", :style => (@m_odr.logo_image_file_width? ? "max-width:#{@m_odr.logo_image_file_width}px;margin:auto;": "")
  

      -if @m_odr.banner_image_file
        =image_tag @m_odr.banner_image_file.file.url, :class => "odr_banner", :style => (@m_odr.banner_image_file_width? ? "max-width:#{@m_odr.banner_image_file_width}px;margin:auto;margin-bottom:40px;": "")
  
      -background = (@m_odr.background_image_file ? @m_odr.background_image_file.file.url : "")
      :scss
        body{
          background:url('#{background}') fixed;
          background-size:100%;
          background-size: cover;
        }
        .odr_logo,.odr_banner{
          width:90%;
          display:block;
          margin:auto;
        }
    
    
    
    =yield
    
      
    -if @m_odr
    
    
      :scss
        #odr_form{
          max-width:800px;
          margin:auto;
          width:90%;
          
    
        }
        
        .conditions{
          
          max-width:800px;
          margin:auto;
          width:90%;
          font-size:0.9em;
          text-align:center;
          margin-top:10px;
          margin-bottom:100px;
        }
        
        .form_pannel{
          background:rgba(white,0.8);
          padding:10px 20px;
          margin:10px 0;
          box-shadow:0 0 15px rgba(0,0,0,0.1);
    
        }

      -if @m_odr.footer_image_file
        -if @m_odr.footer_image_link?
          =link_to image_tag(@m_odr.footer_image_file.file.url, :class => "odr_banner", :style => (@m_odr.footer_image_width? ? "max-width:#{@m_odr.footer_image_width}px;margin:auto;margin-top:50px;": "")),  @m_odr.footer_image_link, :target => "_blank"
        -else
          =image_tag(@m_odr.footer_image_file.file.url, :class => "odr_banner", :style => (@m_odr.footer_image_width? ? "max-width:#{@m_odr.footer_image_width}px;margin:auto;": ""))
      
      -if @m_odr.conditions
        .conditions=simple_format @m_odr.conditions
    
      
      
    :javascript
      resize()
  
