Calendrier de Livraison VerdNatura<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n \/* --- Estilos --- *\/\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body { font-family: 'Open Sans', sans-serif; color: #333; line-height: 1.6; background-color: transparent; }\n .app-container { background-color: transparent; width: 100%; padding-top: 15px; }\n .controls-container { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 20px; padding: 15px; background-color: rgba(248, 248, 248, 0.9); border-radius: 8px; }\n .control-group { display: flex; flex-direction: column; flex-grow: 1; min-width: 160px; }\n .control-group label { font-weight: 600; margin-bottom: 6px; color: #555; font-size: 0.85em; }\n .control-group select { padding: 10px 12px; border: 1px solid #e0dede; border-radius: 6px; background-color: #fff; font-size: 0.95em; transition: border-color 0.3s ease; appearance: none; background-image: url('data:image\/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23555555%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; background-position: right 12px center; background-size: 10px; cursor: pointer; }\n .control-group select:focus { outline: none; border-color: #8cc63f; box-shadow: 0 0 0 2px rgba(140, 198, 63, 0.2); }\n #loading { text-align: center; font-style: italic; color: #777; margin: 15px 0; padding: 8px; background-color: rgba(248, 248, 248, 0.8); border-radius: 6px; }\n .calendar-wrapper { margin-top: 15px; margin-bottom: 25px; }\n #monthName { font-size: 1.7em; font-weight: 600; color: #2c3e50; text-align: center; margin-bottom: 15px; }\n #calendarView { overflow-x: auto; }\n .calendar-table-view { width: 100%; border-collapse: collapse; border: 1px solid #d0d0d0; border-radius: 8px; table-layout: fixed; box-shadow: 0 2px 5px rgba(0,0,0,0.05); }\n .calendar-table-view th, .calendar-table-view td { text-align: center; border: 1px solid #e0e0e0; padding: 0; height: 45px; }\n .calendar-table-view th { font-weight: 600; color: #ffffff; font-size: 0.7em; padding: 8px 2px; background-color: #2c3e50; text-transform: uppercase; border-bottom: 2px solid #2d3748; }\n .day-cell-content { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 0.85em; font-weight: 500; position: relative; line-height: 1; }\n \n \/* --- Colores de los estados --- *\/\n .day-reparto_verdnatura,\n .day-dos_dias { background-color: #8cc63f; color: white; } \/* Ambos ahora son verdes *\/\n\n .day-sin_servicio_rojo { background-color: #e53935; color: white; }\n .day-sin_servicio_blanco { background-color: rgba(255, 255, 255, 0.1); color: #555555; }\n .day-desconocido { background-color: rgba(224, 222, 222, 0.2); color: #666666; }\n .day-empty { background-color: rgba(240, 240, 240, 0.1); color: #777777; }\n\n .legend-container { margin-top: 20px; padding: 15px; background-color: rgba(248, 248, 248, 0.9); border-radius: 8px; }\n .legend-title { font-size: 1.1em; font-weight: 600; color: #2c3e50; margin-bottom: 12px; text-align: center; }\n .legend-item { display: flex; align-items: center; margin-bottom: 8px; font-size: 0.85em; }\n .legend-color-box { width: 18px; height: 18px; margin-right: 8px; border: 1px solid rgba(204, 204, 204, 0.5); border-radius: 4px; flex-shrink: 0; }\n .legend-text { color: #555; }\n <\/style>\n<\/head>\n<body>\n <div class=\"app-container\">\n <div class=\"controls-container\">\n <div class=\"control-group\">\n <label for=\"monthSheetSelector\">Mois (Feuille) :<\/label>\n <select id=\"monthSheetSelector\">\n <option value=\"\">Chargement des mois...<\/option>\n <\/select>\n <\/div>\n <div class=\"control-group\">\n <label for=\"countrySelector\">Pays :<\/label>\n <select id=\"countrySelector\">\n <option value=\"\">-- S\u00e9lectionnez un mois --<\/option>\n <\/select>\n <\/div>\n <div class=\"control-group\">\n <label for=\"zoneSelector\">Zone :<\/label>\n <select id=\"zoneSelector\">\n <option value=\"\">-- S\u00e9lectionnez un pays --<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div id=\"loading\">Chargement du calendrier...<\/div>\n\n <div class=\"calendar-wrapper\">\n <div id=\"monthName\"><\/div>\n <div id=\"calendarView\"><\/div>\n <\/div>\n\n <div class=\"legend-container\">\n <div class=\"legend-title\">L\u00e9gende<\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color-box\" style=\"background-color: #8cc63f;\"><\/div>\n <span class=\"legend-text\">Livraison VerdNatura<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color-box\" style=\"background-color: #e53935;\"><\/div>\n <span class=\"legend-text\">Pas de service (Jour f\u00e9ri\u00e9\/Fermeture)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color-box\" style=\"background-color: #f9f9f9; border-color: #e0dede;\"><\/div>\n <span class=\"legend-text\">Pas de service<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color-box\" style=\"background-color: #e0dede;\"><\/div>\n <span class=\"legend-text\">Jour n'appartenant pas au mois \/ Inconnu<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n const WEB_APP_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbx2ximvYDkSstYqCFiLxLnkq1DycC-0LQTQpkkaYmchOu4f8g96rUXZ1XsMXDeMmdc\/exec'; \n\n const monthSheetSelector = document.getElementById('monthSheetSelector');\n const countrySelector = document.getElementById('countrySelector');\n const zoneSelector = document.getElementById('zoneSelector');\n const calendarViewDiv = document.getElementById('calendarView');\n const loadingDiv = document.getElementById('loading');\n const monthNameDiv = document.getElementById('monthName');\n let fullData = null;\n let allSheetNames = [];\n\n const TABLE_HEADER_WEEK_DAYS_FR = ['L', 'M', 'M', 'J', 'V', 'S', 'D']; \n const SCRIPT_WEEK_DAY_LETTERS = ['L', 'M', 'X', 'J', 'V', 'S', 'D'];\n\n async function fetchSheetNames() {\n loadingDiv.textContent = 'Chargement de la liste des mois...';\n loadingDiv.style.display = 'block';\n try {\n const response = await fetch(`${WEB_APP_URL}?action=getSheetNames`);\n if (!response.ok) throw new Error(`Erreur HTTP : ${response.status}`);\n const data = await response.json();\n \n allSheetNames = data.sheetNames || [];\n populateMonthSheetSelector(allSheetNames);\n\n if (allSheetNames.length > 0) {\n monthSheetSelector.value = allSheetNames[0];\n fetchCalendarData(allSheetNames[0]);\n }\n } catch (error) {\n loadingDiv.textContent = `Erreur : ${error.message}`;\n }\n }\n \n async function fetchCalendarData(selectedSheetName) {\n if (!selectedSheetName) return;\n\n loadingDiv.style.display = 'block';\n calendarViewDiv.innerHTML = ''; \n\n try {\n const response = await fetch(`${WEB_APP_URL}?sheetName=${encodeURIComponent(selectedSheetName)}`);\n fullData = await response.json();\n\n monthNameDiv.textContent = fullData.month || \"Mois\"; \n populateCountrySelector(fullData.countries);\n \n if (fullData.countries && fullData.countries.length > 0) {\n const firstCountry = fullData.countries[0];\n countrySelector.value = firstCountry.name;\n populateZoneSelector(firstCountry.name);\n if (firstCountry.zones && firstCountry.zones.length > 0) {\n zoneSelector.value = firstCountry.zones[0].name;\n displayCalendar(firstCountry.name, firstCountry.zones[0].name);\n }\n }\n loadingDiv.style.display = 'none';\n } catch (error) {\n loadingDiv.textContent = `Erreur : ${error.message}`;\n }\n }\n\n function populateMonthSheetSelector(sheetNames) {\n monthSheetSelector.innerHTML = '<option value=\"\">-- Choisissez un mois --<\/option>';\n sheetNames.forEach(name => {\n const option = document.createElement('option');\n option.value = name;\n option.textContent = name;\n monthSheetSelector.appendChild(option);\n });\n }\n\n function populateCountrySelector(countries) {\n countrySelector.innerHTML = '<option value=\"\">-- Choisissez un pays --<\/option>';\n countries.forEach(country => {\n const option = document.createElement('option');\n option.value = country.name;\n option.textContent = country.name;\n countrySelector.appendChild(option);\n });\n }\n\n function populateZoneSelector(selectedCountryName) {\n zoneSelector.innerHTML = '<option value=\"\">-- Choisissez une zone --<\/option>';\n const countryData = fullData.countries.find(c => c.name === selectedCountryName);\n if (countryData && countryData.zones) {\n countryData.zones.forEach(zone => {\n const option = document.createElement('option');\n option.value = zone.name;\n option.textContent = zone.name;\n zoneSelector.appendChild(option);\n });\n }\n }\n\n function displayCalendar(selectedCountryName, selectedZoneName) {\n calendarViewDiv.innerHTML = ''; \n if (!fullData || !selectedCountryName || !selectedZoneName) return;\n\n const countryData = fullData.countries.find(c => c.name === selectedCountryName);\n const selectedZoneData = countryData.zones.find(zone => zone.name === selectedZoneName);\n \n const table = document.createElement('table');\n table.classList.add('calendar-table-view');\n const thead = table.createTHead();\n const tbody = table.createTBody();\n const headerRow = thead.insertRow();\n\n TABLE_HEADER_WEEK_DAYS_FR.forEach(dayLetter => {\n const th = document.createElement('th');\n th.textContent = dayLetter;\n headerRow.appendChild(th);\n });\n\n let dayPointer = 0;\n let firstDayLetter = fullData.headers[0].letter.toUpperCase();\n let startingDayIndex = SCRIPT_WEEK_DAY_LETTERS.indexOf(firstDayLetter);\n if (startingDayIndex === -1) startingDayIndex = 0;\n\n let currentWeekRow = tbody.insertRow();\n\n for (let i = 0; i < startingDayIndex; i++) {\n const cell = currentWeekRow.insertCell();\n cell.innerHTML = '<div class=\"day-cell-content day-empty\"><\/div>';\n }\n\n while (dayPointer < fullData.headers.length) {\n if (currentWeekRow.cells.length === 7) {\n currentWeekRow = tbody.insertRow();\n }\n\n const dayData = fullData.headers[dayPointer];\n const status = selectedZoneData.schedule[dayPointer];\n\n const cell = currentWeekRow.insertCell();\n const contentDiv = document.createElement('div');\n contentDiv.classList.add('day-cell-content');\n contentDiv.classList.add(`day-${status.toLowerCase().replace(\/\\s+\/g, '_')}`);\n contentDiv.textContent = dayData.number;\n cell.appendChild(contentDiv);\n dayPointer++;\n }\n\n while (currentWeekRow.cells.length < 7) {\n const cell = currentWeekRow.insertCell();\n cell.innerHTML = '<div class=\"day-cell-content day-empty\"><\/div>';\n }\n\n calendarViewDiv.appendChild(table);\n }\n \n monthSheetSelector.addEventListener('change', (e) => fetchCalendarData(e.target.value));\n countrySelector.addEventListener('change', (e) => {\n populateZoneSelector(e.target.value);\n if (zoneSelector.options.length > 1) {\n zoneSelector.value = zoneSelector.options[1].value;\n displayCalendar(e.target.value, zoneSelector.value);\n }\n });\n zoneSelector.addEventListener('change', (e) => displayCalendar(countrySelector.value, e.target.value));\n \n fetchSheetNames();\n <\/script>\n<\/body>\n<\/html><div style=\"text-align:center;\"><a class=\"fusion-button button-flat fusion-button-default-size button-default fusion-button-default button-1 fusion-button-default-span fusion-button-default-type\" style=\"--button_margin-top:20px;--button_margin-bottom:40px;\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/shop.verdnatura.es\/#!form=ecomerce\/checkout\"><span class=\"fusion-button-text\">Passer commande<\/span><\/a><\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-24884","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>Calendrier de Livraison Verdnatura - Verdnatura<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/verdnatura.info\/fr\/livraison\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Calendrier de Livraison Verdnatura - Verdnatura\" \/>\n<meta property=\"og:url\" content=\"https:\/\/verdnatura.info\/fr\/livraison\/\" \/>\n<meta property=\"og:site_name\" content=\"Verdnatura\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-13T06:36:43+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/verdnatura.info\/fr\/livraison\/\",\"url\":\"https:\/\/verdnatura.info\/fr\/livraison\/\",\"name\":\"Calendrier de Livraison Verdnatura - Verdnatura\",\"isPartOf\":{\"@id\":\"https:\/\/verdnatura.info\/fr\/#website\"},\"datePublished\":\"2025-10-06T10:04:44+00:00\",\"dateModified\":\"2026-02-13T06:36:43+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/verdnatura.info\/fr\/livraison\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/verdnatura.info\/fr\/livraison\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/verdnatura.info\/fr\/livraison\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/verdnatura.info\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Calendrier de Livraison Verdnatura\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/verdnatura.info\/fr\/#website\",\"url\":\"https:\/\/verdnatura.info\/fr\/\",\"name\":\"Verdnatura\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/verdnatura.info\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n","yoast_head_json":{"title":"Calendrier de Livraison Verdnatura - Verdnatura","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/verdnatura.info\/fr\/livraison\/","og_locale":"fr_FR","og_type":"article","og_title":"Calendrier de Livraison Verdnatura - Verdnatura","og_url":"https:\/\/verdnatura.info\/fr\/livraison\/","og_site_name":"Verdnatura","article_modified_time":"2026-02-13T06:36:43+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/verdnatura.info\/fr\/livraison\/","url":"https:\/\/verdnatura.info\/fr\/livraison\/","name":"Calendrier de Livraison Verdnatura - Verdnatura","isPartOf":{"@id":"https:\/\/verdnatura.info\/fr\/#website"},"datePublished":"2025-10-06T10:04:44+00:00","dateModified":"2026-02-13T06:36:43+00:00","breadcrumb":{"@id":"https:\/\/verdnatura.info\/fr\/livraison\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/verdnatura.info\/fr\/livraison\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/verdnatura.info\/fr\/livraison\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/verdnatura.info\/fr\/"},{"@type":"ListItem","position":2,"name":"Calendrier de Livraison Verdnatura"}]},{"@type":"WebSite","@id":"https:\/\/verdnatura.info\/fr\/#website","url":"https:\/\/verdnatura.info\/fr\/","name":"Verdnatura","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/verdnatura.info\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/verdnatura.info\/fr\/wp-json\/wp\/v2\/pages\/24884","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/verdnatura.info\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/verdnatura.info\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/verdnatura.info\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/verdnatura.info\/fr\/wp-json\/wp\/v2\/comments?post=24884"}],"version-history":[{"count":3,"href":"https:\/\/verdnatura.info\/fr\/wp-json\/wp\/v2\/pages\/24884\/revisions"}],"predecessor-version":[{"id":25450,"href":"https:\/\/verdnatura.info\/fr\/wp-json\/wp\/v2\/pages\/24884\/revisions\/25450"}],"wp:attachment":[{"href":"https:\/\/verdnatura.info\/fr\/wp-json\/wp\/v2\/media?parent=24884"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}