<fieldset>
    {% include 'm_components/form/input/text.twig' with { label: "title", value: title, title_text: __("Title", constant('M_TD') ), class: "widefat" } %}
    {% include 'm_components/form/input/editor.twig' with { label: "text", value: text, title_text: __("Description", constant('M_TD')), class: "text-text" } %}
</fieldset>

<div class="m_buttons">
    <div class="m_buttons--row">
        {% include 'm_components/form/input/text.twig' with { label: "button_text", value: button_text, title_text: __("Button label", constant('M_TD')), class: "widefat" } %}
    </div>
    <div class="m_buttons--row">
      {% include 'm_components/form/input/text.twig' with { label: "button_link", value: button_link, title_text: __("Button link", constant('M_TD')), class: "widefat" } %}
    </div>
</div>
<label class="m_label" for="{{widget.get_field_id('quantity')}}">
  {{ __("Number of columns to display? (max:6)", constant('M_TD')) }}
</label>
<input  tabIndex="-1" id="{{widget.get_field_id('quantity')}}" min="1" max="6" type="number" name="{{widget.get_field_name('quantity')}}" value="{{quantity}}">


{# Generate hidden inputs for all sections #}
 <div class="repeater-wrapper" style="margin-bottom: 12px;">
  {% if sections %}
      <div class="mt-repeater-hidden">
          <div class="mt-repeater-hidden-inputs">
              {{ sections|raw }}
          </div>
      </div>
  {% endif %}
  </div>
{# React DOM Container #}
 <div class="mt-repeater-main-container repeater-container-columns">
    {# This is one entity. The entity should be repeated.
    This is the base html that should be redefined in react #}
    [   
        {
            "type": "Media",
            "label": "Image",
            "name": "image"
          },
          {
            "type": "Input",
            "label": "Titre",
            "name": "title"
          },
          {
            "type": "Editor",
            "label": "Texte",
            "name": "text"
          },
          {
            "type": "Input",
            "label": "Button label",
            "name": "button_label"
          },
          {
            "type": "Input",
            "label": "Button link",
            "name": "button_link"
          }
    ]
</div>
