<div class="card" ng-repeat="event in events">
  <a class="item item-avatar" ng-href="#/app/users/{{event.user._id}}">
    <img ng-src="{{event.user.img}}">
    <h2>{{event.user.username}}</h2>
    <p>{{event.user.shortDescription}}</p>
  </a>
  <a ng-href="#/app/events/{{event._id}}" class="item item-image"
  ng-show="event.img">
      <img ng-src="{{event.img}}">
  </a>
  <a ng-href="#/app/events/{{event._id}}" class="item item-text-wrap">
      <div class="item-note">{{event.date | date: 'HH:mm, dd/MM/yyyy'}}</div>
      <h2>{{event.title}}</h2>
      <p>{{event.description}}</p>
      <p>
          <span class="o_badge c_blueGrey300" ng-repeat="category in event.categories">
              {{category.name}}
          </span>
      </p>
  </a>
  <div class="item tabs tabs-icon-only">
    <a class="tab-item" ng-click="share(event)">
      <i class="icon ion-android-share-alt"></i>
    </a>
    <a class="tab-item">

    </a>
    <a class="tab-item" ng-click="unsaveEvent(event)"
    ng-show="isEventSaved(event)">
        <i class="icon ion-heart ctext_red600"></i>
    </a>
    <a class="tab-item" ng-click="saveEvent(event)"
    ng-hide="isEventSaved(event)">
        <i class="icon ion-heart"></i>
    </a>
  </div>
</div>
