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

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


<f:view>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
            <style type="text/css">
            .box{
                    position:absolute;
                    margin-left: 300px;
                    margin-top: 200px;
                    height: 298px;
                    width: 590px;
                    background-image:url("login.jpg");
                    background-repeat: repeat-x;
                }
                .cim{
                    margin-top: 150px;
                    margin-left: 350px;
                }
            </style>
            <title>Bejelentkezés</title>
        </head>
        <body bgcolor="#C0C0C0">
            <h:form>
                <div class="box">
                  <div class="cim">
                    <h:panelGrid columns="2" styleClass="form" headerClass="tableHeader" footerClass="tableFooter" rowClasses="tableRowOdd, tableRowEven">
                        <f:facet name="header">
                            <h:outputText value="Bejelentkezés" />
                        </f:facet>
                        <f:facet name="footer">
                            <h:panelGroup>
                                <h:commandButton action="#{Login.createAction}" value="Regisztráció"/>
                                <h:commandButton action="#{Login.enterAction}" value="Belép" />
                        </h:panelGroup>
                        </f:facet>
                        <h:outputText value="Loginnév"/>
                        <h:inputText id="name" value="#{Login.userName}"/>
                        <h:outputText value="Jelszó"/>
                        <h:inputSecret id="password" value="#{Login.password}"/>
                    </h:panelGrid>
                  </div>
                  </div>
                    <h:messages/>
                </h:form>
        </body>
    </html>
</f:view>
