<%@ Master Language="VB" AutoEventWireup="false" CodeBehind="PWA.master.vb" Inherits="WebFoundations.WFWorkflow.UI.PWA" %>

<%@ Register Assembly="WebFoundations.WFPortal.Controls" Namespace="WebFoundations.WFPortal.Controls.Content" TagPrefix="WFC" %>
<%@ Register Namespace="WebFoundations.ServerControls" Assembly="WebFoundations.ServerControls" TagPrefix="WFF" %>
<%@ Register Src="~/Mobile/PWALogin.ascx" TagPrefix="WF" TagName="PWALogin" %>


<!DOCTYPE html>
<html runat=server id="htmlroot" >
<head runat="server">
    <title></title>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no" />

    <asp:PlaceHolder runat="server" ID="themeMetaTags">
        <meta name="msapplication-starturl" content="/mobile/" />
        <meta name="msapplication-square70x70logo" content="/mobile/icon/70/" />
        <meta name="msapplication-square150x150logo" content="/mobile/icon/150/" />
        <meta name="msapplication-task" content="name=Processos;action-uri=/mobile/#/api/zuri/procs/" />
    </asp:PlaceHolder>

    <link href="/mobile/manifest" rel="manifest" />

    <script src="/theme/html5" type="text/javascript"></script>
    <link href="/mobile/styles" rel="stylesheet" type="text/css" />

    <link rel="shortcut icon" href="/favicon.ico?v=2" type="image/x-icon" />
    <script src="/mobile/scripts"></script>
    <asp:ContentPlaceHolder ID="TagHead" runat="server" />
</head>
<body runat="server" id="pagebody">
    <form runat="server">
        <asp:ScriptManager runat="server" />
        <WFC:Manager runat="server" />

        <asp:ContentPlaceHolder ID="templatePageBanner" runat="server" />

        <header>
            <aside class="offline">
                offline: algumas operações não podem ser executadas em modo offline.
            </aside>
            <a href="/mobile" title="Home" class="logo">
                <h1><asp:Literal runat="server" ID="headerTitle" Text="Zuri" /></h1>
            </a>
            <asp:PlaceHolder runat="server" ID="phAuthenticatedHeader">
                <label class="menu" for="menu_visual">&#9776;</label>
                <input type="checkbox" id="menu_visual" style="display: none;" />
                <nav id="menu">
                    <a href="/mobile" title="Home"><asp:Literal runat="server" ID="menuTitle" Text="Zuri" /></a>
                    <ul>
                        <asp:Repeater ID="rptMenu" runat="server">
                            <ItemTemplate>
                                <li><a href="<%#Eval("Url")%>" Class="zuri-menu" data-kind="<%#Eval("Kind")%>"><%#Eval("Name")%></a></li>
                            </ItemTemplate>                            
                        </asp:Repeater>
                    </ul>
                    <a class="desktop-version" href="/" id="lnkDesktopVersion"><%: WebFoundations.WFWorkflow.UI.ZuriMobileTranslations.mnuDesktopVersion %></a>
                    <asp:LinkButton ID="lnkLogoff" runat="server" Text='Sair' />
                    <a class="about" href="/mobile/#about" runat="server" id="lnkAbout"><%: WebFoundations.WFWorkflow.UI.ZuriMobileTranslations.jsabout %></a>
                    <span class="version" runat="server" id="lblVersion" />
                </nav>
                <aside>
                    <asp:ContentPlaceHolder ID="HeaderContent" runat="server" />
                </aside>
            </asp:PlaceHolder>
        </header>
        <main>
            <asp:PlaceHolder runat="server" ID="phNotAuthenticated">
                <WF:PWALogin runat="server" ID="LoginControl" />
            </asp:PlaceHolder>
            <asp:PlaceHolder runat="server" ID="phAuthenticated">
                <section id="main-panel">
                    <asp:ContentPlaceHolder ID="MainContent" runat="server" />
                </section>
            </asp:PlaceHolder>
        </main>
        <footer>
            <asp:ContentPlaceHolder ID="FooterContent" runat="server" />
        </footer>
    </form>
</body>
</html>
