<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">

<style>
    .dz-social-icon ul {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 12px;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .dz-social-icon ul li a {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff;
        font-size: 18px;
        text-decoration: none;
        transition: all 0.25s ease;
    }

    .dz-social-icon ul li a:hover {
        transform: translateY(-3px);
        opacity: 0.9;
    }

    .rs-x a {
        font-size: 17px;
        position: relative;
        top: 1px;
    }

    @media (max-width: 768px) {
        .dz-social-icon ul {
            justify-content: center;
            margin-top: 10px;
        }
    }
</style>

<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v14.0"></script>

<footer class="site-footer style-1 bg-secondary" id="footer">

    <div class="footer-top">
        <div class="container">
            <div class="row">

                <div class="col-xl-3 col-lg-3 col-sm-6">
                    <div class="widget widget_about">
                        <div class="footer-logo logo-white">
                            <a href="{{ path('app_home') }}">
                                <img src="{{ asset('public/image/logo.png') }}" style="width:120px" alt="Logo DAIP">
                            </a>
                        </div>

                        <div class="widget widget_getintuch">
                            <ul>
                                <li>
                                    <i class="flaticon-placeholder"></i>
                                    <span>Côte d'Ivoire, Abidjan, SEBROKO ancien ONUCI</span>
                                </li>
                                <li>
                                    <i class="flaticon-telephone"></i>
                                    <span>+225 27 20 22 15 08</span><br>
                                    <span>+225 05 65 39 04 59</span><br>
                                    <span>+225 07 47 78 57 63</span>
                                </li>
                                <li>
                                    <i class="flaticon-email"></i>
                                    <span>etfpa.daip@gmail.com</span><br>
                                    <span>daip.semenetfp@gmail.com</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="col-xl-5 col-lg-5 col-sm-8">
                    <div class="widget widget_services">
                        <h4 class="footer-title">Liens utiles</h4>
                        <ul>
                            <li><a href="{{ path('app_projet_index') }}">Recrutement et Formation</a></li>
                            <li><a href="{{ path('app_activite_index') }}">Activités</a></li>
                            <li><a href="{{ path('app_album_index') }}">Galerie photo & vidéo</a></li>
                            <li><a href="{{ path('app_apprentissage_sous_direction') }}">Développement de l'Apprentissage</a></li>
                            <li><a href="{{ path('app_fq_sous_direction') }}">Formation Qualifiante</a></li>
                            <li><a href="{{ path('app_insertion_sous_direction') }}">Entrepreneuriat & Insertion</a></li>
                            <li><a href="{{ path('app_direction_index') }}">Directions régionales</a></li>
                        </ul>
                    </div>
                </div>

                <div class="col-xl-4 col-lg-4 col-sm-6">
                    <div class="widget widget_services">
                        <div class="fb-page"
                             data-href="https://www.facebook.com/METFPADAIP"
                             data-tabs="timeline"
                             data-height="350"
                             data-small-header="true"
                             data-adapt-container-width="true"
                             data-hide-cover="false"
                             data-show-facepile="true">
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <div class="container">
        <div class="footer-bottom">
            <div class="row align-items-center">

                <div class="col-lg-6 text-center text-lg-start mb-3 mb-lg-0">
                    <span class="copyright-text">Copyright © 2026 DAIP — Tous droits réservés.</span>
                </div>

                <div class="col-lg-6 text-center text-lg-end">
                    <div class="dz-social-icon">
                        <ul>
                            <li class="rs-x"><a class="fab fa-x-twitter" target="_blank" href="https://x.com/daipci?s=11"></a></li>
                            <li class="rs-instagram"><a class="fab fa-instagram" target="_blank" href="https://www.instagram.com/metfpadaip/"></a></li>
                            <li class="rs-tiktok"><a class="fab fa-tiktok" target="_blank" href="https://www.tiktok.com/@daipci"></a></li>
                            <li class="rs-youtube"><a class="fab fa-youtube" target="_blank" href="https://www.youtube.com/channel/UCpzL2618RoQtoMTuywLz_aA"></a></li>
                            <li class="rs-facebook"><a class="fab fa-facebook-f" target="_blank" href="https://www.facebook.com/METFPADAIP"></a></li>
                            <li class="rs-linkedin"><a class="fab fa-linkedin-in" target="_blank" href="https://www.linkedin.com/company/daip-ci/"></a></li>
                        </ul>
                    </div>
                </div>

            </div>
        </div>
    </div>

</footer>