{% extends 'base_web.html.twig' %}

{% block body %}
<div class="container mt-2">
    <div class="page-header">
        <div class="card mt-4">
            <div class="card-body text-center">
                <img src="{{ asset('public/image/Banniere_Site_METFPA_recrutement_100jeunesDs10MetiersDuBatiment2025.jpg') }}" class="card-img-top" alt="image">
            </div>
        </div>
    </div>
    
    <div class="card mt-4 mb-6">
        <div class="card-body text-center bg-success" style="background-color: rgb(39, 116, 2) !important; color: #fff !important;">
            <h2><b>RECRUTEMENT POUR LA FORMATION DE 1.000 JEUNES DANS LE METIERS DU BÂTIMENT</b></h2>
        </div>
    </div>
    
    <div class="row">
        <div class="col text-center">
            <div class="d-grid gap-2 col-6 mx-auto">
                <button class="btn" id="pdfButton" style="background-color: rgb(255, 87, 51) !important; color: #fff !important;">Lire le communiquer</button>
            </div>
        </div>
        <div class="col text-center">
            <div class="d-grid gap-2 col-6 mx-auto">
                <a href=""><a class="btn" href="https://daip.ci/recrutement/" style="background-color: rgb(255, 87, 51) !important; color: #fff !important;">Inscription</a></a>
            </div>
        </div>
    </div>
    
    <!-- Ajoutez le lien vers le PDF dans un iframe ou un popup -->
    <div id="pdfPopup" style="display: none;">
        <iframe id="pdfIframe" width="100%" height="500px" frameborder="0"></iframe>
        <button id="closePopup" style="margin-top: 10px; background-color: #f44336; color: white; padding: 10px; border: none; cursor: pointer;">Fermer</button>
    </div>
    
    <div class="card mt-4 p-6">
        <div class="card-body">
            <p>Dans le cadre de l'Ecolde de la 2ème Cahnce (E2C), le Ministère de l'enseignement Technique, de la Formation professionnelle et de l'Apprentissage (METFPA) lance, au titre de l'années 2025, un recrutement pour la formation de mille(1000) jeunes dans dix métiers au Centre de Formation d'Apprentis aux métier du Bâtiment (CFA-BÂTIMENT) de Youpougon.</p>
            <p>Les Apprentis seront formés en quatre (04) vague successive de deux cent cinquante (250) apprentis à raison de vingt-cinq apprentis par métier. </p>
            <p>Les formations se dérouleront par Apprentissage sur une durée de neuf (09) mois et seront sanctionnés par un Certificat de Qualification Professionnelle (CQP). </p>
        </div>
    </div>
    

    <div class="card mt-4 p-6">
        <div class="card-body">
            <h5>Conditions d’accès :</h5>
            <p>Peut faire acte de candidature :</p>
            <ul>
                <li>Toute personne de nationalité Ivoirienne</li>
                <li>âgée de 16 ans au moins et de 40 ans au plus au 31 décembre 2025</li>
                <li>Ayant au moins le niveau CM2</li>
            </ul>              
        </div>
    </div>

    <div class="card mt-4 p-6">
        <div class="card-body">
            <h5>Pièces à fournir</h5>
            <p>Le dossier de candidature en ligne devra comporter les pièces suivantes :</p>
            <ul>
                <li>La Carte Nationale d'Identité ou l'Attestation d'Identité ;</li>
                <li>Une (01) photo d'identité couleur ;</li>
                <li>Un (01) diplôme au tout autre document justifiant du niveau d'étude minimum requis.</li>
            </ul>
        </div>
    </div>

    <div class="card mt-4 p-6">
        <div class="card-body">
            <h5>Dates de début et fin des inscriptions :</h5>
            <p>Les candidature sont reçues en ligne du <strong><span class="text-warning">Lundi 31 mars au Vendredi 11 avril 2025</span></strong> sur les sites :<a href="https://www.formation-professionnelle.gouv.ci"> www.formation-professionnelle.gouv.ci</a> et <a href="https://www.daip.ci">www.daip.ci</a>. <br> La publication des résultats se fera sur les mêmes sites. </p>
            <p><strong>Infoline : (+225) 07 57 51 67 32 / 05 65 39 04 59 / 01 40 73 12 08 / 05 06 65 92 83</strong></p>
            <p><strong>NB : </strong></p>
            <ul>
                <li><strong>Les inscriptions et les formations sont gratuites</strong></li>
                <li><strong>Les candidature féminines sont fortement encouragées.</strong></li>
            </ul>
            <div class="d-grid gap-2 col-6 mx-auto">
                <a class="btn btn-success" href="https://daip.ci/recrutement/public/">S'inscrire ici</a>
            </div>
            
        </div>
    </div>
</div>

{% endblock %}

{% block javascripts %}
<script>
    document.getElementById('pdfButton').addEventListener('click', function() {
        var iframe = document.getElementById('pdfIframe');
        iframe.src = '/public/pdf/COMMUNIQUER.pdf'; // Remplacez par le nom réel du fichier PDF
        document.getElementById('pdfPopup').style.display = 'block';
    });
    
    document.getElementById('closePopup').addEventListener('click', function() {
        document.getElementById('pdfPopup').style.display = 'none';
    });

</script>

{% endblock %}