{"id":2,"date":"2025-05-10T12:03:13","date_gmt":"2025-05-10T12:03:13","guid":{"rendered":"https:\/\/unpncnational.com\/?page_id=2"},"modified":"2025-12-07T12:43:22","modified_gmt":"2025-12-07T12:43:22","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/unpncnational.com\/?page_id=2","title":{"rendered":"Sample Page"},"content":{"rendered":"\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<!-- Chargement Firebase -->\n<script type=\"module\" id=\"unpnc-firebase-loader\">\n    import { initializeApp } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-app.js';\n    import { getAuth, onAuthStateChanged, signOut } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-auth.js';\n    import { getFirestore, collection, addDoc, getDocs, getDoc, setDoc, query, orderBy, updateDoc, doc, deleteDoc, Timestamp } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-firestore.js';\n\n    const firebaseConfig = window.unpncFirebaseConfig || {};\n    \n    if (!firebaseConfig.apiKey) {\n        console.error('Configuration Firebase manquante');\n    } else {\n        const app = initializeApp(firebaseConfig);\n        const db = getFirestore(app);\n        const auth = getAuth(app);\n        \n        window.unpncFirestore = {\n            db: db,\n            auth: auth,\n            collection: collection,\n            addDoc: addDoc,\n            getDocs: getDocs,\n            getDoc: getDoc,\n            setDoc: setDoc,\n            query: query,\n            orderBy: orderBy,\n            updateDoc: updateDoc,\n            doc: doc,\n            deleteDoc: deleteDoc,\n            Timestamp: Timestamp,\n            onAuthStateChanged: onAuthStateChanged,\n            signOut: signOut\n        };\n        \n        onAuthStateChanged(auth, (user) => {\n            if (user) {\n                window.unpncCurrentUser = {\n                    uid: user.uid,\n                    email: user.email,\n                    displayName: user.displayName || user.email.split('@')[0]\n                };\n                window.dispatchEvent(new Event('unpnc-firebase-ready'));\n            } else {\n                const currentPath = window.location.pathname;\n                const loginPath = '\/connexion-delegues\/';\n                \n                if (!currentPath.includes('connexion-delegues') && !currentPath.includes('wp-admin')) {\n                    window.location.href = loginPath;\n                }\n            }\n        });\n    }\n<\/script>\n\n<div id=\"unpnc-task-manager\" class=\"unpnc-tm-container\">\n    \n    <!-- En-t\u00eate -->\n    <div class=\"unpnc-tm-header\">\n        <div class=\"unpnc-tm-title\">\n            <h2>\ud83d\udccb Carnet de T\u00e2ches UNPNC<\/h2>\n            <p class=\"unpnc-tm-subtitle\">Gestion des adh\u00e9rents par les d\u00e9l\u00e9gu\u00e9s syndicaux<\/p>\n        <\/div>\n        <div class=\"unpnc-tm-user-info\">\n            <span class=\"unpnc-tm-current-user\" id=\"unpnc-current-user\">\n                \ud83d\udc64 Chargement...\n            <\/span>\n            <button class=\"unpnc-tm-logout-btn\" id=\"unpnc-logout-btn\" style=\"display:none;\" title=\"Se d\u00e9connecter\">\n                \ud83d\udeaa\n            <\/button>\n        <\/div>\n    <\/div>\n\n    <!-- Barre d'outils -->\n    <div class=\"unpnc-tm-toolbar\">\n        <div class=\"unpnc-tm-filters\">\n            <button class=\"unpnc-tm-filter-btn active\" data-filter=\"today\">\n                \ud83d\udcc5 Aujourd'hui\n            <\/button>\n            <button class=\"unpnc-tm-filter-btn\" data-filter=\"week\">\n                \ud83d\udcc6 Cette semaine\n            <\/button>\n            <button class=\"unpnc-tm-filter-btn\" data-filter=\"all\">\n                \ud83d\udcca Toutes\n            <\/button>\n            <button class=\"unpnc-tm-filter-btn\" data-filter=\"overdue\">\n                \u26a0\ufe0f Report\u00e9es\n            <\/button>\n            <button class=\"unpnc-tm-filter-btn\" data-filter=\"completed\">\n                \u2705 Compl\u00e9t\u00e9es\n            <\/button>\n        <\/div>\n        \n        <div style=\"display: flex; gap: 10px;\">\n            <button id=\"unpnc-tm-annuaire-btn\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary\">\n                \ud83d\udcc7 Annuaire\n            <\/button>\n            <button id=\"unpnc-tm-new-task-btn\" class=\"unpnc-tm-btn unpnc-tm-btn-primary\">\n                \u2795 Nouvelle t\u00e2che\n            <\/button>\n        <\/div>\n    <\/div>\n\n    <!-- Statistiques -->\n    <div class=\"unpnc-tm-stats\">\n        <div class=\"unpnc-tm-stat-card\">\n            <div class=\"unpnc-tm-stat-icon\">\ud83d\udccb<\/div>\n            <div class=\"unpnc-tm-stat-info\">\n                <div class=\"unpnc-tm-stat-value\" id=\"stat-total\">0<\/div>\n                <div class=\"unpnc-tm-stat-label\">Total t\u00e2ches<\/div>\n            <\/div>\n        <\/div>\n        <div class=\"unpnc-tm-stat-card\">\n            <div class=\"unpnc-tm-stat-icon\">\u23f3<\/div>\n            <div class=\"unpnc-tm-stat-info\">\n                <div class=\"unpnc-tm-stat-value\" id=\"stat-pending\">0<\/div>\n                <div class=\"unpnc-tm-stat-label\">En attente<\/div>\n            <\/div>\n        <\/div>\n        <div class=\"unpnc-tm-stat-card\">\n            <div class=\"unpnc-tm-stat-icon\">\u26a0\ufe0f<\/div>\n            <div class=\"unpnc-tm-stat-info\">\n                <div class=\"unpnc-tm-stat-value\" id=\"stat-overdue\">0<\/div>\n                <div class=\"unpnc-tm-stat-label\">Report\u00e9es<\/div>\n            <\/div>\n        <\/div>\n        <div class=\"unpnc-tm-stat-card\">\n            <div class=\"unpnc-tm-stat-icon\">\u2705<\/div>\n            <div class=\"unpnc-tm-stat-info\">\n                <div class=\"unpnc-tm-stat-value\" id=\"stat-completed\">0<\/div>\n                <div class=\"unpnc-tm-stat-label\">Compl\u00e9t\u00e9es<\/div>\n            <\/div>\n        <\/div>\n        <div class=\"unpnc-tm-stat-card\">\n            <div class=\"unpnc-tm-stat-icon\">\ud83d\udcc5<\/div>\n            <div class=\"unpnc-tm-stat-info\">\n                <div class=\"unpnc-tm-stat-value\" id=\"stat-today\">0<\/div>\n                <div class=\"unpnc-tm-stat-label\">Aujourd'hui<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Liste des t\u00e2ches -->\n    <div id=\"unpnc-tm-tasks-container\" class=\"unpnc-tm-tasks-list\">\n        <div class=\"unpnc-tm-loading\">\n            <div class=\"unpnc-tm-spinner\"><\/div>\n            <p>Chargement des t\u00e2ches...<\/p>\n        <\/div>\n    <\/div>\n\n    <!-- Modal de cr\u00e9ation\/\u00e9dition de t\u00e2che -->\n    <div id=\"unpnc-tm-modal\" class=\"unpnc-tm-modal\">\n        <div class=\"unpnc-tm-modal-content\" style=\"max-width: 800px;\">\n            <div class=\"unpnc-tm-modal-header\">\n                <h3>\u2795 Nouvelle t\u00e2che<\/h3>\n                <button class=\"unpnc-tm-modal-close\">&times;<\/button>\n            <\/div>\n            \n            <form id=\"unpnc-tm-task-form\" style=\"padding: 40px;\">\n                <!-- Titre -->\n                <div class=\"unpnc-tm-form-group\">\n                    <label for=\"task-title\">\ud83d\udcdd Titre de la t\u00e2che *<\/label>\n                    <input type=\"text\" id=\"task-title\" name=\"title\" required placeholder=\"Ex: Appeler Jean Dupont pour renouvellement\">\n                <\/div>\n                \n                <!-- Description -->\n                <div class=\"unpnc-tm-form-group\">\n                    <label for=\"task-description\">\ud83d\udcc4 Description<\/label>\n                    <textarea id=\"task-description\" name=\"description\" rows=\"3\" placeholder=\"D\u00e9tails de la t\u00e2che...\"><\/textarea>\n                <\/div>\n                \n                <!-- Adh\u00e9rent -->\n                <div class=\"unpnc-tm-form-group\">\n                    <label for=\"task-adherent-name\">\ud83d\udc64 Adh\u00e9rent concern\u00e9<\/label>\n                    <input type=\"text\" id=\"task-adherent-name\" name=\"adherent_name\" placeholder=\"Nom et pr\u00e9nom\">\n                    <button type=\"button\" id=\"search-adherent-btn\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary\">\n                        \ud83d\udd0d Rechercher dans l'annuaire\n                    <\/button>\n                <\/div>\n                \n                <!-- Nature et Priorit\u00e9 -->\n                <div class=\"unpnc-tm-form-row\">\n                    <div class=\"unpnc-tm-form-group\">\n                        <label for=\"task-nature\">\ud83c\udff7\ufe0f Nature de la t\u00e2che *<\/label>\n                        <select id=\"task-nature\" name=\"task_nature\" required>\n                            <option value=\"\">S\u00e9lectionner...<\/option>\n                            <option value=\"telephone\">\ud83d\udcde T\u00e9l\u00e9phone<\/option>\n                            <option value=\"email\">\ud83d\udce7 Email<\/option>\n                            <option value=\"contact_direct\">\ud83e\udd1d Contact direct<\/option>\n                            <option value=\"reunion\">\ud83d\udc65 R\u00e9union<\/option>\n                            <option value=\"courrier\">\ud83d\udcec Courrier<\/option>\n                            <option value=\"administratif\">\ud83d\udcc4 Administratif<\/option>\n                            <option value=\"suivi\">\ud83d\udcca Suivi dossier<\/option>\n                            <option value=\"autre\">\ud83d\udccc Autre<\/option>\n                        <\/select>\n                    <\/div>\n                    \n                    <div class=\"unpnc-tm-form-group\">\n                        <label for=\"task-priority\">\u26a1 Priorit\u00e9<\/label>\n                        <select id=\"task-priority\" name=\"priority\">\n                            <option value=\"low\">\ud83d\udfe2 Basse<\/option>\n                            <option value=\"medium\" selected>\ud83d\udfe1 Normale<\/option>\n                            <option value=\"high\">\ud83d\udd34 Urgente<\/option>\n                        <\/select>\n                    <\/div>\n                <\/div>\n                \n                <!-- Date d'\u00e9ch\u00e9ance -->\n                <div class=\"unpnc-tm-form-group\">\n                    <label for=\"task-due-date\">\ud83d\udcc5 Date d'\u00e9ch\u00e9ance *<\/label>\n                    <input type=\"date\" id=\"task-due-date\" name=\"due_date\" required>\n                <\/div>\n                \n                <!-- Boutons -->\n                <div class=\"unpnc-tm-form-actions\">\n                    <button type=\"button\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary unpnc-tm-modal-close\">\n                        \u274c Annuler\n                    <\/button>\n                    <button type=\"submit\" class=\"unpnc-tm-btn unpnc-tm-btn-primary\">\n                        \u2705 Enregistrer la t\u00e2che\n                    <\/button>\n                <\/div>\n            <\/form>\n        <\/div>\n    <\/div>\n\n    <!-- Modal Annuaire -->\n    <div id=\"unpnc-annuaire-modal\" class=\"unpnc-tm-modal\" style=\"display:none;\">\n        <div class=\"unpnc-tm-modal-content\" style=\"max-width: 900px;\">\n            <div class=\"unpnc-tm-modal-header\">\n                <h3>\ud83d\udcc7 Annuaire des Adh\u00e9rents<\/h3>\n                <button class=\"unpnc-tm-modal-close annuaire-close\">&times;<\/button>\n            <\/div>\n            <div class=\"unpnc-tm-modal-body\">\n                <div class=\"unpnc-annuaire-search\" style=\"margin-bottom: 20px;\">\n                    <input type=\"text\" id=\"annuaire-search-input\" placeholder=\"\ud83d\udd0d Rechercher un adh\u00e9rent (min 2 caract\u00e8res)...\" style=\"width: 100%; padding: 12px; font-size: 16px; border: 2px solid #ddd; border-radius: 6px;\">\n                <\/div>\n                <div id=\"annuaire-results\" style=\"max-height: 400px; overflow-y: auto;\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Modal Fiche Adh\u00e9rent -->\n    <div id=\"unpnc-fiche-adherent-modal\" class=\"unpnc-tm-modal\" style=\"display:none;\">\n        <div class=\"unpnc-tm-modal-content\" style=\"max-width: 1100px; max-height: 90vh; display: flex; flex-direction: column;\">\n            <div class=\"unpnc-tm-modal-header\" style=\"flex-shrink: 0;\">\n                <h3>\ud83d\udc64 Fiche Adh\u00e9rent<\/h3>\n                <button class=\"unpnc-tm-modal-close fiche-adherent-close\">&times;<\/button>\n            <\/div>\n            <div class=\"unpnc-tm-modal-body\" style=\"flex: 1; overflow-y: auto; overflow-x: hidden;\">\n                <div id=\"fiche-adherent-content\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n<!-- Message de notification -->\n<div id=\"unpnc-tm-notification\" class=\"unpnc-tm-notification\"><\/div>\n\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/unpncnational.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unpncnational.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/unpncnational.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/unpncnational.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unpncnational.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":3,"href":"https:\/\/unpncnational.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/unpncnational.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/unpncnational.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}