( function ( blocks, element, blockEditor, components ) {
    const el = element.createElement;
    const { registerBlockType } = blocks;
    const { InspectorControls, __experimentalColorGradientSettingsControl: ColorControl, __experimentalTypographyPanel: TypographyPanel } = blockEditor;
    const { PanelBody, TextControl, SelectControl, Button, Dashicon, ToggleControl, RangeControl } = components;
    
    registerBlockType( 'custom/my-unique-form', {
        title: 'Contact Form 2',
        icon: 'email',
        category: 'widgets',
        attributes: {
            fields: { type: 'array', default: [] },
            button: { type: 'object', default: { text: 'שלח' } },
            layout: { type: 'object', default: { type: 'grid', columns: 1, columnGap: 20, rowGap: 20 } },
            header: { type: 'object', default: { title: '', subtitle: '', gap: 20 } },
            fieldWidth: { type: 'string', default: '100%' },
            buttonWidth: { type: 'string', default: '100%' },
            inputStyles: { type: 'object', default: { bg: '#ffffff', color: '#333333', placeholderColor: '#999999', fontSize: '16px', fontWeight: '400', borderColor: '#cccccc', borderWidth: 1, borderRadius: 4 } },
            btnStyles: { type: 'object', default: { bg: '#007cba', color: '#ffffff', fontSize: '16px', fontWeight: '600', borderColor: '#007cba', borderWidth: 1, borderRadius: 4 } }
        },

        edit: function ( props ) {
            const { attributes, setAttributes, clientId } = props;
            const { fields = [], button, layout, header, fieldWidth, buttonWidth, inputStyles, btnStyles } = attributes;

            const isFlex = layout.type === 'flex';
            const blockId = `cf-block-${clientId.slice(0, 8)}`;

            const updateStyle = ( type, key, value ) => {
                const attr = type === 'input' ? 'inputStyles' : 'btnStyles';
                setAttributes( { [attr]: { ...attributes[attr], [key]: value } } );
            };

            return el( element.Fragment, null,
                el( 'style', null, `#${blockId} input::placeholder { color: ${inputStyles.placeholderColor}; }`),

                el( InspectorControls, { group: 'styles' },
                    el( PanelBody, { title: '📐 הגדרות פריסה', initialOpen: false },
                        el( SelectControl, { label: 'צורת פריסה', value: layout.type, options: [ { label: 'טור (Grid)', value: 'grid' }, { label: 'שורה (Flex)', value: 'flex' } ], onChange: (v) => setAttributes({layout: {...layout, type: v}}) }),
                        !isFlex && el( RangeControl, { label: 'עמודות', value: layout.columns, onChange: (v) => setAttributes({layout: {...layout, columns: v}}), min: 1, max: 4 }),
                        el( RangeControl, { label: 'רווח (Gap)', value: layout.columnGap, onChange: (v) => setAttributes({layout: {...layout, columnGap: v}}), min: 0, max: 100 }),
                        el( TextControl, { label: 'אורך השדות', value: fieldWidth, onChange: (v) => setAttributes({fieldWidth: v}) }),
                        el( TextControl, { label: 'אורך הכפתור', value: buttonWidth, onChange: (v) => setAttributes({buttonWidth: v}) })
                    ),

                    el( PanelBody, { title: '📝 עיצוב שדות קלט', initialOpen: true },
                        el( ColorControl, {
                            label: 'צבעים',
                            settings: [
                                { label: 'טקסט', colorValue: inputStyles.color, onColorChange: (v) => updateStyle('input', 'color', v) },
                                { label: 'רקע', colorValue: inputStyles.bg, onColorChange: (v) => updateStyle('input', 'bg', v) },
                                { label: 'Placeholder', colorValue: inputStyles.placeholderColor, onColorChange: (v) => updateStyle('input', 'placeholderColor', v) },
                                { label: 'גבול', colorValue: inputStyles.borderColor, onColorChange: (v) => updateStyle('input', 'borderColor', v) }
                            ]
                        }),
                        el( 'hr' ),
                        el( 'p', { style: { fontWeight: '600' } }, 'טיפוגרפיה' ),
                        el( TextControl, { label: 'גודל גופן', value: inputStyles.fontSize, onChange: (v) => updateStyle('input', 'fontSize', v) } ),
                        el( RangeControl, { label: 'רדיוס פינות', value: inputStyles.borderRadius, onChange: (v) => updateStyle('input', 'borderRadius', v), min: 0, max: 50 }),
                        el( RangeControl, { label: 'עובי גבול', value: inputStyles.borderWidth, onChange: (v) => updateStyle('input', 'borderWidth', v), min: 0, max: 10 })
                    ),

                    el( PanelBody, { title: '🔘 עיצוב כפתור', initialOpen: false },
                        el( ColorControl, {
                            label: 'צבעים',
                            settings: [
                                { label: 'טקסט', colorValue: btnStyles.color, onColorChange: (v) => updateStyle('btn', 'color', v) },
                                { label: 'רקע', colorValue: btnStyles.bg, onColorChange: (v) => updateStyle('btn', 'bg', v) }
                            ]
                        }),
                        el( TextControl, { label: 'גודל גופן', value: btnStyles.fontSize, onChange: (v) => updateStyle('btn', 'fontSize', v) } ),
                        el( RangeControl, { label: 'רדיוס', value: btnStyles.borderRadius, onChange: (v) => updateStyle('btn', 'borderRadius', v), min: 0, max: 50 })
                    )
                ),

                el( InspectorControls, null,
                    el( PanelBody, { title: 'תוכן', initialOpen: true },
                        el( TextControl, { label: 'כותרת', value: header.title, onChange: (v) => setAttributes({header: {...header, title: v}}) } ),
                        el( TextControl, { label: 'טקסט כפתור', value: button.text, onChange: (v) => setAttributes({button: {...button, text: v}}) } ),
                        fields.map( (f, i) => el('div', { key: i, style: { padding: '10px', background: '#f9f9f9', border: '1px solid #ddd', marginBottom: '10px' } },
                            el('div', { style: { display: 'flex', justifyContent: 'space-between' } },
                                el('strong', null, `שדה ${i+1}`),
                                el(Button, { isDestructive: true, onClick: () => setAttributes({fields: fields.filter((_, idx) => idx !== i)}) }, 'X')
                            ),
                            el(TextControl, { label: 'Label', value: f.label, onChange: (v) => { const newF = [...fields]; newF[i].label = v; setAttributes({fields: newF}); } })
                        )),
                        el(Button, { isPrimary: true, onClick: () => setAttributes({fields: [...fields, {label: 'שדה חדש'}]}) }, 'הוסף שדה')
                    )
                ),

                el( 'div', { id: blockId, className: 'preview', style: { direction: 'rtl', padding: '20px' } },
                    header.title && el( 'h2', { style: { marginBottom: `${header.gap}px` } }, header.title ),
                    el( 'div', { style: { display: isFlex ? 'flex' : 'grid', gridTemplateColumns: isFlex ? 'none' : `repeat(${layout.columns}, 1fr)`, gap: `${layout.columnGap}px` } },
                        fields.map( (f, i) => el('div', { key: i, style: { width: fieldWidth } },
                            f.label && el('label', { style: { display: 'block', fontWeight: 'bold' } }, f.label),
                            el('input', { type: 'text', placeholder: f.label, style: { width: '100%', padding: '10px', backgroundColor: inputStyles.bg, color: inputStyles.color, fontSize: inputStyles.fontSize, borderRadius: `${inputStyles.borderRadius}px`, border: `${inputStyles.borderWidth}px solid ${inputStyles.borderColor}` }, disabled: true })
                        )),
                        el('div', { style: { width: buttonWidth } },
                            el('button', { style: { width: '100%', padding: '12px', backgroundColor: btnStyles.bg, color: btnStyles.color, fontSize: btnStyles.fontSize, borderRadius: `${btnStyles.borderRadius}px` } }, button.text)
                        )
                    )
                )
            );
        },
        save: () => null
    } );
} )( window.wp.blocks, window.wp.element, window.wp.blockEditor, window.wp.components );
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="https://smart-a.co.il/wp-sitemap-index.xsl" ?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"><sitemap><loc>https://smart-a.co.il/wp-sitemap-posts-post-1.xml</loc></sitemap><sitemap><loc>https://smart-a.co.il/wp-sitemap-posts-page-1.xml</loc></sitemap><sitemap><loc>https://smart-a.co.il/wp-sitemap-taxonomies-category-1.xml</loc></sitemap><sitemap><loc>https://smart-a.co.il/wp-sitemap-users-1.xml</loc></sitemap></sitemapindex>