116 lines
6.4 KiB
HTML
116 lines
6.4 KiB
HTML
<!DOCTYPE html>
|
|
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
|
|
xmlns:h="http://xmlns.jcp.org/jsf/html"
|
|
xmlns:f="http://xmlns.jcp.org/jsf/core"
|
|
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
|
|
xmlns:p="http://primefaces.org/ui"
|
|
template="/templates/main-template.xhtml">
|
|
|
|
<ui:param name="page" value="#{adhesionsBean}"/>
|
|
<ui:define name="title">Demande d'Adhésion - UnionFlow</ui:define>
|
|
|
|
<ui:define name="content">
|
|
<!-- En-tête -->
|
|
<ui:include src="/templates/components/layout/page-header.xhtml">
|
|
<ui:param name="icon" value="pi pi-user-plus text-green-500" />
|
|
<ui:param name="title" value="Demande d'Adhésion" />
|
|
<ui:param name="description" value="Formulaire de demande d'adhésion à une organisation" />
|
|
</ui:include>
|
|
|
|
<!-- Formulaire de demande -->
|
|
<div class="card">
|
|
<h:form id="formDemande">
|
|
<h5>Nouvelle Demande d'Adhésion</h5>
|
|
|
|
<ui:include src="/templates/components/forms/form-section.xhtml">
|
|
<ui:param name="title" value="Informations du Membre" />
|
|
<ui:define name="content">
|
|
<div class="grid">
|
|
<div class="col-12 md:col-6">
|
|
<div class="field">
|
|
<p:outputLabel for="membreId" value="Membre" />
|
|
<p:selectOneMenu id="membreId"
|
|
value="#{adhesionsBean.nouvelleAdhesion.membreId}"
|
|
required="true"
|
|
requiredMessage="Veuillez sélectionner un membre"
|
|
filter="true"
|
|
filterMatchMode="contains"
|
|
styleClass="w-full">
|
|
<f:selectItems value="#{adhesionsBean.membresSelectItems}" />
|
|
</p:selectOneMenu>
|
|
<p:message for="membreId" />
|
|
</div>
|
|
</div>
|
|
<div class="col-12 md:col-6">
|
|
<div class="field">
|
|
<p:outputLabel for="organisationId" value="Organisation" />
|
|
<p:selectOneMenu id="organisationId"
|
|
value="#{adhesionsBean.nouvelleAdhesion.organisationId}"
|
|
required="true"
|
|
requiredMessage="Veuillez sélectionner une organisation"
|
|
filter="true"
|
|
filterMatchMode="contains"
|
|
styleClass="w-full">
|
|
<f:selectItems value="#{adhesionsBean.associationsSelectItems}" />
|
|
</p:selectOneMenu>
|
|
<p:message for="organisationId" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ui:define>
|
|
</ui:include>
|
|
|
|
<ui:include src="/templates/components/forms/form-section.xhtml">
|
|
<ui:param name="title" value="Frais d'Adhésion" />
|
|
<ui:define name="content">
|
|
<div class="grid">
|
|
<div class="col-12 md:col-6">
|
|
<div class="field">
|
|
<p:outputLabel for="fraisAdhesion" value="Frais d'adhésion (FCFA)" />
|
|
<p:inputNumber id="fraisAdhesion"
|
|
value="#{adhesionsBean.nouvelleAdhesion.fraisAdhesion}"
|
|
symbol=""
|
|
minValue="0"
|
|
styleClass="w-full" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ui:define>
|
|
</ui:include>
|
|
|
|
<ui:include src="/templates/components/forms/form-section.xhtml">
|
|
<ui:param name="title" value="Observations" />
|
|
<ui:define name="content">
|
|
<div class="grid">
|
|
<div class="col-12">
|
|
<ui:include src="/templates/components/forms/form-field-textarea.xhtml">
|
|
<ui:param name="id" value="observations" />
|
|
<ui:param name="label" value="Observations (optionnel)" />
|
|
<ui:param name="value" value="#{adhesionsBean.nouvelleAdhesion.observations}" />
|
|
<ui:param name="rows" value="4" />
|
|
</ui:include>
|
|
</div>
|
|
</div>
|
|
</ui:define>
|
|
</ui:include>
|
|
|
|
<div class="flex justify-content-end gap-2 mt-3">
|
|
<ui:include src="/templates/components/buttons/button-secondary.xhtml">
|
|
<ui:param name="value" value="Annuler" />
|
|
<ui:param name="icon" value="pi pi-times" />
|
|
<ui:param name="action" value="#{navigationBean.goToDashboard}" />
|
|
<ui:param name="outlined" value="true" />
|
|
</ui:include>
|
|
<ui:include src="/templates/components/buttons/button-primary.xhtml">
|
|
<ui:param name="value" value="Soumettre la demande" />
|
|
<ui:param name="icon" value="pi pi-send" />
|
|
<ui:param name="action" value="#{adhesionsBean.enregistrerAdhesion}" />
|
|
<ui:param name="update" value="@form" />
|
|
</ui:include>
|
|
</div>
|
|
</h:form>
|
|
</div>
|
|
|
|
</ui:define>
|
|
</ui:composition>
|