<ion-grid>
  <ion-row>
    <ion-col>
      <div class="ion-text-wrap">
        <h2 class="name">{{ 'name' | thingTranslate: item }}</h2>
        <p>
          <ion-icon name="calendar"></ion-icon>
          <span *ngIf="item.dates[0] && item.dates[item.dates.length - 1]">
            <span *ngIf="item.repeatFrequency">
              {{
                item.repeatFrequency | durationLocalized: true | sentencecase
              }},
              {{ item.dates[0] | dateFormat: 'weekday:long' }}
            </span>
            <span>
              ({{ item.dates[0] | dateFormat }} -
              {{ item.dates[item.dates.length - 1] | dateFormat }})
            </span>
          </span>
        </p>
        <ion-note *ngIf="item.event.type === 'academic event'">{{
          'categories' | thingTranslate: item.event | join: ', '
        }}</ion-note>
      </div>
    </ion-col>
    <ion-col width-20 text-right>
      <stapps-offers-in-list
        *ngIf="item.offers"
        [offers]="item.offers"
      ></stapps-offers-in-list>
    </ion-col>
  </ion-row>
</ion-grid>
