<div class="row column event-log__single-event"
      ng-class="{'active': event.meta, 'selected': event.selected}">
     <div class="row">
         <div class="inline__confirm" ng-class="{active: event.confirm}">
             <div class="inline__confirm-message">
                 <p class="h3"><i></i>Are you sure you want to <strong class="ng-binding">delete this
                     event</strong>?</p>
             </div>
             <div class="inline__confirm-buttons">
                 <button class="btn-primary" ng-click="accept()">Yes</button>
                 <button class="btn-primary" ng-click="event.confirm=false;">No</button>
             </div>
         </div>
         <div class="column small-1 large-2 event-log__col-check">
             <label class="control-check">
                 <input type="checkbox" name="events__check" ng-click="event.selected= ! event.selected"
                        ng-checked="event.selected"/>
                 <span class="control__indicator"></span>
             </label>
         </div>
         <div class="column small-9 large-9 event-log__event-info"
              ng-click="event.meta = ! event.meta">
             <p class="inline event__priority event-resolved" ng-hide="event.Resolved == 0">Resolved</p>
             <p class="inline event__priority med-priority" ng-class="{'low-priority': event.priority == 'Low', 'medium-priority': event.priority == 'Medium', 'high-priority': event.priority == 'High'}" ng-hide="event.Resolved == 1">{{event.priority}}</p>
             <p class="inline event__severity">{{event.severity_code}}</p>
             <p class="inline event__description">{{event.Severity}}</p>
             <div>
                 <p class="inline event__id">#{{event.Id}}</p>
                 <p class="inline event__timestamp">{{event.Timestamp| date:'MM/dd/yyyy  HH:mm:ss '+tmz: tmz}}</p></div>
         </div>
         <div class="column small-1 large-1">
             <button class="accord-trigger" ng-class="{'active': event.meta}"
                     ng-click="event.meta = ! event.meta"></button>
         </div>
     </div>
     <div class="row event__metadata-row" ng-class="{'active': event.meta}">
         <div class="column small-1 large-1 event-log__col-check">&nbsp;</div>
         <div class="column small-11 large-11 end">
             <div class="event__metadata">{{event.additional_data}}
             </div>
             <div>
                 <div class="event__actions">
                     <button class="btn-meta-copy" clipboard text="event.additional_data" on-copied="copySuccess(event)" on-error="copyfailed(err)">
                        <img class="event__icon" src="assets/images/icon-copy.svg" alt=""/><span ng-if="!event.copied">Copy</span><span ng-if="event.copied">Copied</span>
                     </button>
                     <button class="btn-delete" ng-click="event.confirm= ! event.confirm"><img
                             class="event__icon"
                             src="assets/images/icon-trashcan.svg"
                             alt=""/>Delete
                     </button>
                     <button class="btn-resolve"><img class="event__icon" src="assets/images/icon-checklist.svg" alt=""/>Resolved</button>
                 </div>
                 <div class="event__related" ng-show="event.related_items.length">
                     <p class="inline event__related-label">Related items:</p>
                     <p class="event__related-item" ng-repeat="item in event.related_items">{{item}}</p>
                 </div>
             </div>
         </div>
     </div>
</div>