-# AppFactoryScaffolding : FILE
-#######################################################################################################################
!!! 5
%html.engagement-layout
  %head
    %title Fanforce
    %meta{'http-equiv'=>'Content-Type', content:'text/html; charset=iso-8859-1'}/
    %meta{'http-equiv'=>'Content-Language', content: 'en-us'}/
    = stylesheet '/engagement.css'
  %body
    .lyt-root
      .lyt-header
        #hello
        #logo
      = yield
      .lyt-root-footer
    .lyt-footer
      %span#distributed-by
      %a{href: "http://#{Fanforce.base_domain}"} Powered by Fanforce.

  = javascript "//#{Fanforce.eye_domain}/#{params[:organization_slug]}-fanforce.js#{'?DEBUG=true&DYNAMIC=true' if ENV['RACK_ENV']=='development'}" do
    FF.option('track_browse_webpage', false)
    FF.option('dynamic_url', FF.browser.uri.scheme + '://' + '#{FanforcePlugin._id}.${SHORT_DOMAIN}/${INITIATIVE_SLUG_ID}')

  = yield_content :after_fanforce_js
  :coffeescript
    FF.on('logout', ->
      $('#hello').html('')
    )
    FF.organization (organization)->
      if organization.website_url
        $('#distributed-by').html('Distributed by <a href="' + organization.website_url + '">' + organization.name + '</a>.&nbsp;')
        $('#logo').html('<div class="logo"><a href="' + organization.website_url + '"><img src="' + organization.logo_url + '"></a></div>') if organization.logo_url
      else
        $('#distributed-by').html('Distributed by ' + organization.name + '.&nbsp;')
        $('#logo').html('<div class="logo"><img src="' + organization.logo_url + '"></div>') if organization.logo_url
    FF.visitor (visitor)->
      return if !visitor.access_level
      $('#hello').html('<div class="hello"><div class="hello-wrapper"><span class="greeting">Hello, ' + visitor.first_name + '!</span><a href="javascript: FF.logout(); void(0)">Logout</a></div></div>')