<div class="c-smart-view">
<div class="c-smart-view__content">
{{#if (eq @recordsCount 0)}}
<span class="c-smart-view_icon fa fa-{{@collection.iconOrDefault}} fa-5x"></span>
{{@collection.pluralizedDisplayName}}
There are no items to process.
{{#unless (eq @recordsCount 0)}}
<div class="wrapper-view" {{did-insert this.setDefaultCurrentRecord}}>
<div class="wrapper-list">
{{#each @records as |record|}}
<div class="list--item align-left {{if (eq @records.firstObject record) 'selected'}}">
<div class="list--item__values">
<h3><span>name :</span> {{record.forest-firstname}} {{record.forest-lastname}}</h3>
<p><span>email :</span> {{record.forest-email}}</p>
<p>{{moment-format record.forest-createdAt 'LLL'}}</p>
<div class="wrapper-content">
{{@recordsCount}} items to process
Press <i class="fa fa-arrow-right"></i> to approve
Press <i class="fa fa-arrow-left"></i> to reject
<div class="record-container" >
<div class="c-beta-label c-beta-label--top ember-view l-dmb">
<div class= "c-beta-label__label">Name</div>
<p class="c-row-value align-left">{{@records.firstObject.forest-firstname}} {{@records.firstObject.forest-lastname}}</p>
<div class="c-beta-label c-beta-label--top ember-view l-dmb">
<div class= "c-beta-label__label">Email</div>
<p class="c-row-value align-left">{{@records.firstObject.forest-email}}</p>
<div class= "row-value-image">
<img src="{{@records.firstObject.forest-avatar}}" width="300" height="400">
<div class="c-beta-button c-beta-button--secondary" onclick={{ action 'triggerSmartAction' @collection 'reject' @records.firstObject}}>Reject</div>
<div class="c-beta-button c-beta-button--primary" onclick={{ action 'triggerSmartAction' @collection 'approve' @records.firstObject}}>Approve</div>