<div id="event-log">
    <div class="row column">
        <h1>Event Log</h1>
    </div>
    <section class="row column">
        <div class="page-header">
            <h2 class="inline h4">Events generated by the system</h2>
            <div class="event-log__timezone inline float-right">
                <button class="dropdown__button" ng-click="timezone = timezone == true ? false : true;"
                        ng-blur="timezone = timezone == true ? false : false;">User timezone: EDT (UTC-4)
                </button>
                <ul class="dropdown__list inline" ng-show="timezone">
                    <li>
                        <button>User timezone: EDT (UTC-4)</button>
                    </li>
                    <li>
                        <button>UTC Timezone : UTC - 0</button>
                    </li>
                </ul>
            </div>
        </div>
    </section>
    <!-- Filters -->
    <section class="row column">
        <!-- filters -->
        <div class="event-log__filters">
            <!-- severity filter -->
            <div class="dropdown__wrapper">
                <button class="dropdown__button" ng-click="severityFilter = severityFilter == true ? false : true;"
                        ng-class="{'active' : severityFilter}">All Severity
                </button>
                <ul class="dropdown__list multi-select inline" ng-show="severityFilter">
                    <li>
                        <button>All severity (999)</button>
                    </li>
                    <li ng-click="dropdown_selectedHigh = !dropdown_selectedHigh; filterHigh = !filterHigh "
                        ng-class="{'active' : dropdown_selectedHigh, 'active' : filterHigh}">
                        <button>High severity (999)</button>
                    </li>
                    <li ng-click="dropdown_selectedMed = !dropdown_selectedMed; filterMed = !filterMed"
                        ng-class="{'active' : dropdown_selectedMed, 'active' : filterMed}">
                        <button>Medium severity (999)</button>
                    </li>
                    <li ng-click="dropdown_selectedLow = !dropdown_selectedLow; filterLow = !filterLow"
                        ng-class="{'active' : dropdown_selectedLow, 'active' : filterLow}">
                        <button>Low severity (999)</button>
                    </li>
                </ul>
            </div>
            <!-- date range -->
            <div class="dropdown__wrapper">
                <button class="dropdown__button" ng-click="dateFilter = dateFilter == true ? false : true;"
                        ng-class="{'active' : dateFilter}">Date Range
                </button>
                <div class="dropdown__list dropdown__date row" ng-show="dateFilter">
                    <div class="column small-6">
                        <label>Start Date</label>
                        <input type="date"/>
                    </div>
                    <div class="column small-6">
                        <label>End Date</label>
                        <input type="date"/>
                    </div>
                </div>
            </div>
            <!-- Status filter -->
            <div class="dropdown__wrapper">
                <button class="dropdown__button" ng-click="statusFilter = statusFilter == true ? false : true;"
                        ng-class="{'active' : statusFilter}">Status
                </button>
                <ul class="dropdown__list multi-select inline" ng-show="statusFilter">
                    <li>
                        <button>All status (999)</button>
                    </li>
                    <li ng-click="dropdown_selectedResolved = !dropdown_selectedResolved; filterResolved = !filterResolved"
                        ng-class="{'active' : dropdown_selectedResolved, 'active' : filterResolved}">
                        <button>Resolved issues (999)</button>
                    </li>
                    <li ng-click="dropdown_selectedUnresolved = !dropdown_selectedUnresolved; filterUnresolved = !filterUnresolved"
                        ng-class="{'active' : dropdown_selectedUnresolved, 'active' : filterUnresolved}">
                        <button>Unresolved issues (999)</button>
                    </li>
                </ul>
            </div>
        </div>
        <!-- search -->
        <div class="content__search">
            <label for="content__search-input">Event Log Search</label>
            <input id="content__search-input" type="text" placeholder="Filter issues"/>
            <input id="event__search-submit" type="submit" class="btn btn-secondary" value="Submit"/>
            <div class="event__search-tag-wrapper row"
                 ng-show="filterUnresolved || filterResolved || filterHigh || filterMed || filterLow">
                <div class="column small-2 large-1 no-padding">
                    <p class="inline label tag-filter-label">Filtered by: </p>
                </div>
                <div class="column small-10 large-11 ">
                    <button class="tag custom">Custom Tag</button>
                    <button class="tag event__high" ng-click="filterHigh = !filterHigh" ng-show="filterHigh">High
                        priority
                    </button>
                    <button class="tag event__medium" ng-click="filterMed = !filterMed" ng-show="filterMed">Medium
                        priority
                    </button>
                    <button class="tag event__low" ng-click="filterLow = !filterLow" ng-show="filterLow">Low priority
                    </button>
                    <button class="tag event__resolved" ng-click="filterUnresolved = !filterUnresolved"
                            ng-show="filterUnresolved">Unresolved issues
                    </button>
                    <button class="tag event__resolved" ng-click="filterResolved = !filterResolved"
                            ng-show="filterResolved">Resolved issues
                    </button>
                </div>
            </div>
        </div>
    </section> <!-- end filter -->
    <section id="event-log__events" class="row column">
        <div id="header__actions-bar" class="row ">
            <div class="column small-1 large-1 event-log__col-check">
                <label class="control-check">
                    <input type="checkbox" name="events__check-all" ng-model="all"/>
                    <div class="control__indicator"></div>
                </label>
            </div>
            <div class="column small-11 large-11 end col-logged-events">
                <!-- top bar confirmation - ADD ACTIVE CLASS TO DISPLAY-->
                <div class="inline__confirm event__confirm" ng-class="{active: confirm}">
                    <div class="inline__confirm-message">
                        <p class="h3"><i></i>Are you sure you want to <strong class="ng-binding">delete 9 logs</strong>?
                        </p>
                    </div>
                    <div class="inline__confirm-buttons">
                        <button class="btn-primary" ng-click="accept()">Yes</button>
                        <button class="btn-primary" ng-click="cancel()">No</button>
                    </div>
                </div>
                <p class="inline"><span class="event__select-count">999</span> Events are logged</p>
                <!-- when logs are selected, this text changes to show how many logs are checked -->
                <div class="event__actions">
                    <button class="inline btn-delete" ng-show="event || all" ng-click="confirm= ! confirm">
                        <img class="event__icon" src="assets/images/icon-trashcan.svg" alt="">Delete
                    </button>
                    <button class="inline btn-resolve" ng-show="event || all">
                        <img class="event__icon" src="assets/images/icon-checklist.svg" alt="">Mark as resolved
                    </button>
                    <button class="inline btn-export">Export</button>
                </div>
            </div>
        </div>
        <!-- EVENT -->
        <div class="row column event-log__single-event"
             ng-class="{'active': event__metadatarow, 'selected': event__selected}">
            <div class="row">
                <div class="inline__confirm" ng-class="{active: eventConfirm}">
                    <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="cancel()">No</button>
                    </div>
                </div>
                <div class="column small-1 large-2 event-log__col-check">
                    <label class="control-check">
                        <input type="checkbox" name="event__check" ng-click="event__selected= ! event__selected"
                               ng-model="event" ng-checked="all"/>
                        <div class="control__indicator"></div>
                    </label>
                </div>
                <div class="column small-9 large-9 event-log__event-info"
                     ng-click="event__metadatarow = ! event__metadatarow">
                    <p class="inline event__priority med-priority">Medium</p>
                    <p class="inline event__severity">warning</p>
                    <p class="inline event__description">org.open_power.Error.Host.Event.Event</p>
                    <div>
                        <p class="inline event__id">#00997</p>
                        <p class="inline event__timestamp">03/09/2017 21:00:26 EDT</p></div>
                </div>
                <div class="column small-1 large-1">
                    <button class="accord-trigger" ng-class="{'active': event__metadatarow}"
                            ng-click="event__metadatarow = ! event__metadatarow"></button>
                </div>
            </div>
            <div class="row event__metadata-row" ng-class="{'active': event__metadatarow}">
                <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">ESEL=00 00 df 00 00 00 00 20 00 04 12 01 6f aa 00 00 50 48 00 30 01 00
                        17 00 00 00 00 04 31 71 56 4c 00 00 00 04 31 73 df b2 42 00 00 07 00 00 00 00 00 00 00 00 00 00
                        00 00 90 00 00 28 90 00 00 28 55 48 00 18 01 00 17 00 8a 03 40 00 00 00 00 00 ff ff 00 00 00 00
                        00 00 50 53 00 50 01 01 00 00 02 00 00 09 17 0e 00 48 00 00 00 e0 00 00 0a 00 00 00 00 00 00 20
                        00 00 00 05 00 01 00 2d 00 04 00 00 00 00 00 00 00 00 42 43 38 41 31 37 30 45 20 20 20 20 20 20
                        20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 55 44 00 1c 01 06 01 00 02 54 41 4b 00 00
                        00 06 00 00 00 55 00 03 b6 94 00 00 00 00 55 44 00 4c 01 02 01 00 ee ee ee ee 54 61 72 67 65 74
                        00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 05 00 01 00 00 00 03 00 00 00 05 00 00
                        00 14 0f 7a bb 7c 23 01 00 02 00 05 01 0b 5a fc d7 13 01 00 02 00 05 01 00 00 55 44 00 30 01 03
                        01 00 00 00 00 00 00 03 f3 54 00 00 00 00 00 03 b6 94 00 00 00 00 40 03 dd 68 00 00 00 00 40 03
                        ba 48 00 00 00 00 00 00 25 80 55 44 00 38 01 01 01 00 48 6f 73 74 62 6f 6f 74 20 42 75 69 6c 64
                        20 49 44 3a 20 68 6f 73 74 62 6f 6f 74 2d 38 36 62 61 65 31 63 2f 68 62 69 63 6f 72 65 2e 62 69
                        6e 00 00 00 df 00 00 00 00 20 00 04 12 01 6f aa 00 00 50 48 00 30 01 00 17 00 00 00 00 04 31 71
                        56 4c 00 00 00 04 31 73 df b2 42 00 00 07 00 00 00 00 00 00 00 00 00 00 00 00 90 00 00 28 90 00
                        00 28 55 48 00 18 01 00 17 00 8a 03 40 00 00 00 00 00 ff ff 00 00 00 00 00 00 50 53 00 50 01 01
                        00 00 02 00 00 09 17 0e 00 48 00 00 00 e0 00 00 0a 00 00 00 00 00 00 20 00 00 00 05 00 01 00 2d
                        00 04 00 00 00 00 00 00 00 00 42 43 38 41 31 37 30 45 20 20 20 20 20 20 20 20 20 20 20 20 20 20
                        20 20 20 20 20 20 20 20 20 20 55 44 00 1c 01 06 01 00 02 54 41 4b 00 00 00 06 00 00 00 55 00 03
                        b6 94 00 00 00 00 55 44 00 4c 01 02 01 00 ee ee ee ee 54 61 72 67 65 74 00 00 00 00 00 00 00 00
                        00 00 00 00 00 00 00 00 00 00 00 05 00 01 00 00 00 03 00 00 00 05 00 00 00 14 0f 7a bb 7c 23 01
                        00 02 00 05 01 0b 5a fc d7 13 01 00 02 00 05 01 00 00 55 44 00 30 01 03 01 00 00 00 00 00 00 03
                        f3 54 00 00 00 00 00 03 b6 94 00 00 00 00 40 03 dd 68 00 00 00 00 40 03 ba 48 00 00 00 00 00 00
                        25 80 55 44 00 38 01 01 01 00 48 6f 73 74 62 6f 6f 74 20 42 75 69 6c 64 20 49 44 3a 20 68 6f 73
                        74 62 6f 6f 74 2d 38 36 62 61 65 31 63 2f 68 62 69 63 6f 72 65 2e 62 69 6e 00 00 df 00 00 00 00
                        20 00 04 12 01 6f aa 00 00 50 48 00 30 01 00 17 00 00 00 00 04 31 71 56 4c 00 00 00 04 31 73 df
                        b2 42 00 00 07 00 00 00 00 00 00 00 00 00 00 00 00 90 00 00 28 90 00 00 28 55 48 00 18 01 00 17
                        00 8a 03 40 00 00 00 00 00 ff ff 00 00 00 00 00 00 50 53 00 50 01 01 00 00 02 00 00 09 17 0e 00
                        48 00 00 00 e0 00 00 0a 00 00 00 00 00 00 20 00 00 00 05 00 01 00 2d 00 04 00 00 00 00 00 00 00
                        00 42 43 38 41 31 37 30 45 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20
                        20 55 44 00 1c 01 06 01 00 02 54 41 4b 00 00 00 06 00 00 00 55 00 03 b6 94 00 00 00 00 55 44 00
                        4c 01 02 01 00 ee ee ee ee 54 61 72 67 65 74 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00
                        00 00 05 00 01 00 00 00 03 00 00 00 05 00 00 00 14 0f 7a bb 7c 23 01 00 02 00 05 01 0b 5a fc d7
                        13 01 00 02 00 05 01 00 00 55 44 00 30 01 03 01 00 00 00 00 00 00 03 f3 54 00 00 00 00 00 03 b6
                        94 00 00 00 00 40 03 dd 68 00 00 00 00 40 03 ba 48 00 00 00 00 00 00 25 80 55 44 00 38 01 01 01
                        00 48 6f 73 74 62 6f 6f 74 20 42 75 69 6c 64 20 49 44 3a 20 68 6f 73 74 62 6f 6f 74 2d 38 36 62
                        61 65 31 63 2f 68 62 69 63 6f 72 65 2e 62 69 6e 00
                    </div>
                    <div>
                        <div class="event__actions">
                            <button class="btn-meta-copy"><img class="event__icon" src="assets/images/icon-copy.svg"
                                                               alt="">Copy
                            </button>
                            <button class="btn-delete" ng-click="eventConfirm= ! eventConfirm"><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">
                            <p class="inline event__related-label">Related items:</p>
                            <a href="" class="event__related-item">/org/openbmc/control/chassis0/</a>
                            <a href="" class="event__related-item">/org/openbmc/control/power0/</a>
                            <a href="" class="event__related-item">/org/openbmc/control/chassis0/</a>
                            <a href="" class="event__related-item">/org/openbmc/control/power0/</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- EVENT -->
        <div class="row column event-log__single-event"
             ng-class="{'active': event__metadatarow_2, 'selected': event__selected_2}">
            <div class="row">
                <div class="inline__confirm" ng-class="{active: eventConfirm2}">
                    <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="cancel()">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_2= ! event__selected_2"
                               ng-checked="all"/>
                        <div class="control__indicator"></div>
                    </label>
                </div>
                <div class="column small-9 large-9 event-log__event-info"
                     ng-click="event__metadatarow_2 = ! event__metadatarow_2">
                    <p class="inline event__priority event-resolved">Resolved</p>
                    <p class="inline event__severity">emergency</p>
                    <p class="inline event__description">org.open_power.Error.Host.Event.Event</p>
                    <div>
                        <p class="inline event__id">#00996</p>
                        <p class="inline event__timestamp">03/09/2017 21:00:26 EDT</p></div>
                </div>
                <div class="column small-1 large-1">
                    <button class="accord-trigger" ng-class="{'active': event__metadatarow_2}"
                            ng-click="event__metadatarow_2 = ! event__metadatarow_2"></button>
                </div>
            </div>
            <div class="row event__metadata-row" ng-class="{'active': event__metadatarow_2}">
                <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">Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam
                        id dui posuere blandit. Curabitur aliquet quam id dui posuere blandit. Proin eget tortor risus.
                        Quisque velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci
                        porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vestibulum
                        ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur arcu erat, accumsan id
                        imperdiet et, porttitor at sem. Nulla porttitor accumsan tincidunt.Curabitur aliquet quam id dui
                        posuere blandit. Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui
                        posuere blandit. Proin eget tortor risus. Quisque velit nisi, pretium ut lacinia in, elementum
                        id enim. Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a
                        pellentesque nec, egestas non nisi. Vestibulum ac diam sit amet quam vehicula elementum sed sit
                        amet dui. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla porttitor
                        accumsan tincidunt.Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui
                        posuere blandit. Curabitur aliquet quam id dui posuere blandit. Proin eget tortor risus. Quisque
                        velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci porta
                        dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vestibulum ac
                        diam sit amet quam vehicula elementum sed sit amet dui. Curabitur arcu erat, accumsan id
                        imperdiet et, porttitor at sem. Nulla porttitor accumsan tincidunt.Curabitur aliquet quam id dui
                        posuere blandit. Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui
                        posuere blandit. Proin eget tortor risus. Quisque velit nisi, pretium ut lacinia in, elementum
                        id enim. Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a
                        pellentesque nec, egestas non nisi. Vestibulum ac diam sit amet quam vehicula elementum sed sit
                        amet dui. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla porttitor
                        accumsan tincidunt.
                    </div>
                    <div>
                        <div class="event__actions">
                            <button class="btn-meta-copy"><img class="event__icon" src="assets/images/icon-copy.svg"
                                                               alt="">Copy
                            </button>
                            <button class="btn-delete" ng-click="eventConfirm2= ! eventConfirm2"><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">
                            <p class="inline event__related-label">Related items:</p>
                            <p class="event__related-item">Attribute-1</p>
                            <p class="event__related-item">Attribute-2</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- EVENT -->
        <div class="row column event-log__single-event" ng-class="{'active': event__metadatarow_1}">
            <div class="row">
                <div class="column small-1 large-2 event-log__col-check">
                    <label class="control-check">
                        <input type="checkbox" name="events__check" ng-checked="all"/>
                        <div class="control__indicator"></div>
                    </label>
                </div>
                <div class="column small-9 large-9 event-log__event-info"
                     ng-click="event__metadatarow_1 = ! event__metadatarow_1">
                    <p class="inline event__priority high-priority">High</p>
                    <p class="inline event__severity">emergency</p>
                    <p class="inline event__description">Vestibulum ac diam sit amet quam vehicula aliquet quam id
                        dui</p>
                    <div>
                        <p class="inline event__id">#00995</p>
                        <p class="inline event__timestamp">03/09/2017 21:00:26 EDT</p></div>
                </div>
                <div class="column small-1 large-1">
                    <button class="accord-trigger" ng-class="{'active': event__metadatarow_1}"
                            ng-click="event__metadatarow_1 = ! event__metadatarow_1"></button>
                </div>
            </div>
            <div class="row event__metadata-row" ng-class="{'active': event__metadatarow_1}">
                <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">Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam
                        id dui posuere blandit. Curabitur aliquet quam id dui posuere blandit. Proin eget tortor risus.
                        Quisque velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci
                        porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vestibulum
                        ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur arcu erat, accumsan id
                        imperdiet et, porttitor at sem. Nulla porttitor accumsan tincidunt.Curabitur aliquet quam id dui
                        posuere blandit. Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui
                        posuere blandit. Proin eget tortor risus. Quisque velit nisi, pretium ut lacinia in, elementum
                        id enim. Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a
                        pellentesque nec, egestas non nisi. Vestibulum ac diam sit amet quam vehicula elementum sed sit
                        amet dui. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla porttitor
                        accumsan tincidunt.Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui
                        posuere blandit. Curabitur aliquet quam id dui posuere blandit. Proin eget tortor risus. Quisque
                        velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci porta
                        dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vestibulum ac
                        diam sit amet quam vehicula elementum sed sit amet dui. Curabitur arcu erat, accumsan id
                        imperdiet et, porttitor at sem. Nulla porttitor accumsan tincidunt.Curabitur aliquet quam id dui
                        posuere blandit. Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui
                        posuere blandit. Proin eget tortor risus. Quisque velit nisi, pretium ut lacinia in, elementum
                        id enim. Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a
                        pellentesque nec, egestas non nisi. Vestibulum ac diam sit amet quam vehicula elementum sed sit
                        amet dui. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla porttitor
                        accumsan tincidunt.
                    </div>
                    <div>
                        <div class="event__actions">
                            <button class="btn-meta-copy"><img class="event__icon" src="assets/images/icon-copy.svg"
                                                               alt="">Copy
                            </button>
                            <button class="btn-delete"><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">
                            <p class="inline event__related-label">Related items:</p>
                            <p class="event__related-item">Attribute-1</p>
                            <p class="event__related-item">Attribute-2</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- EVENT -->
        <div class="row column event-log__single-event">
            <div class="row">
                <div class="column small-1 large-2 event-log__col-check">
                    <label class="control-check">
                        <input type="checkbox" name="events__check" ng-checked="all"/>
                        <div class="control__indicator"></div>
                    </label>
                </div>
                <div class="column small-9 large-9 event-log__event-info">
                    <p class="inline event__priority low-priority">Low</p>
                    <p class="inline event__severity">Informational</p>
                    <p class="inline event__description">org.open_power.Error.Host.Event.Event</p>
                    <div>
                        <p class="inline event__id">#00994</p>
                        <p class="inline event__timestamp">03/09/2017 21:00:26 EDT</p></div>
                </div>
                <div class="column small-1 large-1">
                    <button class="accord-trigger"></button>
                </div>
            </div>
            <div class="row event__metadata-row">
                <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">
                    </div>
                    <div>
                        <div class="event__actions">
                            <button class="btn-meta-copy"><img class="event__icon" src="assets/images/icon-copy.svg"
                                                               alt="">Copy
                            </button>
                            <button class="btn-delete"><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">
                            <p class="inline event__related-label">Related items:</p>
                            <p class="event__related-item">Attribute-1</p>
                            <p class="event__related-item">Attribute-2</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <paginate ng-include="paginate"></paginate>
</div> <!-- end event log -->