{{ 'question.metadata.title' | translate }} *

{{ 'question.metadata.type' | translate }} *

{{ 'question.metadata.summary' | translate }} *

<p ng-show="questionForm.summary.$invalid && !questionForm.summary.$pristine"
           class="help-block">{{ 'question.message.requiredSummary' | translate }}</p>
      </div>
    </div>

<label class="col-md-2 control-label">{{ 'question.metadata.themes' | translate }} *
          <span class="fa fa-info-circle" tooltip-placement="bottom" tooltip-html-unsafe="{{ 'question.message.info.themes' | translate }}"></span>
        </label>

<p ng-show="(question.themes.length < 1 && !questionForm.themes.$pristine) || themesError == true"
             class="help-block">{{ 'question.message.requiredThemes' | translate }}</p>
        </div>
        <datalist id="existingThemes">
          <option  data-ng-repeat="theme in existing.themes" value="{{theme}}">
        </datalist>

<div class="col-md-1">
          <button type="button" class="btn btn-primary" value="add" ng-click="addTheme(toAddTheme); toAddTheme=''">{{ 'common.button.add' | translate }}</button>
        </div>

<div class="col-md-7">
        <span  ng-repeat="theme in question.themes" class="tag" aria-hidden="true">
          {{theme}}
          <button type="button" class="close" title="remove" ng-click="removeTheme(theme);">
            ×
          </button>
        </span>
      </div>

</div>

<label class="col-md-2 control-label">{{ 'question.metadata.parents' | translate }}</label>

<div class="col-md-10">
        <table class="table table-bordered table-condensed">
          <thead>
            <tr>
              <th>{{ 'question.metadata.title' | translate }}</th>
              <th>{{ 'question.metadata.submissionDate' | translate }}</th>
              <th>{{ 'question.metadata.themes' | translate }}</th>
              <th>{{ 'question.metadata.status' | translate }}</th>
              <th>
                <a class="btn fa fa-search" title="Search parent question"
                   ng-click="modalSearchParents()" />
              </th>
            </tr>
          </thead>
          <tbody>
            <tr ng-repeat="parent in question.parents">
              <td>
                <div tooltip-placement="bottom" tooltip-html-unsafe="{{parent.summary}}">
                  {{parent.title}}
                </div>
              </td>
              <td>{{parent.submissionDate | date:'mediumDate'}}</td>
              <td><span ng-repeat="theme in parent.themes">{{theme}}, </span></td>
              <td><span class="status-{{parent.status|lowercase}}"></span>{{parent.status | translate}}</td>
              <td><a class="btn fa fa-minus" title="Remove parent question"
                     ng-click="removeParent(parent)"
                     ng-if="context.currentUser.role == 'SUPERVISOR'"/></td>
            </tr>
          </tbody>
        </table>
      </div>

</div>

<label class="col-md-2 control-label">{{ 'question.metadata.relatedDocuments' | translate }}</label>

<div class="col-md-10">
        <table class="table table-bordered table-condensed">
          <thead>
            <tr>
              <th>{{ 'document.metadata.name' | translate }}</th>
              <th>{{ 'document.metadata.authors' | translate }}</th>
              <th>{{ 'document.metadata.keywords' | translate }}</th>
              <th>{{ 'document.metadata.depositor' | translate }}</th>
              <th>{{ 'document.metadata.depositDate' | translate }}</th>
              <th>
                <a class="btn fa fa-search" title="Search document"
                   ng-click="modalSearchDocuments(question.relatedDocuments)" />
                <a class="btn fa fa-plus" title="Add new Document"
                   ng-click="modalCreateDocument(question.relatedDocuments)"/>
              </th>
            </tr>
          </thead>
          <tbody>
            <tr ng-repeat="document in question.relatedDocuments | orderBy:'depositDate':true">
              <td>{{document.name}}</a></td>
              <td>{{document.authors}}</td>
              <td><span ng-repeat="keyword in document.keywords">{{keyword}}, </span></td>
              <td>{{document.ownerName}}</td>
              <td>{{document.depositDate | date:'mediumDate'}}</td>
              <td><a class="btn fa fa-minus" title="Remove document"
                     ng-click="removeDocument(document, question.relatedDocuments)"
                     ng-if="context.currentUser.role == 'SUPERVISOR'"/></td>
            </tr>
          </tbody>
        </table>
      </div>

</div>

<label class="col-md-2 control-label">{{ 'question.metadata.experts' | translate }}</label>

<ui-select multiple ng-model="question.participants"
                     theme="bootstrap" reset-search-input="true"
                     ng-disabled="disabled" class="form-control">

<ui-select-match placeholder="Select expert...">
              {{$item.firstName}} {{$item.name}} ({{$item.organization}})
            </ui-select-match>

<ui-select-choices
                repeat="expert in ( users.participants | propsFilter: {name: $select.search, firstName: $select.search, organization: $select.search} ) track by expert.id "
                refresh="refreshExperts($select.search)"
                refresh-delay="500">
              {{expert.firstName}} {{expert.name}} ({{expert.organization}})
            </ui-select-choices>
          </ui-select>

</div>

<div class="">
        <label class="col-md-2 control-label">{{ 'question.metadata.clients' | translate }}</label>

<ui-select multiple ng-model="question.clients"
                     theme="bootstrap" reset-search-input="true"
                     ng-disabled="disabled" class="form-control">

<ui-select-match placeholder="Select client...">
              {{$item.firstName}} {{$item.name}} ({{$item.organization}})
            </ui-select-match>

<ui-select-choices
                repeat="expert in users.clients | propsFilter: {name: $select.search, firstName: $select.search, organization: $select.search}"
                refresh="refreshClients($select.search)"
                refresh-delay="500">
              {{expert.firstName}} {{expert.name}} ({{expert.organization}})
            </ui-select-choices>
          </ui-select>

</div>

<label class="col-md-2 control-label">{{ 'question.metadata.externalExperts' | translate }}</label>

</div>

<div class="">
        <label class="col-md-2 control-label">{{ 'question.metadata.supervisors' | translate }}</label>

<ui-select multiple ng-model="question.supervisors"
                     theme="bootstrap" reset-search-input="true"
                     ng-disabled="disabled" class="form-control">

<ui-select-match placeholder="Select supervisor...">
              {{$item.firstName}} {{$item.name}} ({{$item.organization}})
            </ui-select-match>

<ui-select-choices
                repeat="expert in ( users.supervisors | propsFilter: {name: $select.search, firstName: $select.search, organization: $select.search} )  track by expert.id"
                refresh="refreshSupervisors($select.search)"
                refresh-delay="500">
              {{expert.firstName}} {{expert.name}} ({{expert.organization}})
            </ui-select-choices>
          </ui-select>

</div>

<label class="col-md-2 control-label">{{ 'question.metadata.links' | translate }}</label>

<div class="col-md-10">
        <table class="table table-bordered table-condensed">
          <thead>
            <tr>
              <th>{{ 'link.metadata.name' | translate }}</th>
              <th>{{ 'link.metadata.url' | translate }}</th>
              <th>
                <a class="btn fa fa-plus" title="Add new link"
                   ng-click="modalEditLink()"/>
              </th>
            </tr>
          </thead>
          <tbody>
            <tr ng-repeat="link in question.links">
              <td>{{link.name}}</a></td>
              <td>{{link.url}}</td>
              <td>
                <a class="btn fa fa-minus" title="Remove link"
                     ng-click="removeLink(link)"/>
                <a class="btn fa fa-pencil" title="Edit link"
                   ng-click="modalEditLink(link)"/>
              </td>
            </tr>
          </tbody>
        </table>
      </div>

</div>