<%@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>
            <style type="text/css">
                .sor{
                    margin-top: 68px;
                    margin-left: 1040px;
                    color: black;
                    width: 156px;
                    height: 50px;
                }
                body{
                    position:relative;
                    margin: 0;
                    padding: 0;
                    height: auto;
                    height: 100%;
                    min-height:100%;
                    width: auto;
                    width: 100%;
                    min-width:100%;
                }
                .header{
                    position:relative;
                    height: 180px;
                    background-image:url("fej2.jpg");
                    background-repeat: repeat-x;
                }
                .menu{
                    position:relative;
                    width: 289px;
                    float:left;
                    background-image:url("menu.jpg");
                    background-repeat: repeat-y;
                    height: 700px;
                }
                .content{
                    position:relative;
                    float:left;
                    width: 900px;
                    float:left;
                    height: 700px;
                }
                /*------------------------------------------------------------ */
                .menupanels{
                    list-style-type: none;
                    margin-left: 25px;
                    padding: 0;
                    width: 210px; /* width of menu */

                }

                .menupanels li{
                    border-bottom: 1px solid white; /* white border beneath each menu item */
                }
                .menupanels li a{
                    background: #333 url("paneltop.gif") no-repeat left top; /*color of menu by default*/
                    display: block;
                    color: white;
                    width: auto;
                    padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */
                    text-indent: 25px;
                    text-decoration: none;
                    border-bottom: 1px solid black; /*bottom border of menu link. Should be equal or darker to link's bgcolor*/

                }
                .menupanels li a:visited, .menupanels li a:active{
                    color: white;
                }
                .menupanels li a:hover{
                    background-color: black; /*color of menu onMouseover*/
                    color: white;
                    border-bottom: 1px solid black; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
                }
            </style>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
            <title>JSP Page</title>
        </head>
        <body>
            <div class="header">
                <div class="sor">
                    <center>
                        <h:outputText value="#{Menu.user.name}"/><br>
                        <h:outputText value="ADMINISZTRÁTOR" rendered="#{Menu.user.userRole == 'ADMIN'}"/>
                        <h:outputText value="HALLGATÓ" rendered="#{Menu.user.userRole == 'STUDENT'}"/>
                        <h:outputText value="OKTATÓ" rendered="#{Menu.user.userRole == 'TEACHER'}"/>
                    </center>
                </div>
            </div>
            <div class="menu">
                <img src="logo.jpg" alt="logo"/>
                <ul class="menupanels">
                    <li><a href="faces/listkurzus.jsp">Meghírdetett tárgyak</a></li>
                    <li><a href="faces/listindex.jsp">Felvett tárgyak</a></li>
                    <li><a href="faces/listindexbook.jsp">Leckekönyv</a></li>
                    <li><a href="faces/listdiploma.jsp">Diplomamunka kiírások</a></li>
                    <li><a href="faces/login.jsp">Kijelentkezés</a></li>
                </ul>

            </div>
            <div class="content">

                 <center>
                     
                 </center>
            </div>
        </body>
    </html>
</f:view>

