{"id":597,"date":"2021-11-16T11:01:56","date_gmt":"2021-11-16T11:01:56","guid":{"rendered":"https:\/\/digiskillsbelgium.folka.com.ar\/digital-initiatives\/"},"modified":"2024-01-03T16:16:03","modified_gmt":"2024-01-03T16:16:03","slug":"digital-initiatives","status":"publish","type":"page","link":"https:\/\/digiskillsbelgium.be\/fr\/digital-initiatives\/","title":{"rendered":"Initiatives num\u00e9riques"},"content":{"rendered":"<div \n    x-cloak \n    x-data=\"postsFilters()\"\n    class=\"row filters-container jsp-filters-container\">\n    <div class=\"col-md-3 col-12\">\n        <div x-ref=\"filtersContainer\" class=\"w-full flex flex-col justify-center items-center _overflow-hidden _absolute lg:relative top-0 z-10\">\n            <form \n    x-ref=\"filtersForm\"  \n    class=\"\"\n    x-on:submit=\"event.preventDefault();\"\n    class=\"grid-filters-container\"\n    >\n            <input value=\"digital_technology,digital_skill_level\" name=\"acf_group_keys\"  type=\"hidden\" \/>\n            <div class=\"open-filters-cont\" @click.prevent=\"toggleFilters(!openfilters, $el)\">\n         <a class=\"_initiatives-filter-btn\">\n             Filter\n        <\/a>\n    <\/div>\n    <div class=\"filters-wrapper\">\n       <div :class=\"{'block': openfilters, 'hidden': !openfilters}\" class=\"md:block initiatives-sidebar filters-mobile\">\n            <div class=\"searchandfilter\">\n                                <div data-filter=\"\">\n                                                <div class=\"grid-filters-container_filter-group\">\n                                <div class=\"grid-filters-container_filter-group-title\">Search<\/div>\n                                <input @keyup=\"inputSearch($el.value)\"  @keyup=\"inputSearchKeyUp()\" type=\"text\" name=\"s\" value=\"\" placeholder=\"Search\" class=\"jsp-search-input search-posts\">\n                            <\/div>\n                                                                                                                            <\/div>\n                                    <div data-filter=\"post_type\">\n                                                                                                            <div x-data=\"{\n                                expanded : false\n                            }\" class=\"grid-filters-container_filter-group filter-group__expand\">\n                                <div class=\"grid-filters-container_filter-group-title\">\n                                    <span>Type d'activit\u00e9<\/span>\n                                                                                    <input type=\"hidden\" value=\"1\" name=\"filters_level\" \/>\n                                                                                <\/div>\n                                <div class=\"filter-group__expand-wrapper\">\n                                                                        <label for=\"post_type-1\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"post_type-1\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"initiative\" \n                                                        name=\"post_type[]\" \n                                                        data-filter-id=\"initiative\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Initiative')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"post_type-2\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"post_type-2\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"training-offer\" \n                                                        name=\"post_type[]\" \n                                                        data-filter-id=\"training-offer\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Offre de formation')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"post_type-3\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"post_type-3\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"event\" \n                                                        name=\"post_type[]\" \n                                                        data-filter-id=\"event\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('\u00c9v\u00e9nement')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                        <\/div>\n                                <div x-show=\"false\" class=\"show-more-options\" @click=\"function(){\n                                    $el.closest('.filter-group__expand').classList.toggle('filter-group__expanded')\n                                    expanded = !expanded\n                                }\">\n                                    <span class=\"text-xs\" x-text=\"expanded ? 'Afficher moins' : 'En savoir plus'\"><\/span>\n                                    <svg width=\"12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3 w-3 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"d-none\">\n                                    <button @click.prevent=\"resetFilters($el)\" type=\"button\" class=\"cursor-pointer text-lg md:text-sm font-normal  text-light-blue bg-transparent font-nunito\">\n                                    Clear filter                                    <\/button>\n                                <\/div>\n                            <\/div>\n                                                            <\/div>\n                                    <div data-filter=\"target_audience\">\n                                                                                                            <div x-data=\"{\n                                expanded : false\n                            }\" class=\"grid-filters-container_filter-group filter-group__expand\">\n                                <div class=\"grid-filters-container_filter-group-title\">\n                                    <span>Target audience<\/span>\n                                                                    <\/div>\n                                <div class=\"filter-group__expand-wrapper\">\n                                                                        <label for=\"target_audience-1\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"target_audience-1\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"279\" \n                                                        name=\"target_audience[]\" \n                                                        data-filter-id=\"279\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Enfants (0-12)')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"target_audience-2\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"target_audience-2\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"285\" \n                                                        name=\"target_audience[]\" \n                                                        data-filter-id=\"285\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Population active (20-64)')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"target_audience-3\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"target_audience-3\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"286\" \n                                                        name=\"target_audience[]\" \n                                                        data-filter-id=\"286\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Seniors (65+)')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"target_audience-4\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"target_audience-4\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"287\" \n                                                        name=\"target_audience[]\" \n                                                        data-filter-id=\"287\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('\u00c9tudiants (13-23)')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"target_audience-5\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"target_audience-5\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"288\" \n                                                        name=\"target_audience[]\" \n                                                        data-filter-id=\"288\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('*Stimuler les femmes dans la tech')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                        <\/div>\n                                <div x-show=\"false\" class=\"show-more-options\" @click=\"function(){\n                                    $el.closest('.filter-group__expand').classList.toggle('filter-group__expanded')\n                                    expanded = !expanded\n                                }\">\n                                    <span class=\"text-xs\" x-text=\"expanded ? 'Afficher moins' : 'En savoir plus'\"><\/span>\n                                    <svg width=\"12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3 w-3 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"d-none\">\n                                    <button @click.prevent=\"resetFilters($el)\" type=\"button\" class=\"cursor-pointer text-lg md:text-sm font-normal  text-light-blue bg-transparent font-nunito\">\n                                    Clear filter                                    <\/button>\n                                <\/div>\n                            <\/div>\n                                                            <\/div>\n                                    <div data-filter=\"province\">\n                                                                                                            <div x-data=\"{\n                                expanded : false\n                            }\" class=\"grid-filters-container_filter-group filter-group__expand\">\n                                <div class=\"grid-filters-container_filter-group-title\">\n                                    <span>Location<\/span>\n                                                                    <\/div>\n                                <div class=\"filter-group__expand-wrapper\">\n                                                                        <label for=\"province-1\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"province-1\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"260\" \n                                                        name=\"province[]\" \n                                                        data-filter-id=\"260\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Flandre')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"province-2\" class=\"grid-filters-container_filter-group-item custom-filter custom-filter__child\"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"province-2\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"263\" \n                                                        name=\"province[]\" \n                                                        data-filter-id=\"263\"\n                                                        data-filter-parent-id=\"260\" \n                                                                                                                                                                    \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Anvers')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"province-3\" class=\"grid-filters-container_filter-group-item custom-filter custom-filter__child\"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"province-3\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"264\" \n                                                        name=\"province[]\" \n                                                        data-filter-id=\"264\"\n                                                        data-filter-parent-id=\"260\" \n                                                                                                                                                                    \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Limbourg')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"province-4\" class=\"grid-filters-container_filter-group-item custom-filter custom-filter__child\"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"province-4\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"265\" \n                                                        name=\"province[]\" \n                                                        data-filter-id=\"265\"\n                                                        data-filter-parent-id=\"260\" \n                                                                                                                                                                    \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Flandre orientale')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"province-5\" class=\"grid-filters-container_filter-group-item custom-filter custom-filter__child\"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"province-5\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"266\" \n                                                        name=\"province[]\" \n                                                        data-filter-id=\"266\"\n                                                        data-filter-parent-id=\"260\" \n                                                                                                                                                                    \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Flandre occidentale')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"province-6\" class=\"grid-filters-container_filter-group-item custom-filter custom-filter__child\"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"province-6\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"267\" \n                                                        name=\"province[]\" \n                                                        data-filter-id=\"267\"\n                                                        data-filter-parent-id=\"260\" \n                                                                                                                                                                    \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Brabant flamand')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"province-7\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"province-7\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"261\" \n                                                        name=\"province[]\" \n                                                        data-filter-id=\"261\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('R\u00e9gion de Bruxelles-Capitale')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"province-8\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"province-8\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"262\" \n                                                        name=\"province[]\" \n                                                        data-filter-id=\"262\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Wallonie')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"province-9\" class=\"grid-filters-container_filter-group-item custom-filter custom-filter__child\"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"province-9\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"268\" \n                                                        name=\"province[]\" \n                                                        data-filter-id=\"268\"\n                                                        data-filter-parent-id=\"262\" \n                                                                                                                                                                    \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Brabant wallon')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"province-10\" class=\"grid-filters-container_filter-group-item custom-filter custom-filter__child\"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"province-10\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"269\" \n                                                        name=\"province[]\" \n                                                        data-filter-id=\"269\"\n                                                        data-filter-parent-id=\"262\" \n                                                                                                                                                                    \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Hainaut')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"province-11\" class=\"grid-filters-container_filter-group-item custom-filter custom-filter__child\"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"province-11\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"270\" \n                                                        name=\"province[]\" \n                                                        data-filter-id=\"270\"\n                                                        data-filter-parent-id=\"262\" \n                                                                                                                                                                    \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Li\u00e8ge')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"province-12\" class=\"grid-filters-container_filter-group-item custom-filter custom-filter__child\"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"province-12\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"271\" \n                                                        name=\"province[]\" \n                                                        data-filter-id=\"271\"\n                                                        data-filter-parent-id=\"262\" \n                                                                                                                                                                    \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Luxembourg')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"province-13\" class=\"grid-filters-container_filter-group-item custom-filter custom-filter__child\"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"province-13\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"272\" \n                                                        name=\"province[]\" \n                                                        data-filter-id=\"272\"\n                                                        data-filter-parent-id=\"262\" \n                                                                                                                                                                    \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Namur')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                        <\/div>\n                                <div x-show=\"true\" class=\"show-more-options\" @click=\"function(){\n                                    $el.closest('.filter-group__expand').classList.toggle('filter-group__expanded')\n                                    expanded = !expanded\n                                }\">\n                                    <span class=\"text-xs\" x-text=\"expanded ? 'Afficher moins' : 'En savoir plus'\"><\/span>\n                                    <svg width=\"12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3 w-3 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"d-none\">\n                                    <button @click.prevent=\"resetFilters($el)\" type=\"button\" class=\"cursor-pointer text-lg md:text-sm font-normal  text-light-blue bg-transparent font-nunito\">\n                                    Clear filter                                    <\/button>\n                                <\/div>\n                            <\/div>\n                                                            <\/div>\n                                    <div data-filter=\"digital_technology\">\n                                                                                                            <div x-data=\"{\n                                expanded : false\n                            }\" class=\"grid-filters-container_filter-group filter-group__expand\">\n                                <div class=\"grid-filters-container_filter-group-title\">\n                                    <span>Technologie num\u00e9rique \/ sp\u00e9cialisation<\/span>\n                                                                    <\/div>\n                                <div class=\"filter-group__expand-wrapper\">\n                                                                        <label for=\"digital_technology-1\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"digital_technology-1\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"http:\/\/data.europa.eu\/uxp\/3030\" \n                                                        name=\"digital_technology[]\" \n                                                        data-filter-id=\"http:\/\/data.europa.eu\/uxp\/3030\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Intelligence artificielle')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"digital_technology-2\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"digital_technology-2\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"http:\/\/data.europa.eu\/uxp\/c_04ae3ba8\" \n                                                        name=\"digital_technology[]\" \n                                                        data-filter-id=\"http:\/\/data.europa.eu\/uxp\/c_04ae3ba8\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Cybers\u00e9curit\u00e9')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"digital_technology-3\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"digital_technology-3\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"http:\/\/data.europa.eu\/uxp\/c_b12a760a\" \n                                                        name=\"digital_technology[]\" \n                                                        data-filter-id=\"http:\/\/data.europa.eu\/uxp\/c_b12a760a\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('L\u2019internet des objets')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"digital_technology-4\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"digital_technology-4\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"http:\/\/data.europa.eu\/uxp\/c_bf1e2c81\" \n                                                        name=\"digital_technology[]\" \n                                                        data-filter-id=\"http:\/\/data.europa.eu\/uxp\/c_bf1e2c81\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Gros volumes de donn\u00e9es')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"digital_technology-5\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"digital_technology-5\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"http:\/\/data.europa.eu\/uxp\/c_ab84e157\" \n                                                        name=\"digital_technology[]\" \n                                                        data-filter-id=\"http:\/\/data.europa.eu\/uxp\/c_ab84e157\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Cha\u00eene de blocs')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"digital_technology-6\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"digital_technology-6\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"http:\/\/data.europa.eu\/uxp\/3740\" \n                                                        name=\"digital_technology[]\" \n                                                        data-filter-id=\"http:\/\/data.europa.eu\/uxp\/3740\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Robotique')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"digital_technology-7\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"digital_technology-7\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"http:\/\/data.europa.eu\/uxp\/det_66\" \n                                                        name=\"digital_technology[]\" \n                                                        data-filter-id=\"http:\/\/data.europa.eu\/uxp\/det_66\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('R\u00e9alit\u00e9 Augment\u00e9e')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"digital_technology-8\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"digital_technology-8\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"http:\/\/data.europa.eu\/uxp\/6261\" \n                                                        name=\"digital_technology[]\" \n                                                        data-filter-id=\"http:\/\/data.europa.eu\/uxp\/6261\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('R\u00e9alit\u00e9 Virtuelle')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"digital_technology-9\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"digital_technology-9\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"http:\/\/data.europa.eu\/uxp\/det_72\" \n                                                        name=\"digital_technology[]\" \n                                                        data-filter-id=\"http:\/\/data.europa.eu\/uxp\/det_72\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Calcul \u00e0 Haute Performance')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"digital_technology-10\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"digital_technology-10\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"http:\/\/data.europa.eu\/uxp\/det_69\" \n                                                        name=\"digital_technology[]\" \n                                                        data-filter-id=\"http:\/\/data.europa.eu\/uxp\/det_69\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Apprentissage automatique')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"digital_technology-11\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"digital_technology-11\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"http:\/\/data.europa.eu\/uxp\/c_433922a6\" \n                                                        name=\"digital_technology[]\" \n                                                        data-filter-id=\"http:\/\/data.europa.eu\/uxp\/c_433922a6\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Informatique en nuage')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"digital_technology-12\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"digital_technology-12\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"http:\/\/data.europa.eu\/uxp\/det_33\" \n                                                        name=\"digital_technology[]\" \n                                                        data-filter-id=\"http:\/\/data.europa.eu\/uxp\/det_33\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('5G')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"digital_technology-13\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"digital_technology-13\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"http:\/\/data.europa.eu\/uxp\/4424\" \n                                                        name=\"digital_technology[]\" \n                                                        data-filter-id=\"http:\/\/data.europa.eu\/uxp\/4424\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('T\u00e9l\u00e9communications')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"digital_technology-14\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"digital_technology-14\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"http:\/\/data.europa.eu\/uxp\/det_346\" \n                                                        name=\"digital_technology[]\" \n                                                        data-filter-id=\"http:\/\/data.europa.eu\/uxp\/det_346\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Wi-Fi')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"digital_technology-15\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"digital_technology-15\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"http:\/\/data.europa.eu\/uxp\/det_73\" \n                                                        name=\"digital_technology[]\" \n                                                        data-filter-id=\"http:\/\/data.europa.eu\/uxp\/det_73\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Calcul quantique')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"digital_technology-16\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"digital_technology-16\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"http:\/\/data.europa.eu\/uxp\/1696\" \n                                                        name=\"digital_technology[]\" \n                                                        data-filter-id=\"http:\/\/data.europa.eu\/uxp\/1696\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Logiciels')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"digital_technology-17\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"digital_technology-17\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"http:\/\/data.europa.eu\/uxp\/det_75\" \n                                                        name=\"digital_technology[]\" \n                                                        data-filter-id=\"http:\/\/data.europa.eu\/uxp\/det_75\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('D\u00e9veloppement d'Applications Mobiles')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"digital_technology-18\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"digital_technology-18\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"http:\/\/data.europa.eu\/uxp\/det_74\" \n                                                        name=\"digital_technology[]\" \n                                                        data-filter-id=\"http:\/\/data.europa.eu\/uxp\/det_74\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('D\u00e9veloppement Web')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"digital_technology-19\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"digital_technology-19\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"http:\/\/data.europa.eu\/uxp\/3876\" \n                                                        name=\"digital_technology[]\" \n                                                        data-filter-id=\"http:\/\/data.europa.eu\/uxp\/3876\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Micro\u00e9lectronique')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"digital_technology-20\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"digital_technology-20\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"http:\/\/data.europa.eu\/uxp\/437655\" \n                                                        name=\"digital_technology[]\" \n                                                        data-filter-id=\"http:\/\/data.europa.eu\/uxp\/437655\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Comp\u00e9tences Num\u00e9riques')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                        <\/div>\n                                <div x-show=\"true\" class=\"show-more-options\" @click=\"function(){\n                                    $el.closest('.filter-group__expand').classList.toggle('filter-group__expanded')\n                                    expanded = !expanded\n                                }\">\n                                    <span class=\"text-xs\" x-text=\"expanded ? 'Afficher moins' : 'En savoir plus'\"><\/span>\n                                    <svg width=\"12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3 w-3 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"d-none\">\n                                    <button @click.prevent=\"resetFilters($el)\" type=\"button\" class=\"cursor-pointer text-lg md:text-sm font-normal  text-light-blue bg-transparent font-nunito\">\n                                    Clear filter                                    <\/button>\n                                <\/div>\n                            <\/div>\n                                                            <\/div>\n                                    <div data-filter=\"digital_skill_level\">\n                                                                                                            <div x-data=\"{\n                                expanded : false\n                            }\" class=\"grid-filters-container_filter-group filter-group__expand\">\n                                <div class=\"grid-filters-container_filter-group-title\">\n                                    <span>Niveau de comp\u00e9tence num\u00e9rique<\/span>\n                                                                    <\/div>\n                                <div class=\"filter-group__expand-wrapper\">\n                                                                        <label for=\"digital_skill_level-1\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"digital_skill_level-1\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"basic\" \n                                                        name=\"digital_skill_level[]\" \n                                                        data-filter-id=\"basic\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('De base')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"digital_skill_level-2\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"digital_skill_level-2\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"intermediate\" \n                                                        name=\"digital_skill_level[]\" \n                                                        data-filter-id=\"intermediate\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Interm\u00e9diaire')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"digital_skill_level-3\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"digital_skill_level-3\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"advanced\" \n                                                        name=\"digital_skill_level[]\" \n                                                        data-filter-id=\"advanced\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Avanc\u00e9')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                                <label for=\"digital_skill_level-4\" class=\"grid-filters-container_filter-group-item custom-filter \"\n                                            >\n                                            <div class=\"filter-row\">\n                                                <div class=\"first-col\">\n                                                    <input \n                                                        x-on:change=\"updateInputState($el); submit()\" \n                                                        id=\"digital_skill_level-4\" \n                                                        class=\"\" \n                                                        type=\"checkbox\" \n                                                        value=\"digital_expert\" \n                                                        name=\"digital_skill_level[]\" \n                                                        data-filter-id=\"digital_expert\"\n                                                        data-filter-parent=\"1\" \n                                                        data-filter-parent=\"1\"                                                                                                            \/>\n                                                    <label><\/label>\n                                                <\/div>\n                                                <div class=\"second-col\">\n                                                    <span class=\"ml-2\" x-text=\"formatLabel('Expert num\u00e9rique')\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/label>\n                                                                        <\/div>\n                                <div x-show=\"false\" class=\"show-more-options\" @click=\"function(){\n                                    $el.closest('.filter-group__expand').classList.toggle('filter-group__expanded')\n                                    expanded = !expanded\n                                }\">\n                                    <span class=\"text-xs\" x-text=\"expanded ? 'Afficher moins' : 'En savoir plus'\"><\/span>\n                                    <svg width=\"12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3 w-3 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"d-none\">\n                                    <button @click.prevent=\"resetFilters($el)\" type=\"button\" class=\"cursor-pointer text-lg md:text-sm font-normal  text-light-blue bg-transparent font-nunito\">\n                                    Clear filter                                    <\/button>\n                                <\/div>\n                            <\/div>\n                                                            <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/form>        <\/div>\n    <\/div>\n    <div class=\"col-md-9 col-12\">\n                    <div class=\"initiatives-posts-section-heading section-title-wrapper\">\n                                    <img decoding=\"async\" class=\"section-title-icon\" src=\"https:\/\/digiskillsbelgium.be\/wp-content\/uploads\/2021\/11\/mortarboard.svg\" alt=\"\">\n                                    \n                <h2 class=\"initiatives-posts-section-main-title section-title\">Initiatives num\u00e9riques<\/h2>\n            <\/div>\n                <div x-ref=\"wrapperPosts\" x-show=\"!loading\" class=\"digital-initiatives-posts\">\n            <template x-for=\"post in posts\">\n                <div class=\"initiatives-post-item\">\n    <div class=\"initiatives-post-item-inner\">\n        <div class=\"initiatives-post-featured-image-wrapper\">\n            <picture :data-id=\"post.ID\" x-html=\"post.image\" class=\"js-popup-trigger initiatives-post-featured-image\">\n            <\/picture>\n        <\/div>\n        <div class=\"initiatives-post-content\">\n            <h2 :data-id=\"post.ID\" data-equal=\"initiatives-post-title\" class=\"js-popup-trigger initiatives-post-title\" x-html=\"post.title\"><\/h2>\n            <div class=\"entry-content initiatives-entry-content\" data-equal=\"initiatives-entry-content\">\n                <p x-html=\"post.excerpt\"><\/p>\n            <\/div>\n            <div class=\"initiatives-post-bottom\" data-equal=\"initiatives-post-bottom\">\n                <span :data-id=\"post.ID\" class=\"js-popup-trigger initiatives-read-more\">Lire plus<span class=\"icon-arrow-right\"><\/span><\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"inititatives-popup-wrapper js-popup-wrapper\" :data-id=\"post.ID\">\n        <div class=\"inititatives-popup-post\">\n            <span class=\"inititatives-popup-close icon-close js-popup-close\"><\/span>\n            <div class=\"inititatives-popup-post-inner\">\n                <div class=\"left\">\n                    <h2 class=\"inititatives-popup-title\" x-html=\"post.title\"><\/h2>\n                    <div class=\"entry-content inititatives-popup-entry-content\" x-html=\"post.content\"><\/div>\n                    <br>\n                    <a :href=\"post.url\" class=\"\" target=\"_blank\">Lire plus<\/a>\n                <\/div>\n                <div class=\"right\">\n                    <div class=\"popup-card\">\n                        <div class=\"popup-card-featured-image\" x-html=\"post.image\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n            <\/template>\n        <\/div>\n        <div x-show=\"no_results\">\n            <div class=\"mt-4 font-bold text-xl text-left p-8 no-results-text\" x-text=\"no_results_text\"><\/div>\n        <\/div>\n        <div x-show=\"!finish\" class=\"flex justify-center items-center\">\n            <div x-show=\"loading && !finish || load_more\" class=\"flex justify-center items-center text-center my-8 p-4 space-x-2 load-more\"> \n                <svg width=\"100\" height=\"100\" version=\"1.1\" id=\"L9\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n                    viewBox=\"0 0 100 100\" enable-background=\"new 0 0 0 0\" xml:space=\"preserve\">\n                    <path fill=\"#303955\" d=\"M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50\">\n                        <animateTransform attributeName=\"transform\" attributeType=\"XML\" type=\"rotate\" dur=\"1s\" from=\"0 50 50\" to=\"360 50 50\" repeatCount=\"indefinite\" \/>\n                    <\/path>\n                <\/svg>\n                <h5>Loading...<\/h5>\n            <\/div>\n            <div x-show=\"!load_more && !finish\" x-intersect=\"loadMore()\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<style>\n    [x-cloak]{\n        display: none;\n    }\n\n    .filters-container{\n        width: 100%;\n    }\n\n    .grid-layout{\n        display: grid;\n        grid-template-columns: 1fr 1fr 1fr;\n        gap: 2em 2em;\n    }\n    \n    .grid-filters-container_filter-group {\n        margin-bottom: 1rem;\n    }\n\n    .grid-filters-container_filter-group-title{\n        display: flex;\n        justify-content: space-between;\n        font-size: 1rem;\n        font-weight: 600;\n        margin-bottom: 0.5rem;\n    }\n\n    .reset-filters{\n        cursor: pointer;\n    }\n\n    .reset-filters:hover{\n        text-decoration: underline;\n    }\n\n    .grid-filters-container_filter-group-item {\n        display: flex;\n        margin-bottom: 0.25rem;\n        justify-content: flex-start;\n        align-items: center;\n    }\n\n    .grid-filters-container_filter-group-item span{\n        margin-left: 0.25rem;\n        font-size: 0.875rem;\n    }\n<\/style>\n<script>\n\n    function postsFilters() {\n\n        return {\n            settings                : {\"atts\":{\"post_type\":\"initiative,training-offer,event\",\"posts_per_page\":12,\"title\":\"Initiatives num\\u00e9riques\",\"group_keys\":\"digital_technology,digital_skill_level\"},\"posts_per_page\":12},\n            action                  :  'wp_ajax_filter_posts',\n            max_num_pages           : 1,\n            posts                   : [],\n            posts_pagination        : '',\n            template                : 'default',\n            lang                    : 'fr',\n            post_type               : [\"initiative\",\"training-offer\",\"event\"],\n            query                   : {\"post_type\":[\"initiative\",\"training-offer\",\"event\"],\"posts_per_page\":12,\"paged\":1},\n            show_submit_button      : false,\n            show_reset_filter       : false,\n            show_reset_filters      : false,\n            filters         : {},\n            filters_carousels : [],\n            openfilters : false,\n            classes         : {\n                main_wrapper_classes : '',\n                filters_wrapper_classes : 'w-full flex',\n                posts_wrapper_classes : 'w-full',\n                filters_form_classes : '',\n                filters_form_group_classes : '',\n            },\n            is_mobile       : window.matchMedia('(max-width: 768px)').matches,\n            is_typing       : false,\n            typingTimer     : null,\n            load_more       : false,\n            loading         : false,\n            finish          : false,\n            no_results      : false,\n            no_results_text : 'No results were found.',\n            loading_text    : '',\n            load_more_text  : 'Showing more results...',\n            initilize : false,\n            init: function(){\n                if(this.is_mobile == false){\n                    this.toggle_filters_mobile = true\n                }\n                else{\n                    this.toggle_filters = true\n                }\n\n                if(this.settings.filters){\n\n                    this.filters = this.settings.filters.map(obj => {\n                            \n                        if(obj.type == 'post_type'){\n                            obj.post_type.name              = 'post_type'\n                            obj.post_type.filters_post_type = this.post_type\n                        }\n\n                        return obj\n                    })\n\n                }\n\n                let instance = this\n                this.$nextTick(function(){\n                    instance.getPosts()\n                })\n            },\n            inputDatepickerChange: function(el){\n            },\n            loadMore: function(){\n\n                if(\n                    this.loading || \n                    this.finish\n                ){\n                    return\n                }\n\n                this.load_more        = true\n                this.loading_text     = this.load_more_text\n                this.getPosts()\n            },\n            getPosts: function(filter_value = null) {\n                \n                if(this.load_more){\n                    \n                }\n                else{\n                    this.loading            = true;\n                }\n\n                this.finish             = false;\n                let filtersContainerRef = this.$refs.filtersContainer\n    \n                let data = {\n                    action      : this.action,\n                    query       : new URLSearchParams(this.query),\n                    filters     : new URLSearchParams(this.formToJson(this.$refs.filtersForm)),\n                    template    : this.template,\n                    lang        : this.lang,\n                    load_more   : this.load_more\n                }\n\n                fetch(ADMIN_AJAX_URL, {\n                    method      : 'POST',\n                    credentials : 'same-origin',\n                    headers     : { 'Content-Type': 'application\/x-www-form-urlencoded; charset=utf-8', 'Cache-Control': 'no-cache' },\n                    body        : new URLSearchParams(data)\n                })\n                .then(response => response.json())\n                .then(response => {\n\n                    this.loading    = false\n\n                    if(response.found_posts == 0){\n                        this.no_results = true\n                    }\n                    \n                    if(response.post_count > 0){    \n\n                        this.query.paged  = response.query.paged\n\n                        if(this.load_more){\n                            this.posts  = [...this.posts, ...response.posts];\n                        }\n                        else{\n                            this.posts      = response.posts\n                        }\n\n                        if(response.max_num_pages == response.paged){\n                            this.finish = true\n                        }\n                    \n                    } else {\n                        this.finish = true\n                        this.posts  = []\n                    }\n\n                    if(this.initilize && filtersContainerRef && response.filtersHtml){\n                        filtersContainerRef.innerHTML = response.filtersHtml\n                    }\n\n                    if(!this.initilize){\n                        this.initilize = true;\n                    }\n\n                    this.posts_pagination   = response.posts_pagination\n                    this.load_more          = false\n\n                    let that = this;\n                    setTimeout(() => {\n                        that.initDatepickers(that.$refs.filtersForm, that);\n                    }, 250);\n\n                })\n            },\n            initDatepickers: function(container, instance){\n\n                let inputs = container.querySelectorAll(\".input-datepicker:not(.flatpickr-input)\");\n\n                let minDate             = new Date().fp_incr(1)\n                let endDp               = {}\n\n                let fpInstance \t\t\t= null;\n                let dateFormat \t\t\t= \"Y-m-d\";\n\n                let that = this;\n\n                if(inputs){\n                    inputs.forEach(el => {\n                        flatpickr(el, {\n                            minDate     : minDate,\n                            altFormat: \"d\/m\/Y\",\n                            dateFormat  : dateFormat,\n                            altInput : true,\n                            mode : 'range',\n                            conjunction : ' - ',\n                            disableMobile: true,\n                            onChange: function(selectedDates, dateStr){\n                                if(selectedDates.length > 1){\n                                    instance.submit();\n                                }\n                            },\n                        }) \n                    });\n                }\n            },\n            resetVars : function(){\n                this.query.paged    = 1\n                this.load_more      = false\n                this.loading_text   = ''\n                this.no_results     = false\n            },\n            updateInputState :function(elem){\n                \n                let color       =  elem.getAttribute('data-color')\n                let is_parent   =  elem.getAttribute('data-filter-parent')\n                if(is_parent){\n                    let checked = elem.checked;\n                    let parent_id   = elem.getAttribute('data-filter-id');\n                    let inputs      = elem.closest('[data-filter]').querySelectorAll('[data-filter-parent-id=\"'+parent_id+'\"]');\n                    if(inputs){\n                        inputs.forEach( elem => elem.checked = checked);\n                    }\n                }\n\n                if(!color){\n                    return;\n                }\n\n                if(elem.checked){\n                    elem.nextElementSibling.style.backgroundColor = color\n                    elem.nextElementSibling.style.color             = '#fefefe'\n                }\n                else{\n                    elem.nextElementSibling.style.backgroundColor   = null\n                    elem.nextElementSibling.style.color             = color\n                }\n\n                console.log(elem)\n            },\n            inputSearch : function(s){\n\n                if(s.length && s.length < 3){\n                    return false;\n                }\n\n                this.inputSearchKeyUp(this.typingTimer);\n                \n                this.typingTimer = setTimeout(() => {\n                    this.submit()\n                }, 1000);\n            },\n            inputSearchKeyUp : function(){\n                clearTimeout(this.typingTimer);\n            },\n            toggleFilters: function(open, elem){\n                \n                console.log(elem.closest('form').querySelector('.initiatives-sidebar'))\n                let initiatives_sidebar = elem.closest('form').querySelector('.initiatives-sidebar');\n                jQuery(initiatives_sidebar).slideToggle(\"show\");\n\n            },\n            resetFilters : function(elem){\n\n                elem        = elem ? elem.closest('form') : this.$refs.filtersForm;\n                let inputs  = elem.querySelectorAll(\"input[type='radio']:checked, input[type='checkbox']:checked, input.input-datepicker\"); \n                if(inputs.length){\n                    inputs.forEach( \n                        function(input){\n                            if(\n                                input.type == 'checkbox' ||\n                                input.type == 'radio'\n                            ){\n                                input.checked = false \n                            }\n                            else{\n                                input.value = null \n                            }\n                        } \n                    )\n                }\n                this.submit();\n            },\n            submit : function(){\n                if(this.is_mobile === true){\n                    this.toggle_filters_mobile = false\n                    this.toggle_filters = true\n                }\n                this.resetVars()\n                this.getPosts()\n            },\n            formToJson: function(form, stringify = false){\n                inputElements = form.querySelectorAll(\"input[type='text'], input[type='email'], input[type='number'], input[type='hidden'], input[type='radio']:checked, input[type='checkbox']:checked, textarea, select\"),\n                jsonObject = {};\n                for(var i = 0; i < inputElements.length; i++){\n                    var inputElement = inputElements[i];\n                    \n                    if(!inputElement.name){\n                    continue;\n                    }\n            \n                    if(jsonObject.hasOwnProperty(inputElement.name)){\n                        jsonObject[inputElement.name].push(inputElement.value)\n                    }\n                    else{\n                        if(inputElement.name.includes('[]')){\n                            jsonObject[inputElement.name]  = [inputElement.value]\n                        }\n                        else{\n                            jsonObject[inputElement.name] = inputElement.value;\n                        }\n                    }\n                }\n                if(stringify){\n                    return JSON.stringify(jsonObject);\n                }\n                return jsonObject;\n            },\n            formatLabel : function(value){\n                if(value && Array.isArray(value)){\n                    if(value.includes(':')){\n                        var parts =  value.split(':')\n                        value = parts[1].trim()\n                    }\n                }\n                    \n                return value;\n            },\n            formatValue : function(value){\n\n                if(value && Array.isArray(value)){\n                    if(value.includes(':')){\n                        var parts =  value.split(':')\n                        value = parts[0].trim()\n                    }\n                }\n\n                return value;\n            }\n        }\n    }\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-initiative.php","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-597","page","type-page","status-publish","hentry"],"acf":{"content":false,"image":false,"publish_in_core_platform":false,"author":"","link":"","link_text":"","link_type":"organization_url","restrict_current_page":false},"_links":{"self":[{"href":"https:\/\/digiskillsbelgium.be\/fr\/wp-json\/wp\/v2\/pages\/597","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digiskillsbelgium.be\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digiskillsbelgium.be\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digiskillsbelgium.be\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digiskillsbelgium.be\/fr\/wp-json\/wp\/v2\/comments?post=597"}],"version-history":[{"count":6,"href":"https:\/\/digiskillsbelgium.be\/fr\/wp-json\/wp\/v2\/pages\/597\/revisions"}],"predecessor-version":[{"id":6409,"href":"https:\/\/digiskillsbelgium.be\/fr\/wp-json\/wp\/v2\/pages\/597\/revisions\/6409"}],"wp:attachment":[{"href":"https:\/\/digiskillsbelgium.be\/fr\/wp-json\/wp\/v2\/media?parent=597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}