doctype html
html lang="en"
  head
    meta charset="utf-8"
    meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"
    meta name="viewport" content="width=device-width, initial-scale=1.0"
    title= content_for?(:title) ? yield(:title) : application_title
    = csrf_meta_tags

    /! Le HTML5 shim, for IE6-8 support of HTML elements
    /[if lt IE 9]
      = javascript_include_tag "http://html5shim.googlecode.com/svn/trunk/html5.js"
    = stylesheet_link_tag "user/application", :media => "all"
    link href="/images/apple-touch-icon-144x144.png" rel="apple-touch-icon-precomposed" sizes="144x144"
    link href="/images/apple-touch-icon-114x114.png" rel="apple-touch-icon-precomposed" sizes="114x114"
    link href="/images/apple-touch-icon-72x72.png" rel="apple-touch-icon-precomposed" sizes="72x72"
    link href="/images/apple-touch-icon.png" rel="apple-touch-icon-precomposed"
    link href="/favicon.ico" rel="shortcut icon"
    - if ENV['QWAITER_MOBILE_EXPORT'] == 'yes'
      javascript:
        var QMobile, Qwaiter, Quser;
        var data_host = 'http://data.qwaiter.com';
        var event_host = '#{event_host}';
        var $locale = 'en';
        var $asset_path = 'file:///android_asset/assets/';
    - else
      javascript:
        var QMobile, Qwaiter, Quser;
        var data_host = 'http://data.qwaiter.com';
        var event_host = '#{event_host}';
        var $locale = 'en';
        var $asset_path = '/assets/';
        #{Rails.env.production? ? '' : "data_host = 'http://qwaiter.dev';"}
        //var data_host = 'http://localhost:3000';
        QMobile || (QMobile = {
          scanQr: function(){window.location = '/select_qrcode'},
          activateRotation: function(){},
          mobile: function(){return false},
          authentication_string: function(){return this.authentication_string_storage || ''},
          authentication_object: function(){return this.authentication_object_storage || '{}'},
          setAuthToken: function(token){
            this.auth_token = token;
            this.authentication_string_storage = 'auth_token='+token;
            this.authentication_object_storage = '{"auth_token": "'+token+'"}'
          },
          root_url: function(){return 'file:///Users/bterkuile/Documents/workspace/Qwaiter/assets'},
          root_url: function(){return ''},
          goHome: function(){ redirect_to('user_root')},
          connection_problem: function(){alert('There is a problem connecting to the server')},
          locale: function(){ return $locale || ($locale = 'en')},
          setLocale: function(locale){$locale = locale; return locale},
          token: function(){return this.auth_token},
          setUserId: function(id){ this.stored_user_id = id},
          user_id: function(){return this.stored_user_id },
          log: function(str){console.log(str)}
        });
        QMobile.setAuthToken('#{current_user.authentication_token}');QMobile.setUserId('#{current_user.id}');

  body class=action_name
    .navbar.navbar-fixed-top
      .navbar-inner
        .container
          a.btn.btn-navbar data-target=".nav-collapse" data-toggle="collapse"
            span.icon-bar
            span.icon-bar
            span.icon-bar
          = link_to image_tag('icons/logo-small.png', alt: application_title), user_root_path, class: :brand
          .container.nav-collapse
            ul.nav#top-navigation-list
              li= link_to 'View history', user_list_history_path

    .container

      .content
        .alert.alert-error.hide
          button.close type="button" data-dismiss="alert" ×
          div= flash[:alert]
        .alert.alert-success.hide
          button.close type="button" data-dismiss="alert" ×
          div
        .row
          .span12
            = yield
    = javascript_include_tag "user/application"
    script#alert-template[type="text/html"]= render 'user/alert.mustache'
    script#join-request-template[type="text/html"]= render 'user/join_request.mustache'
    = yield :footer
    javascript:
      jQuery(function(){#{onload_javascript}});