Files

74 lines
3.7 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="#{demandesAideBean}"/>
<ui:define name="title">Demandes d'Aide Approuvées - UnionFlow</ui:define>
<ui:define name="content">
<h:form id="formApproved">
<p:messages id="messages" showDetail="true" closable="true"/>
<!-- En-tête -->
<div class="card mb-3">
<div class="flex justify-content-between align-items-center flex-column md:flex-row">
<div>
<h3 class="m-0">
<i class="pi pi-check-circle text-success mr-2"></i>
Demandes d'Aide Approuvées
</h3>
<p class="text-600 m-0 mt-2">
Liste des demandes d'aide approuvées et en cours de traitement
</p>
</div>
</div>
</div>
<!-- Liste des demandes approuvées -->
<div class="card">
<h5 class="mb-3">Demandes Approuvées</h5>
<p:dataTable id="dtApproved"
var="demande"
value="#{demandesAideBean.demandesFiltrees}"
paginator="true"
rows="10"
paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
rowsPerPageTemplate="5,10,25"
currentPageReportTemplate="Affichage {startRecord}-{endRecord} sur {totalRecords}">
<p:column headerText="Demandeur" sortBy="#{demande.demandeur}">
<div>
<div class="font-medium">#{demande.demandeur}</div>
<small class="text-600">#{demande.telephone}</small>
</div>
</p:column>
<p:column headerText="Type" sortBy="#{demande.type}">
<p:tag value="#{demande.typeLibelle}" severity="#{demande.typeSeverity}" icon="pi #{demande.typeIcon}"/>
</p:column>
<p:column headerText="Montant accordé" sortBy="#{demande.montantAccorde}">
<div class="font-bold text-green-500">#{demande.montantAccorde} FCFA</div>
</p:column>
<p:column headerText="Date approbation" sortBy="#{demande.dateDemande}">
<h:outputText value="#{demande.dateDemande}">
<f:convertDateTime pattern="dd/MM/yyyy"/>
</h:outputText>
</p:column>
<p:column headerText="Actions" style="width:150px">
<p:commandButton icon="pi pi-eye"
styleClass="ui-button-rounded ui-button-text ui-button-info"
action="#{demandesAideBean.voirDetails(demande)}"
title="Voir détails"/>
</p:column>
</p:dataTable>
</div>
</h:form>
</ui:define>
</ui:composition>