{"id":2442,"date":"2026-02-19T14:22:43","date_gmt":"2026-02-19T14:22:43","guid":{"rendered":"https:\/\/palcameroon.org\/?page_id=2442"},"modified":"2026-02-21T11:51:25","modified_gmt":"2026-02-21T11:51:25","slug":"materials","status":"publish","type":"page","link":"https:\/\/palcameroon.org\/fr\/materials\/","title":{"rendered":"Materials"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2442\" class=\"elementor elementor-2442\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-4c08c2d e-con-full e-flex e-con e-parent\" data-id=\"4c08c2d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ffbec8f elementor-widget elementor-widget-html\" data-id=\"ffbec8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- COMPLETE MATERIALS PAGE - PASTE THIS INTO WORDPRESS CODE EDITOR -->\r\n\r\n<style>\r\n    :root {\r\n        --primary: #0054A6;\r\n        --primary-dark: #003d7a;\r\n        --accent: #ED1C24;\r\n        --dark: #0f172a;\r\n        --muted: #64748b;\r\n        --bg: #f8fafc;\r\n        --white: #ffffff;\r\n    }\r\n\r\n    * { margin: 0; padding: 0; box-sizing: border-box; }\r\n    body { font-family: 'Inter', sans-serif; background: var(--bg); color: var(--dark); line-height: 1.6; }\r\n\r\n    .page-header { \r\n        background: linear-gradient(135deg, var(--primary), var(--primary-dark)); \r\n        padding: 4rem 4%; \r\n        text-align: center; \r\n        color: white; \r\n    }\r\n\r\n    .page-header h1 { \r\n        font-size: 2.5rem; \r\n        font-weight: 700; \r\n        margin-bottom: 0.5rem; \r\n        color: white; \r\n    }\r\n\r\n    .page-header p { \r\n        font-size: 1.1rem; \r\n        opacity: 0.95; \r\n        color: white; \r\n    }\r\n\r\n    .filters-section {\r\n        background: white;\r\n        padding: 1.5rem 4%;\r\n        box-shadow: 0 2px 10px rgba(0,0,0,.05);\r\n        position: sticky;\r\n        top: 0;\r\n        z-index: 100;\r\n    }\r\n\r\n    .filters-container {\r\n        max-width: 1400px;\r\n        margin: auto;\r\n        display: flex;\r\n        gap: 2.5rem;\r\n        align-items: flex-start;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .filter-group { display: flex; flex-direction: column; gap: .6rem; }\r\n    .filter-label { font-size: .75rem; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: 1px; }\r\n    .filter-buttons { display: flex; gap: .6rem; flex-wrap: wrap; }\r\n\r\n    .filter-btn {\r\n        padding: .5rem 1rem;\r\n        border: 2px solid #e2e8f0;\r\n        background: white;\r\n        border-radius: 6px;\r\n        font-weight: 600;\r\n        font-size: .85rem;\r\n        cursor: pointer;\r\n        transition: all 0.2s ease;\r\n        color: var(--dark);\r\n    }\r\n\r\n    .filter-btn:hover { border-color: var(--primary); color: var(--primary); }\r\n    .filter-btn.active { background: var(--primary); border-color: var(--primary); color: white; }\r\n    .filter-btn.active.btn-accent { background: var(--accent); border-color: var(--accent); }\r\n\r\n    .content-section { max-width: 1400px; margin: 3rem auto; padding: 0 4%; }\r\n    .material-category { margin-bottom: 4rem; }\r\n    .category-header { \r\n        display: flex; \r\n        align-items: center; \r\n        gap: 1rem; \r\n        margin-bottom: 2rem; \r\n        padding-bottom: 1rem; \r\n        border-bottom: 3px solid var(--accent); \r\n    }\r\n\r\n    .category-header h2 { \r\n        font-size: 1.8rem; \r\n        color: var(--primary); \r\n        font-weight: 700; \r\n    }\r\n\r\n    .materials-grid { \r\n        display: grid; \r\n        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); \r\n        gap: 2rem; \r\n    }\r\n    \r\n    .material-item { \r\n        background: white; \r\n        border-radius: 16px; \r\n        overflow: hidden; \r\n        box-shadow: 0 4px 20px rgba(0,0,0,.08); \r\n        transition: 0.3s; \r\n        text-decoration: none; \r\n        color: inherit; \r\n        display: block; \r\n    }\r\n\r\n    .material-item:hover { \r\n        transform: translateY(-5px); \r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.12); \r\n    }\r\n\r\n    .material-thumbnail { \r\n        width: 100%; \r\n        height: 280px; \r\n        background: #f1f5f9; \r\n        display: flex; \r\n        align-items: center; \r\n        justify-content: center; \r\n        overflow: hidden; \r\n    }\r\n\r\n    .material-thumbnail img { \r\n        width: 100%; \r\n        height: 100%; \r\n        object-fit: contain;\r\n    }\r\n\r\n    \/* STYLISH MATERIAL INFO - LIKE VIDEO PAGE *\/\r\n    .material-info { \r\n        padding: 0;\r\n        background: linear-gradient(to bottom, #ffffff 0%, #f8fafc 100%);\r\n        border-top: 3px solid #0054A6;\r\n        position: relative;\r\n    }\r\n\r\n    .material-title { \r\n        margin: 0;\r\n        padding: 20px 20px 18px;\r\n        font-size: 1rem; \r\n        font-weight: 700; \r\n        color: #0f172a;\r\n        line-height: 1.5;\r\n        letter-spacing: -0.01em;\r\n        min-height: 80px;\r\n        display: flex;\r\n        align-items: center;\r\n        position: relative;\r\n        text-align: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .material-title::before {\r\n        content: '';\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n        width: 4px;\r\n        height: 100%;\r\n        background: linear-gradient(to bottom, #0054A6, #ED1C24);\r\n        opacity: 0;\r\n        transition: opacity 0.3s;\r\n    }\r\n\r\n    .material-item:hover .material-title::before {\r\n        opacity: 1;\r\n    }\r\n\r\n    .material-item:hover .material-info {\r\n        background: linear-gradient(to bottom, #ffffff 0%, #f0f7ff 100%);\r\n    }\r\n\r\n    .material-tags {\r\n        display: flex;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n        gap: 0.4rem;\r\n        padding: 0 20px 20px;\r\n    }\r\n\r\n    .tag { \r\n        padding: .2rem .6rem; \r\n        background: #f1f5f9; \r\n        border-radius: 4px; \r\n        font-size: .7rem; \r\n        font-weight: 700; \r\n        color: var(--muted); \r\n    }\r\n\r\n    .tag-hc { color: var(--accent); background: #fff1f1; }\r\n    .tag-hf { color: var(--primary); background: #f0f7ff; }\r\n\r\n    @media (max-width: 768px) { \r\n        .page-header h1 { font-size: 2rem; }\r\n        .page-header { padding: 3rem 2rem; }\r\n        .filters-container { flex-direction: column; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"page-header\">\r\n    <h1>Resource Materials<\/h1>\r\n    <p>Filtered evidence-based clinical tools for respiratory care<\/p>\r\n<\/section>\r\n\r\n<section class=\"filters-section\">\r\n    <div class=\"filters-container\">\r\n        <div class=\"filter-group\">\r\n            <div class=\"filter-label\">Material Format<\/div>\r\n            <div class=\"filter-buttons\" id=\"format-filters\">\r\n                <button class=\"filter-btn active\" onclick=\"updateFilter('format', 'all', this)\">All<\/button>\r\n                <button class=\"filter-btn\" data-filter=\"algorithms\" onclick=\"updateFilter('format', 'algorithms', this)\">Algorithmes<\/button>\r\n                <button class=\"filter-btn\" data-filter=\"posters\" onclick=\"updateFilter('format', 'posters', this)\">Affiches<\/button>\r\n                <button class=\"filter-btn\" data-filter=\"jobaids\" onclick=\"updateFilter('format', 'jobaids', this)\">Aides \u00e0 la t\u00e2che<\/button>\r\n                <button class=\"filter-btn\" data-filter=\"benchaids\" onclick=\"updateFilter('format', 'benchaids', this)\">Aides de laboratoire<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"filter-group\">\r\n            <div class=\"filter-label\">Disease Category<\/div>\r\n            <div class=\"filter-buttons\" id=\"disease-filters\">\r\n                <button class=\"filter-btn active btn-accent\" onclick=\"updateFilter('disease', 'all', this)\">All<\/button>\r\n                <button class=\"filter-btn\" data-filter=\"tb\" onclick=\"updateFilter('disease', 'tb', this)\">Tuberculosis (TB)<\/button>\r\n                <button class=\"filter-btn\" data-filter=\"asthma\" onclick=\"updateFilter('disease', 'asthma', this)\">Asthma & COPD<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"filter-group\">\r\n            <div class=\"filter-label\">Activity<\/div>\r\n            <div class=\"filter-buttons\" id=\"setting-filters\">\r\n                <button class=\"filter-btn active\" onclick=\"updateFilter('setting', 'all', this)\">All Activity<\/button>\r\n                <button class=\"filter-btn\" data-filter=\"hc\" onclick=\"updateFilter('setting', 'hc', this)\">camps de sant\u00e9<\/button>\r\n                <button class=\"filter-btn\" data-filter=\"hf\" onclick=\"updateFilter('setting', 'hf', this)\">Health Facilities<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section class=\"content-section\" id=\"materials-container\">\r\n\r\n    <!-- ==================== ALGORITHMS ==================== -->\r\n    <div class=\"material-category\" data-category=\"algorithms\">\r\n        <div class=\"category-header\">\r\n            <h2>ALGORITHMS<\/h2>\r\n        <\/div>\r\n        <div class=\"materials-grid\">\r\n            \r\n            <a href=\"http:\/\/palcameroon.org\/wp-content\/uploads\/2025\/08\/POS-1-v2.0-F-Four-symptoms-of-TB-Nov-2023-1.pdf\" target=\"_blank\" class=\"material-item\" data-format=\"algorithms\" data-disease=\"tb\" data-setting=\"hc\">\r\n                <div class=\"material-thumbnail\"><img decoding=\"async\" src=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/08\/0-15.jpg\" alt=\"TB Algorithm\"><\/div>\r\n                <div class=\"material-info\">\r\n                    <div class=\"material-title\">Screening and Diagnosis of TB HC<\/div>\r\n                    <div class=\"material-tags\">\r\n                        <span class=\"tag tag-hc\">HC<\/span>\r\n                        <span class=\"tag\">TB<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/08\/Screening-and-Diagnosis-of-TB-PHC.pdf\" target=\"_blank\" class=\"material-item\" data-format=\"algorithms\" data-disease=\"tb\" data-setting=\"hf\">\r\n                <div class=\"material-thumbnail\"><img decoding=\"async\" src=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/08\/0-14.jpg\" alt=\"TB Algorithm\"><\/div>\r\n                <div class=\"material-info\">\r\n                    <div class=\"material-title\">Screening and Diagnosis of TB PHC<\/div>\r\n                    <div class=\"material-tags\">\r\n                        <span class=\"tag tag-hf\">HF<\/span>\r\n                        <span class=\"tag\">TB<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/08\/Screening-and-Diagnosis-flow-of-COPD-and-ASTHMA-HC.pdf\" target=\"_blank\" class=\"material-item\" data-format=\"algorithms\" data-disease=\"asthma\" data-setting=\"hc\">\r\n                <div class=\"material-thumbnail\"><img decoding=\"async\" src=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/08\/0-14.jpg\" alt=\"Asthma Algorithm\"><\/div>\r\n                <div class=\"material-info\">\r\n                    <div class=\"material-title\">Screening and Diagnosis flow of COPD and ASTHMA HC<\/div>\r\n                    <div class=\"material-tags\">\r\n                        <span class=\"tag tag-hc\">HC<\/span>\r\n                        <span class=\"tag\">ASTHMA<\/span>\r\n                        <span class=\"tag\">COPD<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/08\/Screening-and-Diagnosis-flow-of-COPD-and-ASTHMA-PHC.pdf\" target=\"_blank\" class=\"material-item\" data-format=\"algorithms\" data-disease=\"asthma\" data-setting=\"hf\">\r\n                <div class=\"material-thumbnail\"><img decoding=\"async\" src=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/08\/0-3.jpg\" alt=\"Asthma Algorithm\"><\/div>\r\n                <div class=\"material-info\">\r\n                    <div class=\"material-title\">Screening and Diagnosis flow of COPD and ASTHMA PHC<\/div>\r\n                    <div class=\"material-tags\">\r\n                        <span class=\"tag tag-hf\">HF<\/span>\r\n                        <span class=\"tag\">ASTHMA<\/span>\r\n                        <span class=\"tag\">COPD<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/08\/Management-of-ASTHMA.pdf\" target=\"_blank\" class=\"material-item\" data-format=\"algorithms\" data-disease=\"asthma\" data-setting=\"hc hf\">\r\n                <div class=\"material-thumbnail\"><img decoding=\"async\" src=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/08\/0-5.jpg\" alt=\"Asthma Management\"><\/div>\r\n                <div class=\"material-info\">\r\n                    <div class=\"material-title\">Management of ASTHMA<\/div>\r\n                    <div class=\"material-tags\">\r\n                        <span class=\"tag tag-hc\">HC<\/span>\r\n                        <span class=\"tag tag-hf\">HF<\/span>\r\n                        <span class=\"tag\">ASTHMA<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/08\/Management-of-COPD.pdf\" target=\"_blank\" class=\"material-item\" data-format=\"algorithms\" data-disease=\"asthma\" data-setting=\"hc hf\">\r\n                <div class=\"material-thumbnail\"><img decoding=\"async\" src=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/08\/0-4.jpg\" alt=\"COPD Management\"><\/div>\r\n                <div class=\"material-info\">\r\n                    <div class=\"material-title\">Management of COPD<\/div>\r\n                    <div class=\"material-tags\">\r\n                        <span class=\"tag tag-hc\">HC<\/span>\r\n                        <span class=\"tag tag-hf\">HF<\/span>\r\n                        <span class=\"tag\">COPD<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- ==================== POSTERS ==================== -->\r\n    <div class=\"material-category\" data-category=\"posters\">\r\n        <div class=\"category-header\">\r\n            <h2>AFFICHES<\/h2>\r\n        <\/div>\r\n        <div class=\"materials-grid\">\r\n            \r\n            <a href=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/08\/POS-1-v2.0-F-Four-symptoms-of-TB-Nov-2023-1.pdf\" target=\"_blank\" class=\"material-item\" data-format=\"posters\" data-disease=\"tb\" data-setting=\"hc hf\">\r\n                <div class=\"material-thumbnail\"><img decoding=\"async\" src=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/08\/0.jpg\" alt=\"TB Poster\"><\/div>\r\n                <div class=\"material-info\">\r\n                    <div class=\"material-title\">Four symptoms of TB<\/div>\r\n                    <div class=\"material-tags\">\r\n                        <span class=\"tag tag-hc\">HC<\/span>\r\n                        <span class=\"tag tag-hf\">HF<\/span>\r\n                        <span class=\"tag\">TB<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"http:\/\/palcameroon.org\/wp-content\/uploads\/2025\/09\/POS-2-v2.0-F-Sputum-Collection-Poster_Nov2023-1.pdf\" target=\"_blank\" class=\"material-item\" data-format=\"posters\" data-disease=\"tb\" data-setting=\"hc hf\">\r\n                <div class=\"material-thumbnail\"><img decoding=\"async\" src=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/08\/0-1-scaled-e1754656181628.jpg\" alt=\"TB Poster\"><\/div>\r\n                <div class=\"material-info\">\r\n                    <div class=\"material-title\">Sputum Collection Poster<\/div>\r\n                    <div class=\"material-tags\">\r\n                        <span class=\"tag tag-hc\">HC<\/span>\r\n                        <span class=\"tag tag-hf\">HF<\/span>\r\n                        <span class=\"tag\">TB<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/08\/Signs-and-Symptoms-of-ASTHMA-1.pdf\" target=\"_blank\" class=\"material-item\" data-format=\"posters\" data-disease=\"asthma\" data-setting=\"hc hf\">\r\n                <div class=\"material-thumbnail\"><img decoding=\"async\" src=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/08\/0-9.jpg\" alt=\"Asthma Poster\"><\/div>\r\n                <div class=\"material-info\">\r\n                    <div class=\"material-title\">Signs and Symptoms of ASTHMA 1<\/div>\r\n                    <div class=\"material-tags\">\r\n                        <span class=\"tag tag-hc\">HC<\/span>\r\n                        <span class=\"tag tag-hf\">HF<\/span>\r\n                        <span class=\"tag\">ASTHMA<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/08\/Signs-and-Symptoms-of-ASTHMA-2.pdf\" target=\"_blank\" class=\"material-item\" data-format=\"posters\" data-disease=\"asthma\" data-setting=\"hc hf\">\r\n                <div class=\"material-thumbnail\"><img decoding=\"async\" src=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/08\/0-8.jpg\" alt=\"Asthma Poster\"><\/div>\r\n                <div class=\"material-info\">\r\n                    <div class=\"material-title\">Signs and Symptoms of ASTHMA 2<\/div>\r\n                    <div class=\"material-tags\">\r\n                        <span class=\"tag tag-hc\">HC<\/span>\r\n                        <span class=\"tag tag-hf\">HF<\/span>\r\n                        <span class=\"tag\">ASTHMA<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/08\/Signs-and-Symptoms-of-COPD-1.pdf\" target=\"_blank\" class=\"material-item\" data-format=\"posters\" data-disease=\"asthma\" data-setting=\"hc hf\">\r\n                <div class=\"material-thumbnail\"><img decoding=\"async\" src=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/08\/0-6.jpg\" alt=\"COPD Poster\"><\/div>\r\n                <div class=\"material-info\">\r\n                    <div class=\"material-title\">Signs and Symptoms of COPD 1<\/div>\r\n                    <div class=\"material-tags\">\r\n                        <span class=\"tag tag-hc\">HC<\/span>\r\n                        <span class=\"tag tag-hf\">HF<\/span>\r\n                        <span class=\"tag\">COPD<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/08\/Signs-and-Symptoms-of-COPD-2.pdf\" target=\"_blank\" class=\"material-item\" data-format=\"posters\" data-disease=\"asthma\" data-setting=\"hc hf\">\r\n                <div class=\"material-thumbnail\"><img decoding=\"async\" src=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/08\/0-7-e1754576500163.jpg\" alt=\"COPD Poster\"><\/div>\r\n                <div class=\"material-info\">\r\n                    <div class=\"material-title\">Signs and Symptoms of COPD 2<\/div>\r\n                    <div class=\"material-tags\">\r\n                        <span class=\"tag tag-hc\">HC<\/span>\r\n                        <span class=\"tag tag-hf\">HF<\/span>\r\n                        <span class=\"tag\">COPD<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/08\/Factsheet-for-ASTHMA.pdf\" target=\"_blank\" class=\"material-item\" data-format=\"posters\" data-disease=\"asthma\" data-setting=\"hc hf\">\r\n                <div class=\"material-thumbnail\"><img decoding=\"async\" src=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/08\/0-11-e1754656948669.jpg\" alt=\"Asthma Factsheet\"><\/div>\r\n                <div class=\"material-info\">\r\n                    <div class=\"material-title\">Fiche d'information sur l'ASTHME<\/div>\r\n                    <div class=\"material-tags\">\r\n                        <span class=\"tag tag-hc\">HC<\/span>\r\n                        <span class=\"tag tag-hf\">HF<\/span>\r\n                        <span class=\"tag\">ASTHMA<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/08\/Factsheet-for-COPD.pdf\" target=\"_blank\" class=\"material-item\" data-format=\"posters\" data-disease=\"asthma\" data-setting=\"hc hf\">\r\n                <div class=\"material-thumbnail\"><img decoding=\"async\" src=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/08\/0-10-e1754656987120.jpg\" alt=\"COPD Factsheet\"><\/div>\r\n                <div class=\"material-info\">\r\n                    <div class=\"material-title\">Fiche d'information sur la BPCO<\/div>\r\n                    <div class=\"material-tags\">\r\n                        <span class=\"tag tag-hc\">HC<\/span>\r\n                        <span class=\"tag tag-hf\">HF<\/span>\r\n                        <span class=\"tag\">COPD<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- ==================== JOB AIDS ==================== -->\r\n    <div class=\"material-category\" data-category=\"jobaids\">\r\n        <div class=\"category-header\">\r\n            <h2>JOB AIDS & BENCH AIDS<\/h2>\r\n        <\/div>\r\n        <div class=\"materials-grid\">\r\n            \r\n            <a href=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/10\/JA-BR-104-V1.0-FR-09-08-2025-Job-Aid-on-how-to-perfom-spirometry-using-the-NDD-Easyone-spirometer.pdf\" target=\"_blank\" class=\"material-item\" data-format=\"jobaids\" data-disease=\"asthma\" data-setting=\"hc hf\">\r\n                <div class=\"material-thumbnail\"><img decoding=\"async\" src=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/10\/JA-BR-104-V1.0-FR-09-08-2025-Job-Aid-on-how-to-perfom-spirometry-using-the-NDD-Easyone-spirometer1761664372-0.jpg\" alt=\"Spirometry Job Aid\"><\/div>\r\n                <div class=\"material-info\">\r\n                    <div class=\"material-title\">Utilisation du spirom\u00e8tre NDD Easy sur PC pour le diagnostic de la fonction pulmonaire<\/div>\r\n                    <div class=\"material-tags\">\r\n                        <span class=\"tag tag-hc\">HC<\/span>\r\n                        <span class=\"tag tag-hf\">HF<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/10\/JA-110-1-V5.0-FR-11-7-23-Test-groupe-dechantillons-dexpectoration-pour-la-detection-de-la-TB-par-le-test-Ultra-printed.pdf\" target=\"_blank\" class=\"material-item\" data-format=\"jobaids\" data-disease=\"tb\" data-setting=\"hc hf\">\r\n                <div class=\"material-thumbnail\"><img decoding=\"async\" src=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/10\/thumbnail.jpg\" alt=\"TB Testing Job Aid\"><\/div>\r\n                <div class=\"material-info\">\r\n                    <div class=\"material-title\">Tests group\u00e9s Xpert Ultra<\/div>\r\n                    <div class=\"material-tags\">\r\n                        <span class=\"tag tag-hc\">HC<\/span>\r\n                        <span class=\"tag tag-hf\">HF<\/span>\r\n                        <span class=\"tag\">TB<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/10\/FRM-ISP-203-V1.0-EN-25.07.23-Sputum-Sending-List-printed.pdf\" target=\"_blank\" class=\"material-item\" data-format=\"jobaids benchaids\" data-disease=\"tb\" data-setting=\"hc hf\">\r\n                <div class=\"material-thumbnail\"><img decoding=\"async\" src=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/10\/thumbnail-1.jpg\" alt=\"Lab Form\"><\/div>\r\n                <div class=\"material-info\">\r\n                    <div class=\"material-title\">Liste des \u00e9chantillons d'expectorations \u00e0 envoyer pour le test Xpert ULTRA MTB\/RIF<\/div>\r\n                    <div class=\"material-tags\">\r\n                        <span class=\"tag tag-hc\">HC<\/span>\r\n                        <span class=\"tag tag-hf\">HF<\/span>\r\n                        <span class=\"tag\">TB<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/10\/FRM-ISP-216-v1.2-EN-FR-21.03.24-Weekly-Site-TB-Screening-Testing-and-Treatment-Data-Collection-Tool-1-printed.pdf\" target=\"_blank\" class=\"material-item\" data-format=\"jobaids benchaids\" data-disease=\"tb\" data-setting=\"hc hf\">\r\n                <div class=\"material-thumbnail\"><img decoding=\"async\" src=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/10\/thumbnail-1.jpg\" alt=\"Data Collection Form\"><\/div>\r\n                <div class=\"material-info\">\r\n                    <div class=\"material-title\">Outil de collecte hebdomadaire des donn\u00e9es de d\u00e9pistage, de test et de traitement de la tuberculose sur site<\/div>\r\n                    <div class=\"material-tags\">\r\n                        <span class=\"tag tag-hc\">HC<\/span>\r\n                        <span class=\"tag tag-hf\">HF<\/span>\r\n                        <span class=\"tag\">TB<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/10\/FRM-ISP-218-v1.0-FR-14-12-23-Daily-indicators-for-Xpert-testing-for-sites-printed.pdf\" target=\"_blank\" class=\"material-item\" data-format=\"jobaids benchaids\" data-disease=\"tb\" data-setting=\"hc hf\">\r\n                <div class=\"material-thumbnail\"><img decoding=\"async\" src=\"https:\/\/palcameroon.org\/wp-content\/uploads\/2025\/10\/thumbnail-3.jpg\" alt=\"Testing Indicators Form\"><\/div>\r\n                <div class=\"material-info\">\r\n                    <div class=\"material-title\">Feuille de suivi des indicateurs quotidiens pour les tests Xpert Ultra sur les sites<\/div>\r\n                    <div class=\"material-tags\">\r\n                        <span class=\"tag tag-hc\">HC<\/span>\r\n                        <span class=\"tag tag-hf\">HF<\/span>\r\n                        <span class=\"tag\">TB<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n\/\/ State Management\r\nconst state = {\r\n    format: 'all',\r\n    disease: 'all',\r\n    setting: 'all'\r\n};\r\n\r\n\/\/ Get URL parameters\r\nfunction getURLParameter(name) {\r\n    const urlParams = new URLSearchParams(window.location.search);\r\n    return urlParams.get(name);\r\n}\r\n\r\n\/\/ Apply URL filters on page load\r\nfunction applyURLFilters() {\r\n    const typeParam = getURLParameter('type');\r\n    if (typeParam) {\r\n        state.format = typeParam;\r\n        const formatButtons = document.querySelectorAll('#format-filters .filter-btn');\r\n        formatButtons.forEach(btn => {\r\n            btn.classList.remove('active');\r\n            if (btn.getAttribute('data-filter') === typeParam) {\r\n                btn.classList.add('active');\r\n            }\r\n        });\r\n        if (typeParam !== 'all') {\r\n            formatButtons[0].classList.remove('active');\r\n        }\r\n    }\r\n    \r\n    const activityParam = getURLParameter('activity');\r\n    if (activityParam) {\r\n        state.setting = activityParam;\r\n        const settingButtons = document.querySelectorAll('#setting-filters .filter-btn');\r\n        settingButtons.forEach(btn => {\r\n            btn.classList.remove('active');\r\n            if (btn.getAttribute('data-filter') === activityParam) {\r\n                btn.classList.add('active');\r\n            }\r\n        });\r\n        if (activityParam !== 'all') {\r\n            settingButtons[0].classList.remove('active');\r\n        }\r\n    }\r\n    \r\n    const diseaseParam = getURLParameter('disease');\r\n    if (diseaseParam) {\r\n        state.disease = diseaseParam;\r\n        const diseaseButtons = document.querySelectorAll('#disease-filters .filter-btn');\r\n        diseaseButtons.forEach(btn => {\r\n            btn.classList.remove('active');\r\n            if (btn.getAttribute('data-filter') === diseaseParam) {\r\n                btn.classList.add('active');\r\n            }\r\n        });\r\n        if (diseaseParam !== 'all') {\r\n            diseaseButtons[0].classList.remove('active');\r\n        }\r\n    }\r\n    \r\n    applyFilters();\r\n}\r\n\r\n\/\/ Update filter state\r\nfunction updateFilter(type, value, el) {\r\n    state[type] = value;\r\n    const parent = el.parentElement;\r\n    parent.querySelectorAll('.filter-btn').forEach(btn => btn.classList.remove('active'));\r\n    el.classList.add('active');\r\n    applyFilters();\r\n}\r\n\r\n\/\/ Apply filters to materials - FIXED TO HANDLE SPACE-SEPARATED FORMATS\r\nfunction applyFilters() {\r\n    const items = document.querySelectorAll('.material-item');\r\n    const categories = document.querySelectorAll('.material-category');\r\n\r\n    items.forEach(item => {\r\n        const itemFormats = item.dataset.format.split(' ');\r\n        const itemDisease = item.dataset.disease;\r\n        const itemSettings = item.dataset.setting.split(' ');\r\n\r\n        const matchFormat = state.format === 'all' || itemFormats.includes(state.format);\r\n        const matchDisease = state.disease === 'all' || itemDisease === state.disease;\r\n        const matchSetting = state.setting === 'all' || itemSettings.includes(state.setting);\r\n\r\n        if (matchFormat && matchDisease && matchSetting) {\r\n            item.style.display = 'block';\r\n        } else {\r\n            item.style.display = 'none';\r\n        }\r\n    });\r\n\r\n    \/\/ Hide categories with no visible items\r\n    categories.forEach(cat => {\r\n        const visibleItems = cat.querySelectorAll('.material-item[style=\"display: block;\"]').length;\r\n        const totalHidden = cat.querySelectorAll('.material-item[style=\"display: none;\"]').length;\r\n        const totalItems = cat.querySelectorAll('.material-item').length;\r\n        \r\n        if (totalHidden === totalItems) {\r\n            cat.style.display = 'none';\r\n        } else {\r\n            cat.style.display = 'block';\r\n        }\r\n    });\r\n}\r\n\r\n\/\/ Initialize on page load\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    applyURLFilters();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Resource Materials Filtered evidence-based clinical tools for respiratory care Material Format All Algorithms Posters Job Aids Bench Aids Disease Category [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2442","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/palcameroon.org\/fr\/wp-json\/wp\/v2\/pages\/2442","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/palcameroon.org\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/palcameroon.org\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/palcameroon.org\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/palcameroon.org\/fr\/wp-json\/wp\/v2\/comments?post=2442"}],"version-history":[{"count":49,"href":"https:\/\/palcameroon.org\/fr\/wp-json\/wp\/v2\/pages\/2442\/revisions"}],"predecessor-version":[{"id":2539,"href":"https:\/\/palcameroon.org\/fr\/wp-json\/wp\/v2\/pages\/2442\/revisions\/2539"}],"wp:attachment":[{"href":"https:\/\/palcameroon.org\/fr\/wp-json\/wp\/v2\/media?parent=2442"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}