import { __ } from "@wordpress/i18n";
import "./editor.scss";
import chevronDown from "../img/chevron_down.svg";

import { useBlockProps, RichText } from "@wordpress/block-editor";
import { InnerBlocks } from "@wordpress/block-editor";
export default function Edit({ attributes, setAttributes, ...props }) {
	let { panelTitle } = attributes;

	function onChangePanelTitle(panelTitle) {
		setAttributes({ panelTitle });
	}

	return (
		<div>
			<details
				{...useBlockProps({
					className: `homegrade-blocks-accordeon-panel-content`,
				})}
			>
				<summary>
					<RichText
						tagName="span"
						className="homegrade-blocks-accordeon-panel-content__title"
						onChange={onChangePanelTitle}
						value={panelTitle}
						placeholder="Titre du Panneau Dépliable"
					/>
					<div className="open-close-icon">
						<img src={chevronDown} className="open-close-cta" alt="" />
					</div>
				</summary>
				<div className="homegrade-blocks-accordeon-panel-content__content-wrapper homegrade-dynamic-accordeon__content-wrapper">
					<div className="homegrade-dynamic-accordeon__content">
						<InnerBlocks
							allowedBlocks={[
								"homegrade-content-blocks/content-heading",
								"homegrade-content-blocks/text-image",
								"core/paragraph",
								"core/list",
								"homegrade-content-blocks/highlight",
								"acf/photos-archives",
								"core/button",
								"core/buttons",
							]}
							template={[
								[
									"homegrade-content-blocks/content-heading",
									{
										title: "Au-delà des Murs",
										headingLevel: "h5",
									},
								],
								[
									"core/paragraph",
									{
										content:
											"Au cœur de chaque brique réside le potentiel d'un rêve concrétisé. Les fondations solides érigent des aspirations, chaque poutre porte le poids de l'avenir. Dans ce chantier de la vie, nous sommes les bâtisseurs, sculptant nos destins avec la pierre de l'effort et du dévouement.Chaque mur raconte une histoire. Les planches assemblées parlent de défis surmontés, les clous enfoncés rappellent la persévérance. Les fenêtres laissent entrer la lumière des rêves, et le toit offre un abri pour les espoirs à venir. Chaque maison est un poème écrit avec des briques et du ciment.",
									},
								],
								[
									"core/list",
									{},
									[
										[
											"core/list-item",
											{
												content:
													"La solidité des fondations, la clé d'une construction pérenne.",
											},
										],
										[
											"core/list-item",
											{
												content:
													"Chaque brique compte, chaque planche a son rôle",
											},
										],
										[
											"core/list-item",
											{
												content:
													"Construire, c'est bien plus que des matériaux. C'est l'art de réaliser des projets concrets",
											},
										],
									],
								],
							]}
						/>
					</div>
				</div>
			</details>
		</div>
	);
}
