template(name="importHeaderBar")
  h1
    a.back-btn(href="{{pathFor 'home'}}")
      i.fa.fa-chevron-left
    | {{_ title}}

template(name="import")
  .wrapper
    if error.get
      .warning {{_ error.get}}
    +Template.dynamic(template=currentTemplate)

template(name="importTextarea")
  form
    p: label(for='import-textarea') {{_ instruction}} {{_ 'import-board-instruction-about-errors'}}
    textarea.js-import-json(id='import-textarea' placeholder="{{_ importPlaceHolder}}" autofocus)
      | {{jsonText}}
    input.primary.wide(type="submit" value="{{_ 'import'}}")

template(name="importMapMembers")
  h2 {{_ 'import-map-members'}}
  if usersLoaded.get
    .map-members
      p {{_ 'import-members-map'}}
      p.import-members-map-note
        | {{_ 'import-members-map-note' }}
      .mapping-list
        each members
          a.mapping-item.js-select-member(class="{{#if wekanId}}filled{{/if}}")
            .profile-source
              .full-name= fullName
              .username
                | ({{username}})
            .wekan
              if wekanId
                +userAvatar(userId=wekanId)
              else
                a.member.add-member
                  i.fa.fa-plus
        //-
          Due to the way the flewbox layout is working, we need to set some
          invisible items so that the last row items have a consistent width.
          See http://jsfiddle.net/Ln4h3c4n/ for an minimal example of the issue.
        .mapping-item.ghost-item
        .mapping-item.ghost-item
        .mapping-item.ghost-item
        .mapping-item.ghost-item
        .mapping-item.ghost-item
      form
        input.primary.wide(type="submit" value="{{_ 'done'}}")
  else
    +spinner

template(name="importMapMembersAddPopup")
  .select-member
    p
      | {{_ 'import-user-select'}}
    .js-map-member
      +EasySearch.Input(index=searchIndex)
    ul.pop-over-list
      +EasySearch.Each(index=searchIndex)
        li.item.js-member-item
          a.name.js-select-import(title="{{profile.fullname}} ({{username}})" data-id="{{__originalId}}")
            +userAvatar(userId=__originalId)
            span.full-name
              = profile.fullname
              | (<span class="username">{{username}}</span>)
      +EasySearch.IfSearching(index=searchIndex)
        +spinner
      +EasySearch.IfNoResults(index=searchIndex)
        .manage-member-section
          p.quiet {{_ 'no-results'}}