.search-bar
  %i.fa.fa-search
  %input(type='text' ng-model='query_str' autocomplete='off' placeholder='{{placeholder}}')

.menu(ng-show='menu_is_open')
  %img.menu-arrow
  %search-results
    %loading.is-searching(ng-show='is_searching')
    .no-results(ng-show='results.length == 0 && !is_searching')
      .text No People Found
    %ul.results(ng-show='results.length > 0 && !is_searching')
      %li.result(ng-repeat='record in results' ng-class='{"is-added": record.is_added}')
        .record
          .native-icon(ng-if='record.icon_class' ng-class='{"page-icon": record.type=="page"}')
            %i(ng-class='record.icon_class')
            .badge-wrapper(ng-if='record.badge_class')
              %i(ng-class='record.badge_class')
          .photo-wrapper(ng-if='record.photo_small_url')
            %img(ng-src='{{record.photo_small_url}}')
          .icon-wrapper(ng-if='record.public_urls')
            %img(ng-src='{{record.public_urls.icon_32}}')
          .details
            .name
              {{record.name}}
              %span(ng-if='record.adjuster') =
              .adjuster-field(ng-class='{disabled: record.is_adding || record.is_added}')
                %segment-adjuster(id='record.adjuster._id' value='record.adjuster_value' com-database='record.adjuster.com_database' field='record.adjuster.field' input-control='record.adjuster.input_control' placeholder='record.adjuster_placeholder')

            .record-source-icons(ng-if='record.com_databases')
              %img(ng-repeat='com_database in record.com_databases' ng-src='{{com_database.public_urls.icon_16}}' ng-hide='com_database._id == "unnamed-visitors"' tooltip='{{com_database.name}}')
            .last-activity-at(ng-if='record.last_activity_at') Last Activity {{record.last_activity_at|fromNow}}
          .control-buttons
            %button.btn.btn-small.btn-default(ng-click='add(record)' ng-hide='record.is_added || record.is_adding || existing_records_by_id[record._id]') {{button_labels[0]}}
            %button.btn.btn-small(ng-show='record.is_adding' disabled) {{button_labels[1]}}
            %button.btn.btn-small(ng-show='record.is_added || existing_records_by_id[record._id]' disabled) {{button_labels[2]}}
    .show-more(ng-if='has_more_results')
      %a(ng-click='loadMore()') Load More