<h3>Historical data</h3>

<div class="" id="onlinedata">
    <div class="row">
        <div class="col-12 onlinedatadrops serverhistoricaldata">
            <div class="row tools">
                <div class="col-3">
                    <br>
                    <div class="inputwrapper">
                        <div class="imageinput dropdown">
                            <input type="text" class="dropdown-toggle" placeholder="Select period" data-toggle="dropdown"
                                role="button">
                            <i class="icon icon-clock"></i>
                            <div class="dropdown-menu" aria-labelledby="reportDropdown">
                                <table>
                                    <tr>
                                        <td>Today</td>
                                    </tr>
                                    <tr>
                                        <td>Last 7 days</td>
                                    </tr>
                                    <tr>
                                        <td>Last 30 days</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div><br>
            <div class="row">
                <div class="col-12">
                    <div id="graphwrapper" class="expanded">
                        <img src="/app/core/images/temp_graph.png" style="width:100%;">
                    </div>
                    <div id="tags">
                        <table>
                            <thead>
                                <tr>
                                    <td class="tagname">Tags</td>
                                    <td colspan="2">Unit</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="selected">
                                    <td class="tagname">
                                        <div class="value bg-online1"></div>
                                        <p>CPU</p>
                                    </td>
                                    <td>TB03</td>
                                    <td>
                                        <div class="selection">
                                            <i class="icon icon-tagsleft selected"></i>
                                            <i class="icon icon-tagsright"></i>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="selected">
                                    <td class="tagname">
                                        <div class="value bg-online2"></div>
                                        <p>Eth 01</p>
                                    </td>
                                    <td>TB03</td>

                                    <td>
                                        <div class="selection">
                                            <i class="icon icon-tagsleft selected"></i>
                                            <i class="icon icon-tagsright"></i>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="selected">
                                    <td class="tagname">
                                        <div class="value bg-online3"></div>
                                        <p>Eth 02</p>
                                    </td>
                                    <td>TB03</td>

                                    <td>
                                        <div class="selection">
                                            <i class="icon icon-tagsleft selected"></i>
                                            <i class="icon icon-tagsright"></i>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="selected">
                                    <td class="tagname">
                                        <div class="value bg-online4"></div>
                                        <p>System memory</p>
                                    </td>
                                    <td>TB03</td>

                                    <td>
                                        <div class="selection">
                                            <i class="icon icon-tagsleft selected"></i>
                                            <i class="icon icon-tagsright"></i>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="selected">
                                    <td class="tagname">
                                        <div class="value bg-online5"></div>
                                        <p>Oneview memory</p>
                                    </td>
                                    <td>TB03</td>

                                    <td>
                                        <div class="selection">
                                            <i class="icon icon-tagsleft selected"></i>
                                            <i class="icon icon-tagsright"></i>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="selected">
                                    <td class="tagname">
                                        <div class="value bg-online6"></div>
                                        <p>System tag</p>
                                    </td>
                                    <td>TB03</td>

                                    <td>
                                        <div class="selection">
                                            <i class="icon icon-tagsleft selected"></i>
                                            <i class="icon icon-tagsright"></i>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="selected">
                                    <td class="tagname">
                                        <div class="value bg-online7"></div>
                                        <p>System tag</p>
                                    </td>
                                    <td>TB03</td>

                                    <td>
                                        <div class="selection">
                                            <i class="icon icon-tagsleft selected"></i>
                                            <i class="icon icon-tagsright"></i>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="selected">
                                    <td class="tagname">
                                        <div class="value bg-online8"></div>
                                        <p>System tag</p>
                                    </td>
                                    <td>TB03</td>

                                    <td>
                                        <div class="selection">
                                            <i class="icon icon-tagsleft "></i>
                                            <i class="icon icon-tagsright"></i>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="tagname">
                                        <div class="value"></div>
                                        <p>System tag</p>
                                    </td>
                                    <td>TB03</td>
                                    <td>
                                        <div class="selection">
                                            <i class="icon icon-tagsleft "></i>
                                            <i class="icon icon-tagsright"></i>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="tagname">
                                        <div class="value"></div>
                                        <p>System tag</p>
                                    </td>
                                    <td>TB03</td>
                                    <td>
                                        <div class="selection">
                                            <i class="icon icon-tagsleft "></i>
                                            <i class="icon icon-tagsright"></i>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="tagname">
                                        <div class="value"></div>
                                        <p>System tag</p>
                                    </td>
                                    <td>TB03</td>
                                    <td>
                                        <div class="selection">
                                            <i class="icon icon-tagsleft "></i>
                                            <i class="icon icon-tagsright"></i>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="tagname">
                                        <div class="value"></div>
                                        <p>System tag</p>
                                    </td>
                                    <td>TB03</td>

                                    <td>
                                        <div class="selection">
                                            <i class="icon icon-tagsleft "></i>
                                            <i class="icon icon-tagsright"></i>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="tagname">
                                        <div class="value"></div>
                                        <p>System tag</p>
                                    </td>
                                    <td>TB03</td>

                                    <td>
                                        <div class="selection">
                                            <i class="icon icon-tagsleft "></i>
                                            <i class="icon icon-tagsright"></i>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="tagname">
                                        <div class="value"></div>
                                        <p>System tag</p>
                                    </td>
                                    <td>TB03</td>

                                    <td>
                                        <div class="selection">
                                            <i class="icon icon-tagsleft "></i>
                                            <i class="icon icon-tagsright"></i>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="tagname">
                                        <div class="value"></div>
                                        <p>System tag</p>
                                    </td>
                                    <td>TB03</td>

                                    <td>
                                        <div class="selection">
                                            <i class="icon icon-tagsleft "></i>
                                            <i class="icon icon-tagsright"></i>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="tagname">
                                        <div class="value"></div>
                                        <p>System tag</p>
                                    </td>
                                    <td>TB03</td>

                                    <td>
                                        <div class="selection">
                                            <i class="icon icon-tagsleft "></i>
                                            <i class="icon icon-tagsright"></i>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="tagname">
                                        <div class="value"></div>
                                        <p>System tag</p>
                                    </td>
                                    <td>TB03</td>

                                    <td>
                                        <div class="selection">
                                            <i class="icon icon-tagsleft "></i>
                                            <i class="icon icon-tagsright"></i>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="tagname">
                                        <div class="value"></div>
                                        <p>System tag</p>
                                    </td>
                                    <td>TB03</td>

                                    <td>
                                        <div class="selection">
                                            <i class="icon icon-tagsleft "></i>
                                            <i class="icon icon-tagsright"></i>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>