<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<f:view locale="#{user.locale}">
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
            <title><h:outputText value="#{msg.login}" /></title>
            <link type="text/css" rel="stylesheet" href="css/theme.css">
            <link type="text/css" rel="stylesheet" href="css/main.css">
            <link type="text/css" rel="stylesheet" href="css/login-box.css"  />
        <p:resources />
    </head>
    <body>
        <h:form id="loginForm">
            <div style="padding: 200px 0 0 250px;">
                <div id="login-box">
                    <H2><h:outputText value="#{msg.login}" /></H2>
                    Víta Vás zálohovací server. Pre prácu sa prosím prihláste.
                    <br />
                    <br />
                    <h:panelGrid columns="1">
                        <h:outputText value="#{msg.username}:" />
                        <h:inputText value="#{user.helper.user.username}" styleClass="form-login"
                                     title="Username" size="30" maxlength="2048" />

                        <h:outputText value="#{msg.password}:" />
                        <h:inputSecret value="#{user.helper.user.password}" styleClass="form-login"
                                       size="30" maxlength="2048"/>

                        <h:commandLink action="#{user.helper.doLogin}"
                                         style="margin-left:90px;">
                            <h:graphicImage value="images/login-btn.png" width="103"
                                            height="42" style="margin-left:70px; margin-top: 20px;" />
                        </h:commandLink>
                    </h:panelGrid>
                </div>
            </div>
        </h:form>
    </body>
</html>
</f:view>
