-@print = true 

%html
  %head
    %meta{:charset => "utf-8"}/
    %meta{:name=>"viewport", :content=>"width=device-width,initial-scale=1"}
    =# wicked_pdf_javascript_include_tag "number_pages"
    <link href="https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,900" rel="stylesheet">
    = wicked_pdf_stylesheet_link_tag 'plume_print' 
  %body{:onload => "number_pages", :style => "text-align:justify;"}
    .page
      #plume_header
        =image_tag "http://lepicvert.org/plume-logo.png", :class => "plume_logo"
      
        .baseline
          Bulletin indépendant des lobbies, d’un électorat, consacré à l’intérêt général et super intéressant !
  
        .hr
        
        
      #plume_sub_header{:style => "text-align:left;"}
        -id = []
      
        -id << @plume.v_une_1.id if @plume.v_une_1
      
        -id << @plume.v_une_2.id if @plume.v_une_2
        -id << @plume.v_une_3.id if @plume.v_une_3
        
      
    
        -id.each do |id_i|
          -article = @plume.plume_articles.where(:id => id_i).first
          -if article
            .p_column
      
              -if article.plume_cat
                .plume_cat{:style => "font-size:18px"}= article.plume_cat.title
              %h2{:style => "font-size:17px"}=article.title

        
      #couv{:style => "background-image:url('http://lepicvert.org/#{(@plume.image_file.file.url if @plume.image_file)}');"}
      
      #bottom
        #logo
          =image_tag("http://lepicvert.org/logo.png")
        .desc
          %p
            ="N°#{@plume.number} - "
            =@plume.p_version
          
          Association pour la protection de la nature
          %br
          
          Membre de la FRAPNA Isère
          %br
          24 place de la Mairie - 38140 Reaumont
          %br
          04 76 91 34 33 - contact@lepicvert.asso.fr - www.lepicvert.org

    .page
      -plume_article = @plume.plume_articles.where(:plume_cat_id => (@plume.plume_cats.where(:title => "Edito").first.id if @plume.plume_cats.where(:title => "Edito").first)).first
      -if plume_article
        -@plume_article = plume_article
        
        -if plume_article.article_type == "page" or (plume_article.article_type == "demi") and plume_article.plume_cat
          .page_header{:style => "background:transparent;"}
            .right
              =image_tag "http://lepicvert.org/plume-header2.png"
              %span
                La Plume
                ="N°#{@plume.number}"
            
            .clear
        
        
        .sommaire{:style => ("margin-top:20px" if @plume.id == 3)}
          =render :partial => "sommaire"
        
        #edito_place
        
          .page_inner{:style => ("padding-top:0" )}
            .left= plume_article.plume_cat.title
            
            %h1{:style => ("font-size:15px;" if @plume.id == 3)}=plume_article.title

            .render_block{:style => ("font-size:12px;" if @plume.id == 3)}
              =render plume_article.block
          
              -if plume_article.author?
                .author
                  =plume_article.author
        
        
        
        .clear
        
        #mentions
          %p.big
            %strong Comité de rédaction et de relecture :
          %p
            =@plume.redaction_credits
          
          %p
            %strong Crédit photo couverture : 
            =@plume.credits
          
          .legals
            Imprimé sur papier 100% recyclé - Imprimerie Ruzzin
           


    .page
      -i = 0
      -@plume.plume_cats.order(:position).each do |plume_cat|
        -if plume_cat.title != "Brèves" and plume_cat.title != "Edito"
          -plume_cat.plume_articles.order("position").each do |plume_article|
            -@plume_article = plume_article
            -if plume_article.article_type == "page" or (plume_article.article_type == "demi" and i ==0) and plume_article.plume_cat
              .page_header
                .right
                  =image_tag "http://lepicvert.org/plume-header.png"
                  %span
                    La Plume
                    ="N°#{@plume.number}"
                .left= plume_article.plume_cat.title
                .clear
            
            -if plume_article.article_type == "page" and i == 1
              -i = 0
              =raw "</div><div class='page'>"
            
            .page_inner{:style => ("padding-top:0" if i == 1 )}
              %h1=plume_article.title
      
              .render_block
                =render plume_article.block
                
                -if plume_article.author?
                  .author
                    =plume_article.author
            -if plume_article.article_type == "page"
              -i = 0
              =raw "</div><div class='page'>"
            -else
              -i += 1
              -if i == 2
                -i = 0
                =raw "</div><div class='page'>"
    
      .page_header
        .right
          =image_tag "http://lepicvert.org/plume-header.png"
          %span
            La Plume
            ="N°#{@plume.number}"
        .left Brèves
        .clear
    
      -@breve_cat = @plume.plume_cats.where(:title => "Brèves").first
      -if @breve_cat
    
        .page_inner
          -@breve_cat.plume_articles.order("position").each do |plume_article|
            -if plume_article.breakpage
              =raw "</div></div><div class='page'>"
              .page_header{:style => ""}
                .right
                  =image_tag "http://lepicvert.org/plume-header.png"
                  %span
                    La Plume
                    ="N°#{@plume.number}"
                .left Brèves
                .clear
  
              =raw "<div class='page_inner'>"
            -else
              .plume_breve
                %h2=plume_article.title
          
                .render_block
                  =render plume_article.block
                  
                  -if plume_article.author?
                    .author
                      =plume_article.author
                  .clear
                
          =image_tag "http://lepicvert.org/adhesion.png", :style => "width:108%;margin-top:50px;margin-left:-4%;max-width:10000%;"

    .page
      .page_header
        .right
          =image_tag "http://lepicvert.org/plume-header.png"
          %span
            La Plume
            ="N°#{@plume.number}"
        .left Agenda
        .clear
      .page_inner
        -@plume.plume_events.order("position").each do |plume_event|
          -if plume_event.breakpage
            =raw "</div></div><div class='page'>"
            .page_header{:style => ""}
              .right
                =image_tag "http://lepicvert.org/plume-header.png"
                %span
                  La Plume
                  ="N°#{@plume.number}"
              .left Agenda
              .clear

            =raw "<div class='page_inner'>"
          -else
            .plume_event
              %h2=plume_event.title
              .date
                =raw event_human_date(plume_event)
              .desc
                =plume_event.description
        .agenda      
        
          %p
            Sorties gratuites pour les adhérents et les moins de 18 ans, 3€ pour les personnes extérieures. Inscription obligatoire, sauf mention complémentaire au 04 76 91 34 33 ou à contact@lepicvert.asso.fr au plus tard à 17h la veille de la sortie. Plus d'infos : www.lepicvert.org
          -if false
            %p
              Sorties gratuites pour les adhérents et les moins de 18 ans, 3€ pour les personnes extérieures. Inscription obligatoire, sauf mention complémentaire.
            %p
              Renseignements et inscriptions au 04 76 91 34 33 au plus tard à 17h la veille de la sortie.
            %p
              Attention : ces dates peuvent être repoussées ou annulées en fonction des conditions météorologiques annoncées. Veillez à vous renseigner au préalable avant chaque activité. D’autres sorties et conférences dont les dates ne sont pas encore fixées peuvent vous être proposées sur www.lepicvert.org.
            %p
              N’hésitez pas à nous contacter et vous inscrire au 04 76 91 34 33, par mail à <a href="mailto:contact@lepicvert.asso.fr" >contact@lepicvert.asso.fr</a>, ou en consultant notre site <a href="http://lepicvert.org" target="_blank">www.lepicvert.org</a>
      

-if !@pdf
  :scss
  
    .page{
      margin:20px auto;
      box-shadow:0 0 25px rgba(0,0,0,0.3);
    }