<div className="items-container">
                    { values.map( (val, index) => {
                        return(
                            <div className="el-container">
                                <div className="element">
                                    <div className="image-container">
                                        <MediaUpload
                                            onSelect={ ( media ) => {
                                                let newValues = [...values]
                                                newValues[index]['mediaid'] = media.id
                                                newValues[index]['mediaurl'] = media.url
                                                setAttributes({ items: newValues })
                                            }}
                                            type="image"
                                            value={val['mediaid']}
                                            className="file"
                                            render={ ( { open } ) => (
                                                <Button
                                                    className={ val['mediaurl'] ? 'galery-render-image' : 'button button-large' }
                                                    onClick={ open } >
                                                    {
                                                        val['mediaurl'] ? <div className={ className + '-icon' } style={{ backgroundImage: `url(${val['mediaurl']})` }}></div>: __( 'Choisir une image' )
                                                    }
                                                </Button>
                                            ) }
                                        />
                                    </div>

                                    <div className="content-container">
                                        <PlainText
                                            value={ val['legend'] }
                                            keepPlaceholderOnFocus={ true }
                                            placeholder={ __( 'Légende') }
                                            className={'legend'}
                                            onChange={ (legend) => {
                                                let newValues = [...values]
                                                newValues[index]['legend'] = legend
                                                setAttributes( { items: newValues } )
                                            } }
                                        />
                                        <div className="url-input">
                                            <URLInputButton
                                                className={'button-link'}
                                                url={val['link']}
                                                onChange={(link) => {
                                                    let newValues = [...values]
                                                    if(link.includes(url)){
                                                        newValues[index]['link'] = link.replace(url, '');
                                                    }else{
                                                        newValues[index]['link'] = link;
                                                    }
                                                    setAttributes({items: newValues})
                                                }}
                                            />
                                        </div>
                                        <Button className="button button-large add-button" onClick={ () => {
                                            let newValues = [
                                                ...values.slice(0, index),
                                                ...values.slice(index + 1)
                                            ]
                                            setAttributes( { items: newValues } )
                                        } }>{ __('Supprimer') }</Button>
                                    </div>
                                </div>
                            </div>
                        )
                    } ) }
                </div>
                <Button className="button button-large" onClick={ () => {
                        const newValues = [...values, {}]
                        setAttributes( { items: newValues } )
                    } }>{ __('Ajouter') }</Button>