!!! 5
%html{ :class => "no-js not-ready" }
  %head
    %title= content_for?(:title) ? (yield(:title) + " - " + IuguSDK::application_title) : I18n.t("iugu.settings")
    = stylesheet_link_tag "iugu-ux"
    = stylesheet_link_tag "iugu-sdk.css"
    = stylesheet_link_tag "settings"
    = javascript_include_tag :vendor
    = javascript_include_tag 'jquery_ujs'
    = javascript_include_tag "iugu-ux"

    %meta{ 'http-equiv' => "Content-Type", 'content' => "text/html; charset=UTF-8" }
    %meta{ 'http-equiv' => "cleartype", 'content' => "on" }
    %meta{ 'http-equiv' => "X-UA-Compatible", 'content' => "IE=edge,chrome=1" }

    = csrf_meta_tags
    %link{:href => "/favicon.ico", :rel => "shortcut icon"}/

    -# HTML 5 support for Internet Explorer
    :plain
      <!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

    -# Mobile capabilities
    %meta{ name:"HandheldFriendly", content:"True" }
    %meta{ name:"MobileOptimized", content:320 }
    %meta{ name:"format-detection", content:"telephone=no" }
    %meta{ name:"viewport", content:"width=device-width, initial-scale=1, maximum-scale=1" }
    %meta{ name:"apple-mobile-web-app-capable", :content => "yes" }


  %body.iugu-ui.application-background.settings

    .wrapper
      .container.no-padding
        .header

          = link_to image_tag('application_logo.png'), IuguSDK::app_main_url

          = link_to I18n.t("iugu.back_to") + ' ' + IuguSDK::application_title, IuguSDK::app_main_url, :class => "button", :id => "btn-settings-back"

        .padding
          .group.horizontal_stacking{ :style => "width:100%" }
            %a{ :class => "button large #{controller_name=='profile'?'active':''}", :href => profile_settings_path, :style => "width: 50%" }
              = I18n.t "iugu.profile"

            - if IuguSDK::enable_multiple_accounts == false && current_user.accounts.count <= 1
              = link_to I18n.t("iugu.account"), account_view_path, :class => "button large #{controller_name=='profile'?'':'active'}", :style => "width: 50%"
            - else
              = link_to I18n.t("iugu.accounts"), account_settings_path, :class => "button large #{controller_name=='profile'?'':'active'}", :style => "width: 50%"

      .container.no-bottom-margin

        - unless flash[:social] || flash[:group]
          - flash.each do |name, msg|
            - if msg.is_a? String
              .notice.notice-red{ :class => name }
                %button.close{ :'data-dismiss' => "notice" }
                  &times;
                %h4.notice-heading
                  = msg

        = yield