<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">

    <div class="layout-footer">
        <div class="grid">
            <div class="col-12 lg:col-4">
                <div class="grid">
                    <div class="col-6">
                        <span class="footer-menutitle">NAVIGATION</span>
                        <ul>
                            <li><a href="/pages/secure/dashboard">Tableau de Bord</a></li>
                            <li><a href="/pages/secure/membre/liste">Membres</a></li>
                            <li><a href="/pages/secure/adhesion/liste">Adhésions</a></li>
                            <li><a href="/pages/secure/aide/documentation">Aide</a></li>
                        </ul>
                    </div>
                    <div class="col-6">
                        <span class="footer-menutitle"></span>
                        <ul>
                            <li><a href="/pages/secure/evenement/calendrier">Calendrier</a></li>
                            <li><a href="/pages/secure/cotisation/historique">Cotisations</a></li>
                            <li><a href="/pages/secure/rapport/membres">Rapports</a></li>
                            <li><a href="/pages/secure/admin/parametres">Paramètres</a></li>
                        </ul>
                    </div>
                </div>
               
            </div>
            <div class="col-12 md:col-6 lg:col-3">
                <span class="footer-menutitle">CONTACT</span>
                <ul>
                    <li>+221 77 123 45 67</li>
                    <li>Plateau, Dakar,</li>
                    <li>Sénégal</li>
                    <li>contact@unionflow.sn</li>
                </ul>
            </div>
            <div class="col-12 md:col-6 lg:col-5">
                <span class="footer-menutitle">NEWSLETTER</span>
                <span class="footer-subtitle">Rejoignez notre newsletter pour être informé des nouvelles fonctionnalités.</span>
                <h:form>
                    <div class="newsletter-input">
                        <p:inputText placeholder="adresse email" />
                        <p:commandButton value="S'abonner" styleClass="ui-button-secondary "/>
                    </div>
                </h:form>
            </div>
            <div class="col-12">
                <div class="footer-bottom">
                    <h4>UnionFlow</h4>
                    <h6>Copyright © Lions Dev Team</h6>
                </div>
             
            </div>
        </div>
    </div>
</ui:composition>