// FIXME note, due to https://github.com/angular-ui/bootstrap/issues/783 we can't use nested angular-bootstrap tabs
// Subscribe to that ticket & change this when they fix

include ./challenges
include ./hall
include ./quests/index
include ./chat-message
include ./party

script(type='text/ng-template', id='partials/options.social.inbox.html')
  .options-blurbmenu
    small.muted=env.t('blurbInbox')

  .container-fluid
    .row
      .col-md-12
        .form-inline
          a.btn.btn-xs.btn-danger(ng-click='deleteAllMessages()')=env.t('clearAll')
          |      
          .checkbox
            label
              input(type='checkbox', ng-model='user.inbox.optOut', ng-change='set({"inbox.optOut": user.inbox.optOut?true: false})')
              |  
              span.hint(popover-trigger='mouseenter', popover-placement='right', popover=env.t('optOutPopover'))=env.t('optOut')
        +chatMessages('inbox')

script(type='text/ng-template', id='partials/options.social.tavern.html')
  include ./tavern

script(type='text/ng-template', id='partials/options.social.guilds.public.html')
  .options-blurbmenu
    small.muted=env.t('blurbGuildsPage')

  div.col-xs-12(ng-repeat='invitation in user.invitations.guilds' style='margin-bottom: 1.5em')
    h3=env.t('invitedTo', {name: '{{invitation.name}}'})
    a.btn.btn-success(data-type='guild', ng-click='join(invitation)')=env.t('accept')
    a.btn.btn-danger(ng-click='reject(invitation)')=env.t('reject')
  // Public Groups
  div.container-fluid(style='margin-bottom: 1.5em')
    input.form-control(type='text',ng-model='guildSearch', placeholder=env.t('search'))
  table.table.table-striped(style='clear:left;')
    tr(ng-repeat='group in groups.public | filter:guildSearch track by group._id')
      td
        ul.pull-right.challenge-accordion-header-specs
          li='{{::group.memberCount}} ' + env.t('members')
          // join / leave
          li.bg-transparent
            a.btn.btn-sm.btn-danger(ng-if="::group._isMember", ng-click='clickLeave(group, $event)')
              span.glyphicon.glyphicon-ban-circle
              =env.t('leave')
            a.btn.btn-sm.btn-success(ng-if="::!group._isMember", ng-click='join(group)')
              span.glyphicon.glyphicon-ok
              =env.t('join')
        h4: a(href='/#/options/groups/guilds/{{::group._id}}') {{::group.name}}
        p {{::group.description}}

script(type='text/ng-template', id='partials/options.social.guilds.detail.html')
  include ./group

script(type='text/ng-template', id='partials/options.social.guilds.create.html')
  div.col-xs-12
    include ./create-group

script(type='text/ng-template', id='partials/options.social.guilds.html')
  ul.options-submenu
    li(ng-class="{ active: $state.includes('options.social.guilds.public') }")
      a(ui-sref='options.social.guilds.public')
        =env.t('publicGuilds')
    li(ng-class="{ active: $stateParams.gid == group._id }", ng-repeat='group in groups.guilds track by group._id')
      a(ui-sref="options.social.guilds.detail({gid:group._id})")
        | {{group.name}}
    li(ng-class="{ active: $state.includes('options.social.guilds.create') }")
      a(ui-sref='options.social.guilds.create')
        =env.t('createGuild')

  .tab-content
    .tab-pane.active
      div(ui-view)

script(type='text/ng-template', id='partials/options.social.html')
  ul.options-menu
    li(ng-class="{ active: $state.includes('options.social.inbox') }")
      a(ui-sref='options.social.inbox')
        span.badge.badge-danger(ng-if='user.inbox.newMessages') {{user.inbox.newMessages}}
        |  
        =env.t("inbox")
    li(ng-class="{ active: $state.includes('options.social.tavern') }")
      a(ui-sref='options.social.tavern')
        =env.t('tavern')
    li(ng-class="{ active: $state.includes('options.social.party') }")
      a(ui-sref='options.social.party')
        =env.t('party')
    li(ng-class="{ active: $state.includes('options.social.guilds') }")
      a(ui-sref='options.social.guilds.public')
        =env.t('guilds')
    li(ng-class="{ active: $state.includes('options.social.challenges') }")
      a(ui-sref='options.social.challenges', ui-sref-opts='{reload: true}')
        =env.t('challenges')
    li(ng-class="{ active: $state.includes('options.social.hall') }")
      a(ui-sref='options.social.hall.heroes')
        =env.t('hall')

  .tab-content
    .tab-pane.active
      div(ui-view)

script(type='text/ng-template', id='modals/copyChatToDo.html')
  .modal-header
    h4=env.t('copyMessageAsToDo')
  .modal-body
    .form-group
      input.form-control(type='text',ng-model='text', ng-model-options="{debounce: 1000}")
    .form-group
      textarea.form-control(rows='5',ng-model='notes', ng-model-options="{debounce: 1000}", focus-me)

    hr

    div.task-column.preview
      div(ng-init='popoverOpen = false', class='task todo uncompleted color-neutral', popover-trigger='mouseenter', data-popover-html="{{popoverOpen ? '' : notes | markdown}}", popover-placement="top")
        // right-hand side control buttons
        .task-meta-controls
          // Icons only available if you own the tasks (aka, hidden from challenge stats)
          span(ng-if='!obj._locked')
            // notes
            span.task-notes(ng-show='notes', ng-click='popoverOpen = !popoverOpen', popover-trigger='click', data-popover-html="{{notes | markdown}}", popover-placement="top")
              span.glyphicon.glyphicon-comment
              |  

        // main content
        div.task-text
          markdown(text='text',target='_blank')

  .modal-footer
    button.btn.btn-default(ng-click='$close()')=env.t('close')
    button.btn.btn-primary(ng-click='saveTodo()')=env.t('submit')