<div class="content scrollcontent">

  <!-- Title -->
  <div id="title">
    <h1 translate>List of speakers</h1>
    <h2>{{ agendaItem.getListOfSpeakersTitle() }}
      <span ng-if="(agendaItem.speakers | filter: {begin_time: null}).length > 0">
        &ndash; {{ (agendaItem.speakers | filter: {begin_time: null}).length }} <translate>speakers</translate>
      </span>
      <span ng-if="agendaItem.speaker_list_closed" class="slimlabel label label-danger" translate>Closed</span>
    </h2>
  </div>

  <div class="zoomcontent">
    <!-- Last speakers -->
    <p ng-repeat="speaker in lastSpeakers = (agendaItem.speakers
      | filter: {end_time: '!!', begin_time: '!!'})
      | limitTo: config('agenda_show_last_speakers') : (lastSpeakers.length - config('agenda_show_last_speakers'))"
      class="lastSpeakers">
      {{ speaker.user.get_full_name() }}
        <i class="fa fa-star" ng-if="speaker.marked" title="{{ 'Marked' | translate }}"></i>
    </p>

    <!-- Current speaker -->
    <p ng-repeat="speaker in currentspeakers = (agendaItem.speakers
      | filter: {end_time: null, begin_time: '!!'})"
      class="currentSpeaker nobr">
      <i class="fa fa-microphone fa-lg"></i>
      {{ speaker.user.get_full_name() }}
      <i class="fa fa-star" ng-if="speaker.marked" title="{{ 'Marked' | translate }}"></i>
    </p>

    <!-- Next speakers -->
    <ol class="nextSpeakers">
      <li ng-repeat="speaker in agendaItem.speakers
        | filter: {begin_time: null}
        | orderBy:'weight'">
        {{ speaker.user.get_full_name() }}
        <i class="fa fa-star" ng-if="speaker.marked" title="{{ 'Marked' | translate }}"></i>
      </li>
    </ol>
  </div>
</div>
