<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="tokens.ascx.cs" Inherits="SurePassAdmin.Tokens" %>

<div id="divTokensUserControl" runat="server">
    <input type="hidden" id="hfTokensChart" runat="server" />
    <div class="DashboardPanel DashboardHeading DashboardHeadingFlex">
        <div class="DashboardTitle">
            <h1 ID="lblChartHeader" runat="server" class="DashboardPanel" />
        </div>
        <div class="DashboardTypeDDL">
            <asp:DropDownList AutoPostBack="true"
                              runat="server"
                              ID="ddlTokensChartType"
                              EnableTheming="false"
                              CssClass="inputtext DashboardPanel"                                     
                              OnSelectedIndexChanged="ddlTokensChartType_SelectedIndexChanged" />
        </div>
    </div>
    <div id="divNoDataFound" runat="server" visible="false" class="col-md-12" style="text-align: center">
        <h3 ID="lblNoDataFound" runat="server" CssClass="pageheaderactionbar" />
    </div>
    <div style="display: flex; text-align: -webkit-center">
        <div id="divTokensStatusChart" runat="server" style="width: 50%;" />
        <div id="divTokensCountChart" runat="server" style="flex-grow: 1;" />
    </div>
    <div id="divTokensClassic" runat="server" visible="false">
        <table border="0" cellpadding="3" cellspacing="0" width="100%" class="pageheadertable"> 
            <tr>
                <td width="13%">
                    <table class="DashboardTable">
                        <tr class="DashboardTable">
                            <th class="DashboardTable" colspan="2">
                                <asp:Label ID="lblEnabled" runat="server" EnableTheming="false" />
                            </th>
                        </tr>
                        <tr class="DashboardTable">
                            <td class="DashboardTable">
                                <asp:Image ID="imgEnabledCount" runat="server" ImageUrl="~/images/icons-mini/Key.png" CssClass="DashboardTable" />
                            </td>
                            <td class="DashboardTable">
                                <asp:Label ID="lblEnabledCount" runat="server" EnableTheming="false" CssClass="DashboardTable" />
                            </td>
                        </tr>
                    </table>
                </td>
                <td width="13%">
                    <table class="DashboardTable">
                        <tr class="DashboardTable">
                            <th class="DashboardTable" colspan="2">
                                <asp:Label ID="lblDisabled" runat="server" EnableTheming="false" />
                            </th>
                        </tr>
                        <tr class="DashboardTable">
                            <td class="DashboardTable">
                                <asp:Image ID="imgDisabledCount" runat="server" ImageUrl="~/images/icons-mini/Key.png" CssClass="DashboardTable" />
                            </td>
                            <td class="DashboardTable">
                                <asp:Label ID="lblDisabledCount" runat="server" EnableTheming="false" CssClass="DashboardTable" />
                            </td>
                        </tr>
                    </table>
                </td>
                <td width="13%">
                    <table class="DashboardTable">
                        <tr class="DashboardTable">
                            <th class="DashboardTable" colspan="2">
                                <asp:Label ID="lblNew" runat="server" EnableTheming="false" />
                            </th>
                        </tr>
                        <tr class="DashboardTable">
                            <td class="DashboardTable">
                                <asp:Image ID="imgNewCount" runat="server" ImageUrl="~/images/icons-mini/Key.png" CssClass="DashboardTable" />
                            </td>
                            <td class="DashboardTable">
                                <asp:Label ID="lblNewCount" runat="server" EnableTheming="false" CssClass="DashboardTable" />
                            </td>
                        </tr>
                    </table>
                </td>
                 <td width="9%">&nbsp;</td>
                 <td width="13%">
                    <table class="DashboardTable">
                        <tr class="DashboardTable">
                            <th class="DashboardTable" colspan="2">
                                <asp:Label ID="lblMobileTokens" runat="server" EnableTheming="false" />
                            </th>
                        </tr>
                        <tr class="DashboardTable">
                            <td class="DashboardTable">
                                <asp:Image ID="imgMobileTokensCount" runat="server" ImageUrl="~/images/icons-mini/mobile.png" CssClass="DashboardTable" />
                            </td>
                            <td class="DashboardTable">
                                <asp:Label ID="lblMobileTokensCount" runat="server" EnableTheming="false" CssClass="DashboardTable" />
                            </td>
                        </tr>
                    </table>
                </td>
                <td width="13%">
                    <table class="DashboardTable">
                        <tr class="DashboardTable">
                            <th class="DashboardTable" colspan="2">
                                <asp:Label ID="lblHardTokens" runat="server" EnableTheming="false" />
                            </th>
                        </tr>
                        <tr class="DashboardTable">
                            <td class="DashboardTable">
                                <asp:Image ID="imgHardTokensCount" runat="server" ImageUrl="~/images/icons-mini/Key.png" CssClass="DashboardTable" />
                            </td>
                            <td class="DashboardTable">
                                <asp:Label ID="lblHardTokensCount" runat="server" EnableTheming="false" CssClass="DashboardTable" />
                            </td>
                        </tr>
                    </table>
                </td>
                <td width="13%">
                    <table class="DashboardTable">
                        <tr class="DashboardTable">
                            <th class="DashboardTable" colspan="2">
                                <asp:Label ID="lblDesktopTokens" runat="server" EnableTheming="false" />
                            </th>
                        </tr>
                        <tr class="DashboardTable">
                            <td class="DashboardTable">
                                <asp:Image ID="imgDesktopTokensCount" runat="server" ImageUrl="~/images/icons-mini/Key.png" CssClass="DashboardTable" />
                            </td>
                            <td class="DashboardTable">
                                <asp:Label ID="lblDesktopTokensCount" runat="server" EnableTheming="false" CssClass="DashboardTable" />
                            </td>
                        </tr>
                    </table>
                </td>
                <td width="13%">
                    <table class="DashboardTable">
                        <tr class="DashboardTable">
                            <th class="DashboardTable" colspan="2">
                                <asp:Label ID="lblSecurityKeyRings" runat="server" EnableTheming="false" />
                            </th>
                        </tr>
                        <tr class="DashboardTable">
                            <td class="DashboardTable">
                                <asp:Image ID="imgSecurityKeyRingsCount" runat="server" ImageUrl="~/images/icons-mini/u2f.png" CssClass="DashboardTable" />
                            </td>
                            <td class="DashboardTable">
                                <asp:Label ID="lblSecurityKeyRingsCount" runat="server" EnableTheming="false" CssClass="DashboardTable" />
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
</div>
