-# 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
      = pod_name

    %meta{:name => "description", :content => "diaspora* mobile"}/
    %meta{:name => "author", :content => "Diaspora, Inc."}/
    %meta{:charset => 'utf-8'}/
    %meta{:property => "og:site_name", :content => "#{AppConfig.settings.pod_name}"}/

    / 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"}

    = chartbeat_head_block

    / Stylesheets

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


    = csrf_meta_tag

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

    = yield(:head)

  %body
    %header    
      = link_to(image_tag('branding/header-logo2x.png', height: 40, width: 40), stream_path, id: 'header_title')

      - if user_signed_in?
        #nav_badges
          = link_to(image_tag('icons/my_activity.png', class: 'my_activity'), activity_stream_path, class: "badge badge-inverse", id: "my_activity_badge")
          = link_to(image_tag('icons/notifications_grey.png', height: 16, width: 16, id: 'notification-flag'), notifications_path, class: "badge badge-inverse", id: "notification_badge")
          - if current_user.unread_notifications.count > 0
            .badge_count{id: "notification"}
              = current_user.unread_notifications.count
          = link_to(image_tag('icons/mail_grey.png', height: 11, width: 17), conversations_path, class: "badge badge-inverse", id: "conversations_badge")
          - if current_user.unread_message_count > 0
            .badge_count{id: "conversation"}
              = current_user.unread_message_count
          = link_to(image_tag('icons/search_grey.png', height: 14, width: 14), people_path, class: "badge badge-inverse", id: "people_badge")
          = link_to(image_tag('icons/user_grey.png', height: 16, width: 16), contacts_path, class: "badge badge-inverse", id: "contacts_badge")
          - 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"}
      - if current_page?(:activity_stream)
        %h3
          = t('streams.activity.title')
      = yield

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

    / javascripts at the bottom
    = jquery_include_tag
    = javascript_include_tag :mobile
    = include_chartbeat