<div data-event-list>
  {{#each model as |event|}}
    <div class="brick brick--pd-none brick--theme-white flex">
      <div class="flex__item">
        <img src={{event.gameImageMedium}}>
      </div>
      <div class="flex__item pd-1 flex flex--column pos-relative">
        <div class="flex__item">
          <h3 data-event-title><a href="#">{{event.title}}</a></h3>
          <h4 class="dash-widget-text-light">{{event.formattedStartEndTime}}</h4>
        </div>

        <div class="flex__item pos-absolute bottom-0">
          <h4>
            <a href="#" class="pd-x-1 dash-widget-text-light"
              {{action 'editEvent' event}} data-test-edit>

              {{svg-icon
                path='svg/edit'
                iconModifier='icon--block'
                class='dash-widget__icon'
              }} {{i18n 'Edit'}}
            </a>
            <a href="#" class="pd-x-1 dash-widget-text-light" data-test-view>
              {{svg-icon
                path='svg/glyph-views'
                iconModifier='icon--block'
                class='dash-widget__icon'
              }} {{i18n 'View'}}
            </a>
            <a href="#" class="pd-x-1 dash-widget-text-light" data-test-share>
              {{svg-icon
                path='svg/link'
                iconModifier='icon--block'
                class='dash-widget__icon'
              }} {{i18n 'Share'}}
            </a>
            <a href="#" class="pd-x-1 dash-widget-text-light"
              {{action 'deleteEvent' event}} data-test-delete>

              {{svg-icon
                path='svg/trash'
                iconModifier='icon--block'
                class='dash-widget__icon'
              }} {{i18n 'Delete'}}
            </a>
          </h4>
        </div>
      </div>
    </div>
  {{/each}}
</div>
