{"id":3762,"date":"2026-04-14T03:37:21","date_gmt":"2026-04-14T01:37:21","guid":{"rendered":"https:\/\/preprod.tn\/mep\/?page_id=3762"},"modified":"2026-04-27T01:14:57","modified_gmt":"2026-04-26T23:14:57","slug":"%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%85%d9%81%d8%aa%d9%88%d8%ad%d8%a9-%d9%84%d9%88%d8%b2%d8%a7%d8%b1%d8%a9-%d8%a7%d9%84%d8%a7%d9%82%d8%aa%d8%b5%d8%a7%d8%af-%d9%88%d8%a7","status":"publish","type":"page","link":"https:\/\/preprod.tn\/mep\/%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%85%d9%81%d8%aa%d9%88%d8%ad%d8%a9-%d9%84%d9%88%d8%b2%d8%a7%d8%b1%d8%a9-%d8%a7%d9%84%d8%a7%d9%82%d8%aa%d8%b5%d8%a7%d8%af-%d9%88%d8%a7\/","title":{"rendered":"\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0641\u062a\u0648\u062d\u0629 \u0644\u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f \u0648\u0627\u0644\u062a\u062e\u0637\u064a\u0637"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3762\" class=\"elementor elementor-3762\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bba79b2 codevz-con-stretch-yes e-flex e-con-boxed e-con e-parent\" data-id=\"bba79b2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-353ea34 e-con-full e-flex e-con e-child\" data-id=\"353ea34\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8ea294 elementor-widget elementor-widget-shortcode\" data-id=\"f8ea294\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Test Open Data<\/title>\n    <script src=\"https:\/\/code.jquery.com\/jquery-3.7.1.min.js\"><\/script>\n    <style>\n    \n        .test-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            background: white;\n            padding: 5px;\n           \n        }\n        .od-file-meta-item i {\n    color: #d4af37;\n    margin-right: 5px;\n}\n        .test-title {\n            text-align: center;\n            color: #0a0443;\n            margin-bottom: 30px;\n            font-size: 24px;\n        }\n        \n        \/* Filtres *\/\n        .od-filters-wrapper {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 12px;\n            justify-content: center;\n            margin-bottom: 30px;\n        }\n        \n        .od-filter-btn {\n            background: #ffffff;\n            color: #0a0443;\n            border: 2px solid #e9ecef;\n            padding: 8px 16px;\n            border-radius: 0 15px;\n            font-size: 14px;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n        \n        .od-filter-btn:hover {\n            background: linear-gradient(135deg, #D4AF37 0%, #f9e339 100%);\n            color: #0a0443;\n            border-color: #D4AF37;\n        }\n        \n        .od-filter-btn.active {\n            background: linear-gradient(135deg, #0a0443 0%, #1a1464 100%);\n            color: #ffffff;\n            border-color: #0a0443;\n        }\n        \n        \/* Grille *\/\n        .od-files-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n            gap: 20px;\n            margin-top: 20px;\n        }\n        \n        \/* Carte *\/\n        .od-file-card {\n            background: #ffffff;\n            border-radius: 0 70px;\n            overflow: hidden;\n            box-shadow: 0 8px 30px rgba(10, 4, 67, 0.1);\n            display: flex;\n            flex-direction: row;\n            min-height: 140px;\n            direction: rtl;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            border: 2px solid transparent;\n            animation: fadeInUp 0.6s ease-out;\n        }\n        \n        .od-file-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 100%;\n            height: 5px;\n            background: linear-gradient(90deg, #D4AF37 0%, #ffd966 100%);\n            transform: scaleX(0);\n            transform-origin: right;\n            transition: transform 0.4s ease;\n            z-index: 10;\n        }\n        \n        .od-file-card::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 50%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.2), transparent);\n            transform: skewX(-25deg);\n            animation: shine 3s infinite;\n            z-index: 1;\n        }\n        \n        .od-file-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 15px 40px rgba(10, 4, 67, 0.2);\n            border-color: #D4AF37;\n        }\n        \n        .od-file-card:hover::before {\n            transform: scaleX(1);\n        }\n        \n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        @keyframes shine {\n            0% {\n                left: -100%;\n            }\n            100% {\n                left: 100%;\n            }\n        }\n        \n        \/* Image *\/\n        .od-file-image {\n            position: relative;\n            width: 140px;\n            min-width: 140px;\n            height: 140px;\n            background: #f5f5f5;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            order: 1;\n            z-index: 2;\n        }\n        \n        .od-file-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n            padding: 10px;\n            transition: transform 0.4s ease;\n        }\n        \n        .od-file-card:hover .od-file-image img {\n            transform: scale(1.05);\n        }\n        \n        .od-file-type-badge {\n            position: absolute;\n            top: 8px;\n            left: 8px;\n            background: linear-gradient(135deg, #0a0443 0%, #1a1464 100%);\n            color: #ffffff;\n            padding: 4px 8px;\n            border-radius: 4px;\n            font-size: 9px;\n            font-weight: 700;\n            text-transform: uppercase;\n            z-index: 10;\n        }\n        \n        \/* Contenu *\/\n        .od-file-content {\n            padding: 15px;\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            order: 2;\n            z-index: 2;\n        }\n        \n        .od-file-title {\n            font-size: 15px;\n            font-weight: 700;\n            color: #0a0443;\n            margin-bottom: 8px;\n            text-align: right;\n        }\n        \n        .od-file-description {\n            font-size: 12px;\n            color: #666;\n            margin-bottom: 10px;\n            text-align: right;\n        }\n        \n        .od-file-meta {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 8px;\n            margin-bottom: 10px;\n            padding-bottom: 10px;\n            border-bottom: 1px solid #e9ecef;\n        }\n        \n        .od-file-meta-item {\n            display: flex;\n            align-items: center;\n            gap: 4px;\n            font-size: 11px;\n            color: #666;\n        }\n        \n        .od-download-btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 5px;\n            padding: 8px 16px;\n            background: linear-gradient(90deg, #d4af37, #f9e339);\n            color: #ffffff;\n            border: none;\n            border-radius: 12px 0px;\n            font-size: 12px;\n            font-weight: 700;\n            text-decoration: none;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            position: relative;\n            overflow: hidden;\n            z-index: 3;\n        }\n        \n        .od-download-btn::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 0;\n            height: 100%;\n            background: linear-gradient(135deg, #D4AF37 0%, #ffd966 100%);\n            transition: width 0.4s ease;\n            z-index: -1;\n        }\n        \n        .od-download-btn:hover {\n            transform: scale(1.05);\n        }\n        \n        .od-download-btn:hover::before {\n            width: 100%;\n        }\n        \n        \/* Mobile *\/\n        @media (max-width: 480px) {\n            .od-files-grid {\n                grid-template-columns: 1fr;\n                gap: 15px;\n            }\n            \n            .od-file-card {\n                min-height: 120px;\n            }\n            \n            .od-file-image {\n                width: 100px;\n                min-width: 100px;\n                height: 120px;\n            }\n            \n            .od-file-content {\n                padding: 10px;\n            }\n            \n            .od-file-title {\n                font-size: 11px;\n                margin-bottom: 5px;\n            }\n            \n            .od-file-description {\n                font-size: 9px;\n                margin-bottom: 5px;\n            }\n            \n            .od-file-meta-item {\n                font-size: 8px;\n            }\n            \n            .od-download-btn {\n                font-size: 8px;\n                padding: 4px 8px;\n                width: auto;\n                align-self: center;\n            }\n        }\n        \n        .debug-info {\n            background: #f0f0f0;\n            padding: 15px;\n            border-radius: 5px;\n            margin-bottom: 20px;\n            font-family: monospace;\n            font-size: 12px;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"test-container\">\n          \n       <center> <p class=\"od-files-subtitle\" style=\"padding-bottom: 30px;\">\u0644\u0645\u062d\u0629 \u0633\u0631\u064a\u0639\u0629 \u0639\u0646 \u0628\u064a\u0627\u0646\u0627\u062a \u0623\u0647\u0645 \u0627\u0644\u0645\u0624\u0634\u0631\u0627\u062a \u062e\u0644\u0627\u0644 \u0627\u0644\u0633\u0646\u0648\u0627\u062a \u0627\u0644\u0623\u062e\u064a\u0631\u0629<\/p><\/center>\n        \n      \n        \n                \n                <div class=\"od-filters-wrapper\">\n            <button class=\"od-filter-btn active\" data-category=\"all\">\u0627\u0644\u0643\u0644<\/button>\n                                                <button class=\"od-filter-btn\" data-category=\"2\">\n                        \u0627\u0644                    <\/button>\n                                                                <button class=\"od-filter-btn\" data-category=\"1\">\n                        \u0627\u0644\u0627\u062d\u0635\u0627\u0626\u064a\u0627\u062a 2026                    <\/button>\n                                    <\/div>\n                \n        <div class=\"od-files-grid\">\n                            <div class=\"od-file-card\" data-category-id=\"2\">\n                    <div class=\"od-file-image\">\n                        <img decoding=\"async\" src=\"https:\/\/preprod.tn\/mep\/wp-content\/plugins\/plugin-opendata\/assets\/images\/default-file.png\" alt=\"\u0627\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f2026\">\n                        <div class=\"od-file-type-badge\">\n                            PDF                        <\/div>\n                    <\/div>\n                    <div class=\"od-file-content\">\n                        <h3 class=\"od-file-title\">\u0627\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f2026<\/h3>\n                                               <div class=\"od-file-meta\">\n    <div class=\"od-file-meta-item\">\n        <span><i class=\"fas fa-calendar-alt\"><\/i><\/span>\n        <span>2026\/04\/26<\/span>\n    <\/div>\n    <div class=\"od-file-meta-item\">\n        <span><i class=\"fas fa-file-archive\"><\/i><\/span>\n        <span>417 Ko<\/span>\n    <\/div>\n    <div class=\"od-file-meta-item\">\n        <span><i class=\"fas fa-download\"><\/i><\/span>\n        <span>0 \u062a\u062d\u0645\u064a\u0644<\/span>\n    <\/div>\n<\/div>\n                        <a href=\"https:\/\/preprod.tn\/mep\/wp-content\/uploads\/opendata\/files\/1777240520_45001.pdf\" class=\"od-download-btn\" download>\n                            <span>\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0644\u0641<\/span>\n                            <span>\u2b07<\/span>\n                        <\/a>\n                    <\/div>\n                <\/div>\n                            <div class=\"od-file-card\" data-category-id=\"1\">\n                    <div class=\"od-file-image\">\n                        <img decoding=\"async\" src=\"https:\/\/preprod.tn\/mep\/wp-content\/uploads\/opendata\/images\/1777240553_cartetun-1.png\" alt=\"\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0644\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629\">\n                        <div class=\"od-file-type-badge\">\n                            PDF                        <\/div>\n                    <\/div>\n                    <div class=\"od-file-content\">\n                        <h3 class=\"od-file-title\">\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0644\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629<\/h3>\n                                               <div class=\"od-file-meta\">\n    <div class=\"od-file-meta-item\">\n        <span><i class=\"fas fa-calendar-alt\"><\/i><\/span>\n        <span>2026\/04\/26<\/span>\n    <\/div>\n    <div class=\"od-file-meta-item\">\n        <span><i class=\"fas fa-file-archive\"><\/i><\/span>\n        <span>4 Mo<\/span>\n    <\/div>\n    <div class=\"od-file-meta-item\">\n        <span><i class=\"fas fa-download\"><\/i><\/span>\n        <span>0 \u062a\u062d\u0645\u064a\u0644<\/span>\n    <\/div>\n<\/div>\n                        <a href=\"https:\/\/preprod.tn\/mep\/wp-content\/uploads\/opendata\/files\/1777240553_rapport-icpd.pdf\" class=\"od-download-btn\" download>\n                            <span>\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0644\u0641<\/span>\n                            <span>\u2b07<\/span>\n                        <\/a>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/div>\n    \n    <script>\n    jQuery(document).ready(function($) {\n        console.log('=== TEST MODE - FILTRES ===');\n        console.log('Fichiers:', $('.od-file-card').length);\n        console.log('Filtres:', $('.od-filter-btn').length);\n        \n        \/\/ Filtrage simple\n        $('.od-filter-btn').on('click', function() {\n            var categoryId = $(this).attr('data-category');\n            console.log('Filtre cliqu\u00e9:', categoryId);\n            \n            $('.od-filter-btn').removeClass('active');\n            $(this).addClass('active');\n            \n            if (categoryId == 'all') {\n                $('.od-file-card').show();\n                console.log('Affichage de tous les fichiers');\n            } else {\n                $('.od-file-card').hide();\n                $('.od-file-card[data-category-id=\"' + categoryId + '\"]').show();\n                console.log('Fichiers visibles:', $('.od-file-card:visible').length);\n            }\n        });\n        \n        console.log('Filtres initialis\u00e9s');\n    });\n    <\/script>\n<\/body>\n<\/html>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3762","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/preprod.tn\/mep\/wp-json\/wp\/v2\/pages\/3762","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/preprod.tn\/mep\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/preprod.tn\/mep\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/preprod.tn\/mep\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/preprod.tn\/mep\/wp-json\/wp\/v2\/comments?post=3762"}],"version-history":[{"count":25,"href":"https:\/\/preprod.tn\/mep\/wp-json\/wp\/v2\/pages\/3762\/revisions"}],"predecessor-version":[{"id":4353,"href":"https:\/\/preprod.tn\/mep\/wp-json\/wp\/v2\/pages\/3762\/revisions\/4353"}],"wp:attachment":[{"href":"https:\/\/preprod.tn\/mep\/wp-json\/wp\/v2\/media?parent=3762"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}