<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../template.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                >
    
    <ui:define name="top">
        top
    </ui:define>

    <ui:define name="content">
        <h:form id="mainForm">

            <h:outputText value="Создать статью"/>
            <table>
                <tr>
                    <td>
                <h:outputText value="Заголовок статьи"/>
                </td>
                <td>
                <h:inputText value="#{mainArticle.article.title}"/>
                </td>
                </tr>
                <tr>
                    <td>
                <h:outputText value="Дата создания"/>
                </td>
                <td>
                <p:calendar value="#{mainArticle.article.dateCreation}"
                            locale="ru"
                            pattern="dd.MM.yyyy"/>
                </td>
                </tr>
                <tr>
                    <td>
                <h:outputText value="Текст статьи"/>
                </td>
                <td>
                <h:inputTextarea value="#{mainArticle.article.text}"/>
                </td>
                </tr>
            </table>
            <br/>
            <p:commandButton value="Сохранить" action="#{mainArticle.saveArticle}" update="mainForm"/>
        </h:form>
    </ui:define>

    <ui:define name="bottom">
        bottom
    </ui:define>

</ui:composition>