<%@ page title="Store Dashboard" language="VB" masterpagefile="~/Template/StoreMaster.master" autoeventwireup="false" inherits="Store_Dashboard, MachSol.MachPanel.Web" %>

<%@ Register Src="~/Store/Cart.ascx" TagName="Cart" TagPrefix="EM" %>

<asp:Content ID="Content1" ContentPlaceHolderID="CPH_Order" runat="Server">
    <br />
    <div class="col-xs-12 col-md-8 col-lg-9">

        <div class="col-xs-12 hide" id="Div_OrderCompletion" runat="server">
            <div class="card text-center">
                <div class="header">
                    <span>
                        <button type="button" class="close" onclick="$('#<%=Div_OrderCompletion.ClientID%>').addClass('hide');">&times;</button>
                    </span>
                </div>
                <div class="body">
                    <div class="row">
                        <div class="col-xs-12">
                            <asp:Label ID="Lbl_Status" runat="server" Text=""></asp:Label>&nbsp;&nbsp;&nbsp;
                <span class="hidden-md hidden-lg">
                    <br />
                </span>
                            <asp:LinkButton ID="LB_LoginToPanel" runat="server" CssClass="btn btn-primary  waves-effect" Text="<%$Resources:Content,OpenControlPanel%>" PostBackUrl="~/Auth/Login.aspx" />
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12">&nbsp;</div>
        </div>

        <div class="col-xs-12 service-subscription store-dashboard">
            <div class="col-lg-3 col-sm-5 col-xs-12 text-center product-tiles" id="Div_Domain" runat="server">
                <div class="v-align-m">
                    <a id="A_Domain" runat="server" href="Products.aspx" title='<%$Resources:Content,GN00008037%>'>
                        <ul>
                            <li class="product-heading">
                                <h4>
                                    <asp:Literal ID="Ltl_DomainName" runat="server" Text='<%$Resources:Content,GN00008037%>' EnableViewState="false"></asp:Literal></h4>
                            </li>
                            <li>
                                <div class="icon">
                                    <i alt="DomainName" id="I_DomainName" runat="server" class="material-icons icon-domain col-black"></i>
                                </div>
                            </li>

                            <li>
                                <div class="product-detail">
                                    <p>
                                        <asp:Label ID="Lbl_DomainDescription" runat="server" Text=""></asp:Label>
                                    </p>
                                </div>
                            </li>

                        </ul>
                    </a>
                </div>
            </div>
            <div class="col-lg-3 col-sm-5 col-xs-12 text-center product-tiles" id="Div_SHosting" runat="server">
                <div class="v-align-m">
                    <a id="A_SHosting" runat="server" href="Products.aspx" title='<%$Resources:Content,GN0000009%>'>
                        <ul>
                            <li class="product-heading">
                                <h4>
                                    <asp:Literal ID="Ltl_SharedHosting" runat="server" Text='<%$Resources:Content,GN0000009%>' EnableViewState="false"></asp:Literal></h4>
                            </li>
                            <li>
                                <div class="icon">
                                    <i alt="Shared Hosting" id="I_SharedHosting" runat="server" class="material-icons icon-data-center col-vps"></i>
                                </div>
                            </li>

                            <li>
                                <div class="product-detail">
                                    <p>
                                        <asp:Label ID="Lbl_SharedHostingDescription" runat="server" Text=""></asp:Label>
                                    </p>
                                </div>
                            </li>

                        </ul>
                    </a>
                </div>
            </div>
            <div class="col-lg-3 col-sm-5 col-xs-12 text-center product-tiles" id="Div_Misc" runat="server">
                <div class="v-align-m">
                    <a id="A_RHosting" runat="server" href="Products.aspx" title='<%$Resources:Content,GN00001463%>'>
                        <ul>
                            <li class="product-heading">
                                <h4>
                                    <asp:Literal ID="Ltl_RHosting" runat="server" Text='<%$Resources:Content,GN00001463%>' EnableViewState="false"></asp:Literal></h4>
                            </li>
                            <li>
                                <div class="icon">
                                    <i alt="Misc. Products" id="I_RHosting" runat="server" class="material-icons icon-misc-products col-green"></i>
                                </div>
                            </li>

                            <li>
                                <div class="product-detail">
                                    <p>
                                        <asp:Label ID="Lbl_MiscDescription" runat="server" Text=""></asp:Label>
                                    </p>
                                </div>
                            </li>

                        </ul>
                    </a>
                </div>
            </div>
            <div class="col-lg-3 col-sm-5 col-xs-12 text-center product-tiles" id="Div_ADHosting" runat="server">
                <div class="v-align-m">
                    <a id="A_ADHosting" runat="server" href="Products.aspx" title='<%$Resources:Content,M0104%>'>
                        <ul>
                            <li class="product-heading">
                                <h4>
                                    <asp:Literal ID="Ltl_ADHosting" runat="server" Text='<%$Resources:Content,M0104%>' EnableViewState="false"></asp:Literal></h4>
                            </li>
                            <li>
                                <div class="icon">
                                    <i alt="Active Directory Hosting" id="I_ADHosting" runat="server" class="material-icons icon-active-directory col-brown"></i>
                                </div>
                            </li>

                            <li>
                                <div class="product-detail">
                                    <p>
                                        <asp:Label ID="Lbl_ADHostingDescription" runat="server" Text=""></asp:Label>
                                    </p>
                                </div>
                            </li>

                        </ul>
                    </a>
                </div>
            </div>
            <div class="col-lg-3 col-sm-5 col-xs-12 text-center product-tiles" id="Div_DHosting" runat="server" visible="false">
                <div class="v-align-m">
                    <a id="A_DHosting" runat="server" href="Products.aspx" title='<%$Resources:Content,GN00008046%>'>
                        <ul>
                            <li class="product-heading">
                                <h4>
                                    <asp:Literal ID="Ltl_DHosting" runat="server" Text='<%$Resources:Content,GN00008046%>' EnableViewState="false"></asp:Literal></h4>
                            </li>
                            <li>
                                <div class="icon">
                                    <i alt="Dedicated Servers" id="I_DHosting" runat="server" class="material-icons icon-dedicated-hosting col-cyan"></i>
                                </div>
                            </li>

                            <li>
                                <div class="product-detail">
                                    <p>
                                        <asp:Label ID="Lbl_DHostingDescription" runat="server" Text=""></asp:Label>
                                    </p>
                                </div>
                            </li>

                        </ul>
                    </a>
                </div>
            </div>
            <div class="col-lg-3 col-sm-5 col-xs-12 text-center product-tiles" id="Div_ExHosting" runat="server">
                <div class="v-align-m">
                    <a id="A_ExHosting" runat="server" href="Products.aspx" title='<%$Resources:Content,GN0002000%>'>
                        <ul>
                            <li class="product-heading">
                                <h4>
                                    <asp:Literal ID="Ltl_ExHosting" runat="server" Text='<%$Resources:Content,GN0002000%>' EnableViewState="false"></asp:Literal></h4>
                            </li>
                            <li>
                                <div class="icon">
                                    <i alt="Exchange Hosting" id="I_ExHosting" runat="server" class="material-icons icon-exchange col-exchange"></i>
                                </div>
                            </li>

                            <li>
                                <div class="product-detail">
                                    <p>
                                        <asp:Label ID="Lbl_ExHostingDescription" runat="server" Text=""></asp:Label>
                                    </p>
                                </div>
                            </li>

                        </ul>
                    </a>
                </div>
            </div>
            <div class="col-lg-3 col-sm-5 col-xs-12 text-center product-tiles" id="Div_SPHosting" runat="server">
                <div class="v-align-m">
                    <a id="A_SPHosting" runat="server" href="Products.aspx" title='<%$Resources:Content,String145%>'>
                        <ul>
                            <li class="product-heading">
                                <h4>
                                    <asp:Literal ID="Ltl_SPHosting" runat="server" Text='<%$Resources:Content,String145%>' EnableViewState="false"></asp:Literal></h4>
                            </li>
                            <li>
                                <div class="icon">
                                    <i alt="SharePoint Hosting" id="I_SPHosting" runat="server" class="material-icons icon-sharepoint col-orange"></i>
                                </div>
                            </li>

                            <li>
                                <div class="product-detail">
                                    <p>
                                        <asp:Label ID="Lbl_SPHostingDescription" runat="server" Text=""></asp:Label>
                                    </p>
                                </div>
                            </li>

                        </ul>
                    </a>
                </div>
            </div>
            <div class="col-lg-3 col-sm-5 col-xs-12 text-center product-tiles" id="Div_CRMHosting" runat="server">
                <div class="v-align-m">
                    <a id="A_CRMHosting" runat="server" href="Products.aspx" title='<%$Resources:Content,DEV1029%>'>
                        <ul>
                            <li class="product-heading">
                                <h4>
                                    <asp:Literal ID="Ltl_CRMHosting" runat="server" Text='<%$Resources:Content,DEV1029%>' EnableViewState="false"></asp:Literal></h4>
                            </li>
                            <li>
                                <div class="icon">
                                    <i alt="Dynamic CRM Hosting" id="I_CRMHosting" runat="server" class="material-icons icon-crm col-crm"></i>
                                </div>
                            </li>

                            <li>
                                <div class="product-detail">
                                    <p>
                                        <asp:Label ID="Lbl_CRMHostingDescription" runat="server" Text=""></asp:Label>
                                    </p>
                                </div>
                            </li>

                        </ul>
                    </a>
                </div>
            </div>
            <div class="col-lg-3 col-sm-5 col-xs-12 text-center product-tiles" id="Div_SfBHosting" runat="server">
                <div class="v-align-m">
                    <a id="A_SfBHosting" runat="server" href="Products.aspx" title='<%$Resources:Content,DEV1088%>'>
                        <ul>
                            <li class="product-heading">
                                <h4>
                                    <asp:Literal ID="Ltl_SfBHosting" runat="server" Text='<%$Resources:Content,DEV1088%>' EnableViewState="false"></asp:Literal></h4>
                            </li>
                            <li>
                                <div class="icon">
                                    <i alt="Skype4B Hosting" id="I_SfBHosting" runat="server" class="material-icons icon-skype4b col-lime"></i>
                                </div>
                            </li>

                            <li>
                                <div class="product-detail">
                                    <p>
                                        <asp:Label ID="Lbl_SfBHostingDescription" runat="server" Text=""></asp:Label>
                                    </p>
                                </div>
                            </li>

                        </ul>
                    </a>
                </div>
            </div>
            <div class="col-lg-3 col-sm-5 col-xs-12 text-center product-tiles" id="Div_VPSHosting" runat="server">
                <div class="v-align-m">
                    <a id="A_VPSHosting" runat="server" href="Products.aspx" title='<%$Resources:Content,DB0001%>'>
                        <ul>
                            <li class="product-heading">
                                <h4>
                                    <asp:Literal ID="Ltl_VPSHosting" runat="server" Text='<%$Resources:Content,DB0001%>' EnableViewState="false"></asp:Literal></h4>
                            </li>
                            <li>
                                <div class="icon">
                                    <i alt="VPS Hosting" id="I_VPSHosting" runat="server" class="material-icons icon-vps-server col-vps"></i>
                                </div>
                            </li>

                            <li>
                                <div class="product-detail">
                                    <p>
                                        <asp:Label ID="Lbl_VPSHostingDescription" runat="server" Text=""></asp:Label>
                                    </p>
                                </div>
                            </li>

                        </ul>
                    </a>
                </div>
            </div>
            <div class="col-lg-3 col-sm-5 col-xs-12 text-center product-tiles" id="Div_CSPHosting" runat="server">
                <div class="v-align-m">
                    <a id="A_CSPHosting" runat="server" href="Products.aspx" title='<%$Resources:Content,strO365Hosting%>'>
                        <ul>
                            <li class="product-heading">
                                <h4>
                                    <asp:Literal ID="ltrO365Menu" runat="server" Text='<%$Resources:Content,Office365Heading%>' EnableViewState="false"></asp:Literal></h4>
                            </li>
                            <li>
                                <div class="icon">
                                    <i alt="CSP Hosting" id="I_CSPHosting" runat="server" class="material-icons icon-o365 col-O365"></i>
                                </div>
                            </li>
                            <li>
                                <div class="product-detail">
                                    <p>
                                        <asp:Label ID="Lbl_CSPDescription" runat="server" Text=""></asp:Label>
                                    </p>
                                </div>
                            </li>
                        </ul>
                    </a>
                </div>
            </div>
            <div class="col-lg-3 col-sm-5 col-xs-12 text-center product-tiles" id="Div_SSL" runat="server">
                <div class="v-align-m">
                    <a id="A_SSL" runat="server" href="Products.aspx" title='<%$Resources:Content,GN000127%>'>
                        <ul>
                            <li class="product-heading">
                                <h4>
                                    <asp:Literal ID="Ltl_SSL" runat="server" Text='<%$Resources:Content,GN000127%>' EnableViewState="false"></asp:Literal></h4>
                            </li>
                            <li>
                                <div class="icon">
                                    <i alt="SSL" id="I_SSL" runat="server" class="material-icons icon-security col-green"></i>
                                </div>
                            </li>

                            <li>
                                <div class="product-detail">
                                    <p>
                                        <asp:Label ID="Lbl_SSLDescription" runat="server" Text=""></asp:Label>
                                    </p>
                                </div>
                            </li>

                        </ul>
                    </a>
                </div>
            </div>
            <div class="col-lg-3 col-sm-5 col-xs-12 text-center product-tiles" id="Div_DigiCert" runat="server" visible="false">
                <div class="v-align-m">
                    <a id="A_DigiCert" runat="server" href="Products.aspx" title='<%$Resources:Content,DigiCertSSL%>'>
                        <ul>
                            <li class="product-heading">
                                <h4>
                                    <asp:Literal ID="Ltl_DigiCert" runat="server" Text='<%$Resources:Content,DigiCertSSL%>' EnableViewState="false"></asp:Literal></h4>
                            </li>
                            <li>
                                <div class="icon">
                                    <i alt="Digi Cert SSL" id="I_DigiCert" runat="server" class="material-icons icon-security col-teal"></i>
                                </div>
                            </li>

                            <li>
                                <div class="product-detail">
                                    <p>
                                        <asp:Label ID="Lbl_DigiCertDescription" runat="server" Text=""></asp:Label>
                                    </p>
                                </div>
                            </li>

                        </ul>
                    </a>
                </div>
            </div>
            <div class="col-lg-3 col-sm-5 col-xs-12 text-center product-tiles" id="Div_SectigoSSL" runat="server">
                <div class="v-align-m">
                    <a id="A_SectigoSSL" runat="server" href="Products.aspx" title='<%$Resources:Content,SectigoSSL%>'>
                        <ul>
                            <li class="product-heading">
                                <h4>
                                    <asp:Literal ID="Literal2" runat="server" Text='<%$Resources:Content,SectigoSSL%>' EnableViewState="false"></asp:Literal></h4>
                            </li>
                            <li>
                                <div class="icon">
                                    <i alt="Sectigo SSL" id="I_SectigoSSL" runat="server" class="material-icons icon-security col-green"></i>
                                </div>
                            </li>

                            <li>
                                <div class="product-detail">
                                    <p>
                                        <asp:Label ID="Lbl_SectigoSSLDescription" runat="server" Text=""></asp:Label>
                                    </p>
                                </div>
                            </li>

                        </ul>
                    </a>
                </div>
            </div>
            <div class="col-lg-3 col-sm-5 col-xs-12 text-center product-tiles" id="Div_WorkFolderHosting" runat="server">
                <div class="v-align-m">
                    <a id="A_WorkfolderHosting" runat="server" href="Products.aspx" title='<%$Resources:Content,Workfolder%>'>
                        <ul>
                            <li class="product-heading">
                                <h4>
                                    <asp:Literal ID="ltrWFHMenu" runat="server" Text='<%$Resources:Content,Workfolder%>' EnableViewState="false"></asp:Literal></h4>
                            </li>
                            <li>
                                <div class="icon">
                                    <i alt="Work Folders Hosting" id="Img7" runat="server" class="material-icons icon-work-folder col-amber"></i>
                                </div>
                            </li>

                            <li>
                                <div class="product-detail">
                                    <p>
                                        <asp:Label ID="Lbl_WFHostingDescription" runat="server" Text=""></asp:Label>
                                    </p>
                                </div>
                            </li>

                        </ul>
                    </a>
                </div>
            </div>
            <div class="col-lg-3 col-sm-5 col-xs-12 text-center product-tiles" id="Div_RDSHosting" runat="server">
                <div class="v-align-m">
                    <a id="A_RDSHosting" runat="server" href="Products.aspx" title='<%$Resources:Content,RDSHosting%>'>
                        <ul>
                            <li class="product-heading">
                                <h4>
                                    <asp:Literal ID="ltrRDSMenu" runat="server" Text='<%$Resources:Content,RDSHosting%>' EnableViewState="false"></asp:Literal></h4>
                            </li>
                            <li>
                                <div class="icon">
                                    <i alt="RDS Hosting" id="I_ltrRDSMenu" runat="server" class="material-icons icon-virtual-machine col-indigo"></i>
                                </div>
                            </li>

                            <li>
                                <div class="product-detail">
                                    <p>
                                        <asp:Label ID="Lbl_RDSHostingDescription" runat="server" Text=""></asp:Label>
                                    </p>
                                </div>
                            </li>

                        </ul>
                    </a>
                </div>
            </div>
            <div class="col-lg-3 col-sm-5 col-xs-12 text-center product-tiles" id="Div_SIPHosting" runat="server">
                <div class="v-align-m">
                    <a id="A_SIPHosting" runat="server" href="Products.aspx" title='<%$Resources:Content,MachCloudCommunication%>'>
                        <ul>
                            <li class="product-heading">
                                <h4>
                                    <asp:Literal ID="ltrSIPMenu" runat="server" Text='<%$Resources:Content,MachVoice%>' EnableViewState="false"></asp:Literal></h4>
                            </li>
                            <li>
                                <div class="icon">
                                    <i alt="SIP Hosting" id="I1" runat="server" class="material-icons icon-sip-trunking col-exchange"></i>
                                </div>
                            </li>
                            <li>
                                <div class="product-detail">
                                    <p>
                                        <asp:Label ID="Lbl_SIPHostingDescription" runat="server" Text=""></asp:Label>
                                    </p>
                                </div>
                            </li>
                        </ul>
                    </a>
                </div>
            </div>
            <div class="col-lg-3 col-sm-5 col-xs-12 text-center product-tiles" id="Div_HostedVoice" runat="server">
                <div class="v-align-m">
                    <a id="A_HostedVoice" runat="server" href="Products.aspx" title='<%$Resources:Content,strHostedVoice%>'>
                        <ul>
                            <li class="product-heading">
                                <h4>
                                    <asp:Literal ID="Literal1" runat="server" Text='<%$Resources:Content,strHostedVoice%>' EnableViewState="false"></asp:Literal></h4>
                            </li>
                            <li>
                                <div class="icon">
                                    <i alt="Hosted Voice" id="I2" runat="server" class="material-icons icon-hosted-voice col-cyan"></i>
                                </div>
                            </li>
                            <li>
                                <div class="product-detail">
                                    <p>
                                        <asp:Label ID="Lbl_HostedVoiceDescription" runat="server" Text=""></asp:Label>
                                    </p>
                                </div>
                            </li>
                        </ul>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xs-12 col-md-4 col-lg-3 p-l-5 p-r-5">
        <EM:Cart ID="Cart1" runat="server"></EM:Cart>
    </div>

    <script type="text/javascript">

        setTimeout(function () {
            $(document).ready(function () {
                //alert('in');
                var highestBox = 0;

                // Select and loop the elements you want to equalise
                $('.v-align-m', this).each(function () {

                    // If this box is higher than the cached highest then store it
                    if ($(this).height() > highestBox) {
                        highestBox = $(this).height();
                    }

                });

                //alert(highestBox);

                // Set the height of all those children to whichever was highest 
                $('.v-align-m').height(highestBox);

            });
        }, 1000);


    </script>
</asp:Content>

