<ui:composition xmlns="http://www.w3.org/1999/xhtml"
            xmlns:f="http://java.sun.com/jsf/core"
            xmlns:h="http://java.sun.com/jsf/html"
            xmlns:ui="http://java.sun.com/jsf/facelets"
            xmlns:p="http://primefaces.org/ui"
            xmlns:jsp="http://java.sun.com/JSP/Page"
            template="template.xhtml">

<ui:define name="titulo">
    Livro de Ordem
</ui:define>

<ui:define name="content">
    <f:metadata>
        <f:viewParam name="a" value="#{livroOrdemController.numeroArt}" valueChangeListener="#{livroOrdemController.recuperarNumeroArt}" />
    </f:metadata>

    <p:messages id="messages" autoUpdate="true" closable="true" />

    <h:form>
        <p:panel id="panelTermoDeAbertura" header="TERMO DE ABERTURA DO LIVRO DE ORDEM">

            <h:panelGrid columns="2" cellpadding="10">

                <h:outputLabel value="Numero da ART: "/>

                <h:outputText
                    value="#{livroOrdemController.art.numeroArt}"/>

                <h:outputLabel value="Nome do Proprietário: "/>
                <h:outputText
                    value="#{livroOrdemController.art.nomeProprietario}"/>

                <h:outputLabel value="Endereço da Obra: "/>
                <h:outputText
                    value="#{livroOrdemController.art.enderecoObraServico.tipoLogradouro} #{livroOrdemController.art.enderecoObraServico.logradouro},
                              Nº #{livroOrdemController.art.enderecoObraServico.numero},
                              CEP: #{livroOrdemController.art.enderecoObraServico.cep},
                              #{livroOrdemController.art.enderecoObraServico.bairro},
                              #{livroOrdemController.art.enderecoObraServico.cidade} - #{livroOrdemController.art.enderecoObraServico.uf}"/>

                <h:outputLabel value="Data Real do Início da Obra: "/>
                <h:outputText
                    value="#{livroOrdemController.livroOrdem.dataRealInicioObra}">

                    <f:convertDateTime pattern="dd/MM/yyyy" />

                </h:outputText>

                <h:outputLabel value="Data Prevista para Conclusão da Obra: "/>
                <h:outputText
                    value="#{livroOrdemController.livroOrdem.dataPrevistaConclusaoObra}">

                    <f:convertDateTime pattern="dd/MM/yyyy" />

                </h:outputText>

                <p:commandButton value="Adicionar Relato"
                                 immediate="true"
                                 onclick="dialogRelato.show();"/>

            </h:panelGrid>

        </p:panel>

        <br />

        <p:dialog showEffect="fade" hideEffect="fade"
                  modal="true" header="Novo Relato"
                  widgetVar="dialogRelato" minHeight="40">

            <b>
                <h:outputLabel value="Tipo de Relato: " />
            </b>
            <h:selectOneMenu style="height: 20px; background-color: #ffffff;"
                             value="#{livroOrdemController.tipoRelatoSelecionado}"
                             title="Tipo de Relato"
                             converter="tipoRelatoConverter">

                <f:selectItems value="#{livroOrdemController.preencherComboTiposRelatos()}"/>
    </h:selectOneMenu>
            <br />
            <br />

            <b>
                <h:outputLabel for="calendarDataOcorrencia" value="Data da Ocorrencia: " />
            </b>
                <p:calendar id="calendarDataOcorrencia"
                            pattern="dd/MM/yyyy"
                            locale="pt_BR"
                            showOn="button"
                            value="#{livroOrdemController.dataOcorrencia}"/>
            <br />
            <br />
            <b>
                <h:outputLabel value="Fase da Obra/Serviço: " />
            </b>
            <h:selectOneMenu style="height: 20px; background-color: #ffffff;"
                             value="#{livroOrdemController.faseObraServicoSelecionada}"
                             title="Fase da Obra/Serviço"
                             converter="faseObraServicoConverter">
                <f:selectItems value="#{livroOrdemController.preencherComboFaseObraServico()}"/>
    </h:selectOneMenu>
            <br />
            <br />

            <b>
                <h:outputLabel for="calendarInicioFase" value="Inicio da Fase: " />
            </b>
                <p:calendar id="calendarInicioFase"
                            pattern="dd/MM/yyyy"
                            locale="pt_BR"
                            showOn="button"
                            value="#{livroOrdemController.dataIncioFase}"/>
            <br />
            <br />

            <b>
                <h:outputLabel for="calendarFimFase" value="Términio da Fase: " />
            </b>
            <p:calendar id="calendarFimFase"
                        pattern="dd/MM/yyyy"
                        locale="br"
                        showOn="button"
                        value="#{livroOrdemController.dataTerminioFase}"/>
            <br />
            <br />

            <b>
                <h:outputLabel for="inputDescricaoRelato" value="Descrição: " />
            </b>
            <br />
            <h:inputTextarea id="inputDescricaoRelato"
                             value="#{livroOrdemController.descricao}"/>
            <br />
            <br />

            <p:commandButton value="Adicionar Relato"
                             action="#{livroOrdemController.adicionarRelato()}"
                             oncomplete="dialogRelato.hide();"
                             immediate="false"
                             update="#{artsAptasLivroOrdemController.componentes}"/>

            <p:commandButton value="Cancelar"
                             onclick="dialogRelato.hide();" />

        </p:dialog>

    </h:form>


        <ui:repeat var="itemRelato" value="#{livroOrdemController.relatos}" varStatus="status">
            <h:form>
                <p:panel id="panelRelatos">
                    <h:outputLabel value="Data do Relato: "/>
                    <h:outputText value="#{itemRelato.dataOcorrencia}">
                        <f:convertDateTime pattern="dd/MM/yyyy" />
                    </h:outputText>
                    <br />

                    <h:outputLabel value="Tipo do Relato: "/>
                    <h:outputText value="#{itemRelato.tipoRelato.descricao}"/>
                    <br />

                    <h:outputLabel value="Fase da Obra: "/>
                    <h:outputText value="#{itemRelato.faseObraServico.descricao}"/>
                    <br />

                    <h:outputLabel value="Inicio da Fase: "/>
                    <h:outputText value="#{itemRelato.dataIncioFase}">
                        <f:convertDateTime pattern="dd/MM/yyyy" />
                    </h:outputText>
                    <br />

                    <h:outputLabel value="Términio da Fase: "/>
                    <h:outputText value="#{itemRelato.dataTerminioFase}">
                        <f:convertDateTime pattern="dd/MM/yyyy" />
                    </h:outputText>
                    <br />

                    <h:outputLabel value="Descrição: "/><br />
                    <h:outputText value="#{itemRelato.descricao}"/>
                    <br />

                    <b>
                        <h:outputLabel value="Retificações/Complementos: "/>
                        <ui:repeat var="itemRetificacao" value="#{livroOrdemController.recuperarRetificacoes(itemRelato.idRelato)}"
                               varStatus="statusRetificacao">

                            <li>
                                <h:outputText value="#{itemRetificacao.descricao}"/>
                            </li>
                        </ui:repeat>
                    </b>
                    <br />

                    <p:commandButton value="Retificar Relato"
                                     update="#{livroOrdemController.componentes}"
                                     onclick="dialogRetificacao.show();">

                        <f:setPropertyActionListener value="#{itemRelato.idRelato}" target="#{livroOrdemController.relatoASerRetificado}"/>

                    </p:commandButton>
                    <br />
                    <br />

                </p:panel>

                <br />
            </h:form>
        </ui:repeat>

        <p:dialog showEffect="fade" hideEffect="fade"
                  modal="true" header="Retificar/Complementar um Relato"
                  widgetVar="dialogRetificacao" minHeight="40">

            <!--<b>
                <h:outputLabel value="Tipo de Relato: " />
            </b>
            <h:inputText id="tipoRelato" disabled="true" value="#{livroOrdemController.relatoASerRetificado.tipoRelato.descricao}"/>
            <br />

            <b>
                <h:outputLabel value="Data da Ocorrência: " />
            </b>
            <h:inputText id="dataOcorrencia" disabled="true" value="#{livroOrdemController.relatoASerRetificado.dataOcorrencia}">
                    <f:convertDateTime pattern="dd/MM/yyyy" />

            </h:inputText>
            <br />

            <b>
                <h:outputLabel value="Fase da Obra/Serviço: " />
            </b>
            <h:inputText id="faseObraServico" disabled="true" value="#{livroOrdemController.relatoASerRetificado.faseObraServico.descricao}"/>
            <br />

            <b>
                <h:outputLabel value="Inicio da Fase: " />
            </b>
            <h:inputText id="inicioFase" disabled="true" value="#{livroOrdemController.relatoASerRetificado.dataIncioFase}">
                    <f:convertDateTime pattern="dd/MM/yyyy" />
            </h:inputText>
            <br />

            <b>
                <h:outputLabel value="Términio da Fase: " />
            </b>
            <h:inputText id="terminioFase" disabled="true" value="#{livroOrdemController.relatoASerRetificado.dataTerminioFase}">
                    <f:convertDateTime pattern="dd/MM/yyyy" />
            </h:inputText>
            <br />-->

            <b>
                <h:outputLabel value="Descrição: " />
            </b>
            <h:inputTextarea id="descricaoRetificacao" value="#{livroOrdemController.descricaoRetificacao}"/>

            <br />

            <p:commandButton value="Retificar/Complementar Relato"
                             oncomplete="dialogRetificacao.hide();"
                             action="#{livroOrdemController.retificarRelato()}"/>

            <p:commandButton value="Cancelar"
                             onclick="dialogRetificacao.hide();" />

        </p:dialog>

</ui:define>