-#   Copyright (c) 2010-2011, Diaspora Inc.  This file is
-#   licensed under the Affero General Public License version 3 or later.  See
-#   the COPYRIGHT file.

!!!
%html{:lang => I18n.locale.to_s, :dir => (rtl?) ? 'rtl' : 'ltr'}
  %head
    %meta{:charset => 'utf-8'}

    %title
      = page_title yield(:page_title)

    %meta{'http-equiv' => 'X-UA-Compatible', :content => 'IE=edge,chrome=1'}

    %meta{"http-equiv"=>"Content-Type", :content=>"text/html; charset=utf-8"}/

    %link{:rel => 'shortcut icon', :href => '/favicon.png'}
    %link{:rel => 'apple-touch-icon', :href => '/apple-touch-icon.png'}

    :css
      @-webkit-keyframes fade-in {
        0%   { opacity: 0; }
        100% { opacity: 1; }
      }

      @-webkit-keyframes spin {
        0%   { -webkit-transform: rotate(0deg); }
        100% { -webkit-transform: rotate(360deg); }
      }

      @-moz-keyframes fade-in {
        0%   { opacity: 0; }
        100% { opacity: 1; }
      }

      @-moz-keyframes spin {
        0%   { -moz-transform: rotate(0deg); }
        100% { -moz-transform: rotate(360deg); }
      }

      .loaded {
        -webkit-animation: fade-in 0.16s linear;
        -moz-animation: fade-in 0.16s linear;
      }

      .loader {
        -webkit-animation: spin 1s infinite ease-in-out,
                           fade-in 0.2s ease-in;
        -moz-animation: spin 1s infinite ease-in-out,
                           fade-in 0.2s ease-in;
      }

    / Social Media Icons are by Paul Robert Lloyd @ http://paulrobertlloyd.com/2009/06/social_media_icons

    / bootstrap/blueprint switch
    - if @aspect == :getting_started || @page == :logged_out
      = stylesheet_link_tag "bootstrap.min.css"
    - else
      = stylesheet_link_tag "blueprint/screen", :media => 'screen'
      = stylesheet_link_tag "blueprint/print", :media => 'print'

    = stylesheet_link_tag "login", :media => 'screen'

    = include_stylesheets :default, :media => 'all'
    - if rtl?
      = include_stylesheets :rtl, :media => 'all'

    = csrf_meta_tag
    <!--[if IE]>
    = javascript_include_tag "/javascripts/ie.js"
    <![endif]-->

    = jquery_include_tag
    - unless @landing_page
      = include_javascripts :main
      :javascript
        Diaspora.I18n.loadLocale(#{get_javascript_strings_for(I18n.locale).to_json}, "#{I18n.locale}");
        Diaspora.Page = "#{params[:controller].camelcase}#{params[:action].camelcase}";

    - if current_user
      :javascript
        app.user({
          current_user: _.extend(#{current_user.person.as_api_response(:backbone).to_json}, {
            notifications_count : #{@notification_count},
            unread_messages_count : #{@unread_message_count},
            admin : #{current_user.admin?}
          })
        });

    = yield(:head)

    -unless Rails.env == "production"
      :css
        .translation_missing {
          color: purple;
          background-color: red;
        }

    - if @person
      %link{:rel => "alternate", :href => "#{@person.public_url}.atom", :type => "application/atom+xml", :title => "#{t('.public_feed', :name => @person.name)}"}

  %body{:class => "#{yield(:body_class)}"}

    - unless @page == :logged_out
      - flash.each do |name, msg|
        %div{:id => "flash_#{name}"}
          .message
            = msg

      #notifications

    - unless current_user
      %header
        = render 'layouts/header'

    = render 'templates/templates'

    .container{:style=> "#{yield(:break_the_mold)}"}
      - if @aspsect == :getting_started || @page == :logged_out
        = yield
      - else
        .span-24.last{:style=> "#{yield(:break_the_mold)}"}
          = yield

    %footer
      .container
        %ul#footer_nav
          %li= link_to '@joindiaspora', "http://twitter.com/joindiaspora"
          %li= link_to 'github', "https://github.com/diaspora/diaspora"
          %li= link_to t('layouts.header.blog'), "http://blog.joindiaspora.com"
          %li= link_to t('layouts.header.code'), "#{root_url.chomp('/')}/source.tar.gz" unless request.url.match(/joindiaspora.com/)
          %li= link_to t('.whats_new'), 'https://github.com/diaspora/diaspora/wiki/Changelog'
          %li= link_to(t('layouts.application.toggle'), toggle_mobile_path)  if is_mobile_device?
        = image_tag 'powered_by_diaspora.png', :height => "11px", :width => "145px"

    -if !@landing_page && request.url.match(/joindiaspora.com/)
      :javascript
          var is_ssl = ("https:" == document.location.protocol);
          var asset_host = is_ssl ? "https://s3.amazonaws.com/getsatisfaction.com/" : "http://s3.amazonaws.com/getsatisfaction.com/";
          document.write(unescape("%3Cscript src='" + asset_host + "javascripts/feedback-v2.js' type='text/javascript'%3E%3C/script%3E"));

      :javascript
          var feedback_widget_options = {};

          feedback_widget_options.display = "overlay";
          feedback_widget_options.company = "diaspora";
          feedback_widget_options.placement = "right";
          feedback_widget_options.color = "#222";
          feedback_widget_options.style = "idea";
          var feedback_widget = new GSFN.feedback_widget(feedback_widget_options);