[
    {
        "id": "email__div_configuration_content",
        "component": "component_div",
        "adjust": {
            "align": "stretch",
            "top": "20px",
            "left": "",
            "right": "",
            "bottom": "",
            "width": "100%"
        },
        "content": [
            {
                "id": "email__div_configuration_info",
                "component": "component_div",
                "adjust": {
                    "align": "stretch",
                    "top": "",
                    "left": "",
                    "right": "",
                    "bottom": "20px",
                    "width": "100%"
                },
                "content": [
                    {
                        "id": "email__div_groupe_info",
                        "component": "component_div",
                        "adjust": {
                            "align": "stretch",
                            "top": "",
                            "left": "",
                            "right": "",
                            "bottom": "",
                            "width": "100%"
                        },
                        "content": [
                            {
                                "id": "email__label_groupe",
                                "component": "component_label",
                                "label": "Groupe : ",
                                "adjust": {
                                    "align": "left",
                                    "top": "",
                                    "left": "",
                                    "right": "",
                                    "bottom": "",
                                    "width": "auto"
                                }
                            },
                            {
                                "id": "email__span_groupe",
                                "component": "component_span",
                                "text": "",
                                "adjust": {
                                    "align": "left",
                                    "top": "",
                                    "left": "10px",
                                    "right": "",
                                    "bottom": "",
                                    "width": "auto"
                                }
                            }
                        ]
                    },
                    {
                        "id": "email__div_description_info",
                        "component": "component_div",
                        "adjust": {
                            "align": "stretch",
                            "top": "10px",
                            "left": "",
                            "right": "",
                            "bottom": "",
                            "width": "100%"
                        },
                        "content": [
                            {
                                "id": "email__label_description",
                                "component": "component_label",
                                "label": "Description : ",
                                "adjust": {
                                    "align": "left",
                                    "top": "",
                                    "left": "",
                                    "right": "",
                                    "bottom": "",
                                    "width": "auto"
                                }
                            },
                            {
                                "id": "email__span_description",
                                "component": "component_span",
                                "text": "",
                                "adjust": {
                                    "align": "left",
                                    "top": "",
                                    "left": "10px",
                                    "right": "",
                                    "bottom": "",
                                    "width": "auto"
                                }
                            }
                        ]
                    }
                ]
            },
            {
                "id": "email__div_templates_section",
                "component": "component_div",
                "adjust": {
                    "align": "stretch",
                    "top": "20px",
                    "left": "",
                    "right": "",
                    "bottom": "",
                    "width": "100%",
                    "height": "400px"
                },
                "content": [
                    {
                        "id": "email__nav_templates_tabs",
                        "component": "component_nav_tab",
                        "adjust": {
                            "align": "left",
                            "top": "",
                            "left": "",
                            "right": "",
                            "bottom": "10px",
                            "width": "100%"
                        }
                    },
                    {
                        "id": "email__div_templates_content_wrapper",
                        "component": "component_div",
                        "adjust": {
                            "align": "stretch",
                            "top": "",
                            "left": "",
                            "right": "",
                            "bottom": "",
                            "width": "100%",
                            "height": "calc(100% - 60px)"
                        },
                        "content": [
                            {
                                "id": "email__div_templates_container",
                                "component": "component_div",
                                "adjust": {
                                    "align": "stretch",
                                    "top": "",
                                    "left": "",
                                    "right": "",
                                    "bottom": "",
                                    "width": "100%",
                                    "height": "100%"
                                },
                                "content": []
                            }
                        ]
                    },
                    {
                        "id": "email__div_signature_template_section",
                        "component": "component_div",
                        "adjust": {
                            "align": "stretch",
                            "top": "",
                            "left": "",
                            "right": "",
                            "bottom": "",
                            "width": "100%",
                            "height": "calc(100% - 60px)"
                        },
                        "content": [
                            {
                                "id": "email__signature_collapsible_block",
                                "component": "component_div",
                                "adjust": {
                                    "align": "stretch",
                                    "width": "100%"
                                },
                                "content": [
                                    {
                                        "id": "email__signature_block_header",
                                        "component": "component_messagehtml",
                                        "html": "<div id=\"email__signature_block_header\" class=\"template-header\"><div id=\"email__signature_block_title\" class=\"template-title\"><div id=\"email__signature_block_title_text\" class=\"template-title-text\"><i class=\"fa fa-signature\"></i> - Signature HTML</div></div><div id=\"email__signature_block_chevron\" class=\"template-chevron\"><i class=\"fa fa-chevron-down\"></i></div></div>",
                                        "adjust": {
                                            "align": "left",
                                            "width": "100%"
                                        }
                                    },
                                    {
                                        "id": "email__signature_block_content",
                                        "component": "component_div",
                                        "adjust": {
                                            "align": "left",
                                            "width": "100%"
                                        },
                                        "content": [
                                            {
                                                "id": "email__signature_section_info",
                                                "component": "component_messagehtml",
                                                "html": "<p id=\"email__signature_section_info_text\" style=\"margin: 0 0 15px 0; color: #555;\">Personnalisez la signature HTML insérée via la balise {signature}.</p>",
                                                "adjust": {
                                                    "align": "left",
                                                    "top": "",
                                                    "left": "",
                                                    "right": "",
                                                    "bottom": "15px",
                                                    "width": "100%"
                                                }
                                            },
                                            {
                                                "id": "email__signature_default_preview",
                                                "component": "component_div",
                                                "adjust": {
                                                    "align": "left",
                                                    "top": "",
                                                    "left": "",
                                                    "right": "",
                                                    "bottom": "15px",
                                                    "width": "100%"
                                                },
                                                "content": [
                                                    {
                                                        "id": "email__signature_default_preview_label",
                                                        "component": "component_label",
                                                        "label": "Aperçu de la signature par défaut",
                                                        "adjust": {
                                                            "align": "left",
                                                            "top": "",
                                                            "left": "",
                                                            "right": "",
                                                            "bottom": "10px",
                                                            "width": "100%"
                                                        }
                                                    },
                                                    {
                                                        "id": "email__signature_default_preview_description",
                                                        "component": "component_messagehtml",
                                                        "html": "<p id=\"email__signature_default_preview_description_text\" style=\"margin: 0 0 10px 0; color: #666;\">Visualisez la signature appliquée par défaut lorsqu'aucune personnalisation n'est fournie.</p>",
                                                        "adjust": {
                                                            "align": "left",
                                                            "top": "",
                                                            "left": "",
                                                            "right": "",
                                                            "bottom": "10px",
                                                            "width": "100%"
                                                        }
                                                    },
                                                    {
                                                        "id": "email__signature_default_preview_html",
                                                        "component": "component_messagehtml",
                                                        "html": "<div id=\"email__signature_default_preview_container\" class=\"default-preview-container\"></div>",
                                                        "adjust": {
                                                            "align": "left",
                                                            "top": "",
                                                            "left": "",
                                                            "right": "",
                                                            "bottom": "",
                                                            "width": "100%"
                                                        }
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "email__richtext_signature",
                                                "component": "component_form_field_richtext",
                                                "label": "Signature HTML",
                                                "allowMedia": true,
                                                "adjust": {
                                                    "align": "center",
                                                    "top": "",
                                                    "left": "",
                                                    "right": "",
                                                    "bottom": "",
                                                    "width": "100%",
                                                    "height": "260px"
                                                }
                                            },
                                            {
                                                "id": "email__button_save_signature",
                                                "component": "component_form_button",
                                                "conf_button": [
                                                    {
                                                        "label": "Enregistrer la signature",
                                                        "action": "save_signature",
                                                        "class": "tb_button_green"
                                                    }
                                                ],
                                                "adjust": {
                                                    "align": "right",
                                                    "top": "15px",
                                                    "left": "",
                                                    "right": "",
                                                    "bottom": "",
                                                    "width": ""
                                                }
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "email__html_template_collapsible_block",
                                "component": "component_div",
                                "adjust": {
                                    "align": "stretch",
                                    "width": "100%"
                                },
                                "content": [
                                    {
                                        "id": "email__html_template_block_header",
                                        "component": "component_messagehtml",
                                        "html": "<div id=\"email__html_template_block_header\" class=\"template-header\"><div id=\"email__html_template_block_title\" class=\"template-title\"><div id=\"email__html_template_block_title_text\" class=\"template-title-text\"><i class=\"fa fa-file-image\"></i> - Template graphique HTML</div></div><div id=\"email__html_template_block_chevron\" class=\"template-chevron\"><i class=\"fa fa-chevron-down\"></i></div></div>",
                                        "adjust": {
                                            "align": "left",
                                            "width": "100%"
                                        }
                                    },
                                    {
                                        "id": "email__html_template_block_content",
                                        "component": "component_div",
                                        "adjust": {
                                            "align": "left",
                                            "width": "100%"
                                        },
                                        "content": [
                                            {
                                                "id": "email__html_template_section_info",
                                                "component": "component_messagehtml",
                                                "html": "<p id=\"email__html_template_section_info_text\" style=\"margin: 0 0 15px 0; color: #555;\">Définissez le gabarit HTML global utilisé pour envelopper vos emails personnalisés.</p>",
                                                "adjust": {
                                                    "align": "left",
                                                    "top": "",
                                                    "left": "",
                                                    "right": "",
                                                    "bottom": "15px",
                                                    "width": "100%"
                                                }
                                            },
                                            {
                                                "id": "email__html_template_default_preview",
                                                "component": "component_div",
                                                "adjust": {
                                                    "align": "left",
                                                    "top": "",
                                                    "left": "",
                                                    "right": "",
                                                    "bottom": "15px",
                                                    "width": "100%"
                                                },
                                                "content": [
                                                    {
                                                        "id": "email__html_template_default_preview_label",
                                                        "component": "component_label",
                                                        "label": "Aperçu du gabarit par défaut",
                                                        "adjust": {
                                                            "align": "left",
                                                            "top": "",
                                                            "left": "",
                                                            "right": "",
                                                            "bottom": "10px",
                                                            "width": "100%"
                                                        }
                                                    },
                                                    {
                                                        "id": "email__html_template_default_preview_description",
                                                        "component": "component_messagehtml",
                                                        "html": "<p id=\"email__html_template_default_preview_description_text\" style=\"margin: 0 0 10px 0; color: #666;\">Prévisualisez l'e-mail généré avec le gabarit HTML par défaut.</p>",
                                                        "adjust": {
                                                            "align": "left",
                                                            "top": "",
                                                            "left": "",
                                                            "right": "",
                                                            "bottom": "10px",
                                                            "width": "100%"
                                                        }
                                                    },
                                                    {
                                                        "id": "email__html_template_default_preview_html",
                                                        "component": "component_messagehtml",
                                                        "html": "<div id=\"email__html_template_default_preview_container\" class=\"default-preview-container\"></div>",
                                                        "adjust": {
                                                            "align": "left",
                                                            "top": "",
                                                            "left": "",
                                                            "right": "",
                                                            "bottom": "",
                                                            "width": "100%"
                                                        }
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "email__textarea_html_template_graphique",
                                                "component": "component_form_field_textarea",
                                                "label": "Template graphique HTML",
                                                "help": "Saisissez votre template HTML complet avec DOCTYPE, balises HTML, CSS et JavaScript",
                                                "row": 15,
                                                "adjust": {
                                                    "align": "center",
                                                    "top": "",
                                                    "left": "",
                                                    "right": "",
                                                    "bottom": "",
                                                    "width": "100%"
                                                }
                                            },
                                            {
                                                "id": "email__button_save_html_template_graphique",
                                                "component": "component_form_button",
                                                "conf_button": [
                                                    {
                                                        "label": "Enregistrer le template graphique",
                                                        "action": "save_html_template_graphique",
                                                        "class": "tb_button_green"
                                                    }
                                                ],
                                                "adjust": {
                                                    "align": "right",
                                                    "top": "15px",
                                                    "left": "",
                                                    "right": "",
                                                    "bottom": "",
                                                    "width": ""
                                                }
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "email__footer_message_collapsible_block",
                                "component": "component_div",
                                "adjust": {
                                    "align": "stretch",
                                    "width": "100%"
                                },
                                "content": [
                                    {
                                        "id": "email__footer_message_block_header",
                                        "component": "component_messagehtml",
                                        "html": "<div id=\"email__footer_message_block_header\" class=\"template-header\"><div id=\"email__footer_message_block_title\" class=\"template-title\"><div id=\"email__footer_message_block_title_text\" class=\"template-title-text\">Message de pied de page</div></div><div id=\"email__footer_message_block_chevron\" class=\"template-chevron\"><i class=\"fa fa-chevron-down\"></i></div></div>",
                                        "adjust": {
                                            "align": "left",
                                            "width": "100%"
                                        }
                                    },
                                    {
                                        "id": "email__footer_message_block_content",
                                        "component": "component_div",
                                        "adjust": {
                                            "align": "left",
                                            "width": "100%"
                                        },
                                        "content": [
                                            {
                                                "id": "email__footer_message_section_info",
                                                "component": "component_messagehtml",
                                                "html": "<p id=\"email__footer_message_section_info_text\" style=\"margin: 0 0 15px 0; color: #555;\">Personnalisez le message de pied de page affiché dans vos emails. Vous pouvez ajouter un texte, un lien et/ou une image.</p>",
                                                "adjust": {
                                                    "align": "left",
                                                    "top": "",
                                                    "left": "",
                                                    "right": "",
                                                    "bottom": "15px",
                                                    "width": "100%"
                                                }
                                            },
                                            {
                                                "id": "email__footer_message_text_field",
                                                "component": "component_form_field_text",
                                                "label": "Texte du pied de page",
                                                "placeholder": "Ex: Votre service support à votre écoute.",
                                                "adjust": {
                                                    "align": "left",
                                                    "top": "",
                                                    "left": "",
                                                    "right": "",
                                                    "bottom": "15px",
                                                    "width": "100%"
                                                }
                                            },
                                            {
                                                "id": "email__footer_message_text_position",
                                                "component": "component_div",
                                                "adjust": {
                                                    "align": "left",
                                                    "top": "",
                                                    "left": "",
                                                    "right": "",
                                                    "bottom": "15px",
                                                    "width": "100%"
                                                },
                                                "content": [
                                                    {
                                                        "id": "email__footer_message_text_position_label",
                                                        "component": "component_label",
                                                        "label": "Position du texte par rapport à l'image",
                                                        "adjust": {
                                                            "align": "left",
                                                            "top": "",
                                                            "left": "",
                                                            "right": "",
                                                            "bottom": "8px",
                                                            "width": "100%"
                                                        }
                                                    },
                                                    {
                                                        "id": "email__footer_message_text_position_radios",
                                                        "component": "component_messagehtml",
                                                        "html": "<div id=\"email__footer_message_text_position_container\" style=\"display: flex; gap: 20px; align-items: center;\"><label style=\"display: flex; align-items: center; gap: 5px; cursor: pointer;\"><input type=\"radio\" name=\"footer_text_position\" value=\"after\" checked style=\"cursor: pointer;\" /> <span>Texte après l'image</span></label><label style=\"display: flex; align-items: center; gap: 5px; cursor: pointer;\"><input type=\"radio\" name=\"footer_text_position\" value=\"before\" style=\"cursor: pointer;\" /> <span>Texte avant l'image</span></label></div>",
                                                        "adjust": {
                                                            "align": "left",
                                                            "top": "",
                                                            "left": "",
                                                            "right": "",
                                                            "bottom": "",
                                                            "width": "100%"
                                                        }
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "email__footer_message_link_field",
                                                "component": "component_form_field_text",
                                                "label": "URL du lien (optionnel, ajoute un lien cliquable au message du pied de page)",
                                                "placeholder": "Ex: https://www.example.com",
                                                "help": "Si renseigné, le texte et/ou l'image seront cliquables",
                                                "adjust": {
                                                    "align": "left",
                                                    "top": "",
                                                    "left": "",
                                                    "right": "",
                                                    "bottom": "15px",
                                                    "width": "100%"
                                                }
                                            },
                                            {
                                                "id": "email__footer_message_image_section",
                                                "component": "component_div",
                                                "adjust": {
                                                    "align": "left",
                                                    "top": "",
                                                    "left": "",
                                                    "right": "",
                                                    "bottom": "15px",
                                                    "width": "100%"
                                                },
                                                "content": [
                                                    {
                                                        "id": "email__footer_message_image_label",
                                                        "component": "component_label",
                                                        "label": "Image du pied de page (optionnel)",
                                                        "adjust": {
                                                            "align": "left",
                                                            "top": "",
                                                            "left": "",
                                                            "right": "",
                                                            "bottom": "5px",
                                                            "width": "100%"
                                                        }
                                                    },
                                                    {
                                                        "id": "email__footer_message_image_help",
                                                        "component": "component_messagehtml",
                                                        "html": "<p id=\"email__footer_message_image_info_text\" style=\"margin: 0 0 10px 0; color: #666; font-size: 12px;\">Format PNG recommandé. L'image sera automatiquement redimensionnée (max: 100px hauteur, 500px largeur).</p>",
                                                        "adjust": {
                                                            "align": "left",
                                                            "top": "",
                                                            "left": "",
                                                            "right": "",
                                                            "bottom": "10px",
                                                            "width": "100%"
                                                        }
                                                    },
                                                    {
                                                        "id": "email__footer_message_image_upload",
                                                        "component": "component_messagehtml",
                                                        "html": "<div id=\"email__footer_message_image_upload_container\" style=\"display: flex; align-items: center; gap: 10px;\"><input type=\"file\" id=\"email__footer_message_image_input\" accept=\"image/png,image/jpeg,image/gif,image/webp\" style=\"display: none;\" /><button type=\"button\" id=\"email__footer_message_image_btn\" class=\"tb_button_blue\" style=\"padding: 8px 15px; cursor: pointer;\"><i class=\"fa fa-upload\"></i> Choisir une image</button><button type=\"button\" id=\"email__footer_message_image_remove_btn\" class=\"tb_button_red\" style=\"padding: 8px 15px; cursor: pointer; display: none;\"><i class=\"fa fa-trash\"></i> Supprimer</button><span id=\"email__footer_message_image_filename\" style=\"color: #666; font-size: 12px;\"></span></div>",
                                                        "adjust": {
                                                            "align": "left",
                                                            "top": "",
                                                            "left": "",
                                                            "right": "",
                                                            "bottom": "10px",
                                                            "width": "100%"
                                                        }
                                                    },
                                                    {
                                                        "id": "email__footer_message_image_preview_container",
                                                        "component": "component_messagehtml",
                                                        "html": "<div id=\"email__footer_message_image_preview\" style=\"max-width: 500px; max-height: 100px; margin-top: 10px; display: none;\"><img id=\"email__footer_message_image_preview_img\" src=\"\" alt=\"Aperçu\" style=\"max-width: 100%; max-height: 100px; border: 1px solid #e0e0e0; border-radius: 4px;\" /></div>",
                                                        "adjust": {
                                                            "align": "left",
                                                            "top": "",
                                                            "left": "",
                                                            "right": "",
                                                            "bottom": "",
                                                            "width": "100%"
                                                        }
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "email__footer_message_preview_section",
                                                "component": "component_div",
                                                "adjust": {
                                                    "align": "left",
                                                    "top": "",
                                                    "left": "",
                                                    "right": "",
                                                    "bottom": "15px",
                                                    "width": "100%"
                                                },
                                                "content": [
                                                    {
                                                        "id": "email__footer_message_preview_label",
                                                        "component": "component_label",
                                                        "label": "Aperçu du résultat",
                                                        "adjust": {
                                                            "align": "left",
                                                            "top": "",
                                                            "left": "",
                                                            "right": "",
                                                            "bottom": "10px",
                                                            "width": "100%"
                                                        }
                                                    },
                                                    {
                                                        "id": "email__footer_message_preview_html",
                                                        "component": "component_messagehtml",
                                                        "html": "<div id=\"email__footer_message_preview_container\" class=\"default-preview-container\" style=\"min-height: 60px; text-align: center;\"><p class=\"default-preview-empty-message\">Aucun message de pied de page configuré. Le message par défaut sera utilisé.</p></div>",
                                                        "adjust": {
                                                            "align": "left",
                                                            "top": "",
                                                            "left": "",
                                                            "right": "",
                                                            "bottom": "",
                                                            "width": "100%"
                                                        }
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "email__button_save_footer_message",
                                                "component": "component_form_button",
                                                "conf_button": [
                                                    {
                                                        "label": "Enregistrer le message de pied de page",
                                                        "action": "save_footer_message",
                                                        "class": "tb_button_green"
                                                    }
                                                ],
                                                "adjust": {
                                                    "align": "right",
                                                    "top": "15px",
                                                    "left": "",
                                                    "right": "",
                                                    "bottom": "",
                                                    "width": ""
                                                }
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    }
                ]
            }
        ]
    },
    {
        "id": "email__div_configuration_buttons",
        "component": "component_div",
        "adjust": {
            "align": "stretch",
            "top": "30px",
            "left": "",
            "right": "",
            "bottom": "",
            "width": "100%"
        },
        "content": [
            {
                "id": "email__button_fermer",
                "component": "component_button",
                "label": "Fermer",
                "adjust": {
                    "align": "center",
                    "top": "",
                    "left": "",
                    "right": "",
                    "bottom": "",
                    "width": "120px"
                }
            }
        ]
    }
]