<div>
  <div class="filters form-inline">
    <label for="flickr-search">Search</label>
    <input type="text" ng-model="filters.tags" id="flickr-search" class="form-control" />
    <label for="flickr-filters">License</label>
    <select ng-model="filters.license" class="form-control" id="flickr-filters">
      <option value="4,5">Attriubtion, commercial and non-commercial</option>
      <option value="1,2,4,5">Attriubtion, non-commercial only</option>
      <option value="">All</option>
    </select>
    <button class="btn btn-primary" ng-click="updateFilters($event)">Submit</button>
  </div>
  <div class="browser">
    <div class="sidebar" ng-if="active">
      <div class="preview"><img ng-src="{{active.previewUrl}}" /></div>
      <div><strong><a href ng-href="{{active.source}}" target="_blank">{{active.name}}</a></strong></div>
      <div><a href ng-href="{{active.userLink}}" target="_blank">{{active.user}}</a></div>
      <div ng-if="active.width">{{active.width}} x {{active.height}}</div>
      <div><a href ng-href="{{active.licenseMeta.url}}" target="_blank">{{active.licenseMeta.name}}</a></div>
      <div ng-if="active.info.photo.dates.taken">Taken: {{active.info.photo.dates.taken}}</div>
      <div class="queue bottom-left" ng-if="queue">
        <div>Copying {{queue.completed+1}} of {{queue.total}}</div>
        <div class="progress">
          <div class="progress-bar" role="progressbar" ng-style="{ 'width': queue.progress + '%' }"></div>
        </div>
      </div>
      <button class="btn bottom-right" ng-class="selected ? 'btn-success' : 'btn-disabled'" ng-click="submit($event)"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Add</button>
    </div>
    <div class="scroll-wrapper" ng-class="{active: active}" infinite-scroll="loadItems(true)" infinite-scroll-distance=".1">
      <div class="items">
        <div ng-repeat="file in items" ng-click="updateActive(file)" ng-class="{active: file.active}" class="thumbnail">
          <div thumbnails></div>
          <a href class="thumbnail-title">{{file.name}}</a>
        </div>
      </div>
    </div>
  </div>
</div>