<div>
  <div class="uk-banner">
    <div class="uk-container uk-container-large">
      <div class="uk-padding-small uk-padding-remove-vertical">
        <div class="uk-grid uk-flex-middle" uk-grid>
          <div class="uk-width-expand">
            <h1 class="uk-h4 uk-margin-small-bottom">Discover your research results</h1>
            <div class="uk-margin-bottom"> <span *ngIf="user"> Below are research results for <span class="uk-text-large uk-text-primary">'{{user.firstname + ' ' + user.lastname}}'</span>. <br>
              Select your works to add them to your ORCID profile, by clicking on "claim" below each record.</span> </div>
          </div>

        </div>
      </div>
    </div>
  </div>

   <!--<div   class="uk-section uk-container uk-container-large" >

     <sea
   </div>-->
  <div class=" uk-flex uk-flex-center uk-margin-medium-bottom">
    <div class="uk-margin-top">

      <div search-input [(value)]="keyword" [placeholder]="'Search by title, author, abstract, DOI, orcid...'"
           [searchInputClass]="'flat'" [iconPosition]="'left'" (searchEmitter)="search()" class="uk-width-xlarge@l uk-width-large@m uk-width-1-1"></div>
    </div>
  </div>
  <search-research-results *ngIf="filters" [customFilters]="filters"
                           [includeOnlyResultsAndFilter]="true"
                           resultType="result" [simpleView]="true"
                           [hasPrefix]="false"
                           [showBreadcrumb]="false"
                           [showSwitchSearchLink]="false"
                           [searchForm]="{dark: false, class: 'search-form'}"
                           [pageTitlePrefix]="title"
  ></search-research-results>
</div>
