-#   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
    %title
      DIASPORA*

    %meta{:name => "description", :content => "Diaspora* Mobile"}
    %meta{:name => "author", :content => "Diaspora, Inc."}

    %meta{"http-equiv"=>"Content-Type", :content=>"text/html; charset=utf-8"}/
    / Viewport scale
    %meta{:name =>'viewport', :content => "width=device-width, minimum-scale=1 maximum-scale=1"}
    %meta{:name => "HandheldFriendly", :content => "True"}
    %meta{:name => "MobileOptimized", :content => "320"}
    / Force cleartype on WP7
    %meta{'http-equiv' => "cleartype", :content => 'on'}

    / Home screen icon (sized for retina displays)
    %link{:rel => 'apple-touch-icon', :href => '/apple-touch-icon.png'}
    / For Nokia devices
    %link{:rel => 'shortcut icon', :href => '/apple-touch-icon.png'}

    / iOS mobile web app indicator
    / NOTE(we will enable these once we don't have to rely on back/forward buttons anymore)
    /%meta{:name => "apple-mobile-web-app-capable", :content => "yes"}
    /%link{:rel => "apple-touch-startup-image", :href => "/images/apple-splash.png"}

    / Stylesheets
    = stylesheet_link_tag :mobile, :format => 'all'
    = yield(:custom_css)

    %script{:src => "/javascripts/vendor/mbp-modernizr-custom.js"}
    / Media Queries Polyfill https://github.com/shichuan/mobile-html5-boilerplate/wiki/Media-Queries-Polyfill
    :javascript
      Modernizr.mq('(min-width:0)') || document.write('<script src="javascripts/vendor/mbp-respond.min.js">\x3C/script>')

    = csrf_meta_tag

    - if rtl?
      = stylesheet_link_tag :rtl, :media => 'all'

    = yield(:head)

  %body
    .navbar.navbar-fixed-top
      .navbar-inner
        .container{:style => "position: relative;"}
          = link_to(image_tag('branding/header-logo2x.png', :height => 40, :width => 40, :id => 'header_title'), stream_path)
          - if user_signed_in?
            #header-nav
              .activity-nav
                = link_to(t('streams.activity.title'), activity_stream_path)
            
            #nav_badges
              .badge{:id => "notification_badge"}            
                = link_to(image_tag('icons/notifications_grey.png', :height => 16, :width => 16, :id => 'notification-flag'), notifications_path)
                - if current_user.unread_notifications.count > 0
                  .badge_count
                    = current_user.unread_notifications.count

          - if user_signed_in?
            .right
              - if yield(:header_action).present?
                = yield(:header_action)
              - else
                = link_to(image_tag('icons/compose_mobile2.png', :class => 'compose_icon'), new_status_message_path)

    #main.container{:role => "main"}
      .row
        = yield

    - if user_signed_in?
      = render :partial =>'shared/footer'

    / javascripts at the bottom
    = jquery_include_tag
    = javascript_include_tag :mobile

    :javascript
      MBP.hideUrlBar();