<ion-view view-title="Event">
  <ion-content>
    <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>
    <div class="item item-image" ng-show="event.img">
      <img ng-src="{{event.img}}">
    </div>
    <div class="item">
        <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>
  </div>

    <div class="item" ng-show="markers[0]">
      <h2>Place: {{event.location.direction}}</h2>
    </div>
    <leaflet ng-show="markers[0]"
    width="100%" height="40%" markers="markers" center="center" tiles="tiles" id="map-simple-map"></leaflet>

    <a class="item item-icon-left ctext_indigo500" ng-click="share(event)">
      <i class="icon ion-android-share-alt"></i> Share
    </a>
  </ion-content>
</ion-view>
