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

    <ui:define name="title">Model des Véhicules</ui:define>


    <ui:define name="content">
     <h:form>
    <p:panel id="panel" header="Ajouter un modèle">

        <p:messages id="msgs" />

        <h:panelGrid columns="3" cellpadding="5">

            <p:outputLabel for="NomModel" value="Modèle" />
            <p:inputText id="NomModel" value="#{beanModel.nomModel}" required="true" label="Nom d'utilisateur" >
                <f:validateLength minimum="2" />
            </p:inputText>
            <p:message for="NomModel" display="icon" />
            <p:commandButton value="Ajouter" update="panel" actionListener="#{beanModel.addmodel}" icon="ui-icon-check" ajax="true"/>

        </h:panelGrid>

    </p:panel>
    </h:form>
        <p:dataTable id="tabMod" var="modelV" value="#{beanModel.listmodels}">

          <p:column headerText="#">
            <h:outputText value="#{modelV.idModel}"/>
          </p:column>

          <p:column headerText="Modèles">
            <h:outputText value="#{modelV.modelNom}"/>
          </p:column>

             <p:column headerText="Actions">
             <h:form id="f2">
             <p:commandButton id="editButton" value="Modifier" icon="fa fa-fw fa-edit" title="Modifier"/>
             <p:commandButton value="Supprimer" icon="fa fa-fw fa-remove" actionListener="#{beanModel.removemodel(modelV)}" update="tabMod" ajax="true"/>
             </h:form>
          </p:column>

        </p:dataTable>








    </ui:define>


</ui:composition>