//
  Copyright (c) 2017, salesforce.com, inc.
  All rights reserved.
  Licensed under the BSD 3-Clause license.
  For full license text, see LICENSE.txt file in the repo root or
  https://opensource.org/licenses/BSD-3-Clause

doctype html
html
  head
    title Refocus Room
    link(rel='shortcut icon', href='favicon.ico')
    link(rel='stylesheet', type='text/css', href='/static/css/salesforce-lightning-design-system.2.4.3.min.css')
    link(rel='stylesheet' type='text/css' href='../static/css/room.css')
    block page-header
      div.slds-page-header.slds-page-header_vertical.slds-theme_shade
        div.slds-grid
          div.slds-cols.slds-has-flexi-truncate
            div.slds-media.slds-no-space.slds-grow
              div.slds-media__body
                div.slds-form-element(style='float: right')
                  label.slds-checkbox_toggle.slds-grid
                    input#activeToggle(type='checkbox', checked)
                    span.slds-checkbox_faux_container
                      span.slds-checkbox_faux
                      span.slds-checkbox_on.slds-text-align--center Active
                      span.slds-checkbox_off.slds-text-align--center Inactive
                div.slds-grid.slds-grid_vertical-align-center
                  div(style='vertical-align: middle')#backButton
                    span.slds-icon_container.slds-icon-utility-change_owner.slds-chat-icon
                      svg.slds-icon.slds-m-right_x-small.slds-icon_x-small(aria-hidden='true' style="fill: #000;")
                        use(xlink:href='../static/icons/utility-sprite/svg/symbols.svg#left')
                  div
                    h1#title.slds-page-header__title.slds-m-right--small.slds-align-middle(style='width: max-content;')
                    p#subTitle.slds-text-body_small.slds-line-height_reset
                  div(style='width: -webkit-fill-available; text-align: center;')
                    span#banner.slds-text-body_medium
    block container
      div#botsContainer.slds-grid.slds-grid_align-space.slds-wrap
        div#botsLeftColumn.slds-col.slds-large-size--1-of-3.slds-size--1-of-1
        div#botsMiddleColumn.slds-col.slds-large-size--1-of-3.slds-size--1-of-1
        div#botsRightColumn.slds-col.slds-large-size--1-of-3.slds-size--1-of-1
    block spinner
      div#loading_spinner
        .slds-spinner_container
          .slds-spinner--brand.slds-spinner.slds-spinner--medium(role='alert')
            span.slds-assistive-text Loading
            .slds-spinner__dot-a
            .slds-spinner__dot-b
    block activeToggleConfirmation
      div#active_confirmation_modal(style='display: none')
        section.slds-modal.slds-fade-in-open.slds-modal_prompt
          div.slds-modal__container
            header.slds-modal__header.slds-theme_info.slds-theme_alert-texture
              h2.slds-text-heading_medium Confirmation Required
            div.slds-modal__content.slds-p-around_medium
              p#active_confirmation_text
            footer.slds-modal__footer.slds-theme_default
              button#confirm_button.slds-button.slds-button_neutral Yes
              button#decline_button.slds-button.slds-button_neutral Cancel
        div.slds-backdrop.slds-backdrop_open
    block roomNotFoundNotification
      div#room_not_found_modal(style='display: none;')
        section.slds-modal.slds-fade-in-open.slds-modal_prompt
          div.slds-modal__container
            header.slds-modal__header.slds-theme_info.slds-theme_alert-texture
              h2.slds-text-heading_medium Room Not Found
            div.slds-modal__content.slds-p-around_medium
              p#room_not_found_text
            footer.slds-modal__footer.slds-theme_default
              button#create_room_button.slds-button.slds-button_brand Create Room
              button#room_list_button.slds-button.slds-button_neutral Go To Rooms List
        div.slds-backdrop.slds-backdrop_open
  script(src='/static/scripts/socket.io.js')
  script(src='/static/scripts/jquery-1.11.1.min.js')
  script(src='/static/scripts/moment.min.js')
  script.
    var realtimeApplication = '#{realtimeApplicationImc}';
    var refocusRoomsFeedbackChatter = '#{refocusRoomsFeedback ? refocusRoomsFeedback.chatter: null}';
    var refocusRoomsFeedbackEmail = '#{refocusRoomsFeedback ? refocusRoomsFeedback.email : null}';
    var trackingId = '#{trackingId}';
    var user = '#{user}';
    var userSession = '#{userSession}';
    var useNewNamespaceFormat = #{useNewNamespaceFormatImc};
    var roomTypeMapping = #{roomTypeMapping};
    var defaultRoomType = '#{defaultRoomType}';
  script(src='/static/analytics/app.js')
  script(src='/static/rooms/app.js')
