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/wood1/application", :media => "all"
    link href="/favicon.ico" rel="shortcut icon"
    - if ENV['QWAITER_MOBILE_EXPORT'] == 'yes'
      javascript:
        var QMobile, Qwaiter, Quser;
        var data_host = 'http://data.mozo.bar';
        var event_host = '#{Qwaiter.event_host}';
        var $asset_path = '##assets_path##';
        var Qstorage = localStorage;
    - else
      javascript:
        var QMobile, Qwaiter, Quser;
        var data_host = 'http://data.mozo.bar';
        var event_host = '#{Qwaiter.event_host}';
        var $asset_path = '/assets/';
        var Qstorage = localStorage;
        #{user_dynamic_data_host}
        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 '/user'},
          goHome: function(){ redirect_to('user_root')},
          connection_problem: function(){alert('There is a problem connecting to the server')},
          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)}
        });

  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.locale.locale-en= link_to_function 'English', %|setLocale('en')|
              li.locale.locale-nl= link_to_function 'Nederlands', %|setLocale('nl')|
              li= link_to t('user.list_history.title'), user_list_history_path, data: {t: 'list_history.title'}
    a#toggle-side-menu href="#"
      span.fa.fa-bars.fa-lg
    #side-menu-container
      ul
        li.locale-select.locale-select-en= link_to_function 'English', %|setLocale('en')|
        li.locale-select.locale-select-nl= link_to_function 'Nederlands', %|setLocale('nl')|
        li= link_to t('user.list_history.title'), user_list_history_path, data: {t: 'list_history.title'}
    .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"]= mustache_template 'user/alert'
    script#join-request-template[type="text/html"]= mustache_template 'user/join_request'
    = yield :footer
    javascript:
      jQuery(function(){#{onload_javascript}});