demarches-normaliennes/app/views/shared/dossiers/editable_champs/_repetition.html.haml

%div{ class: "repetition-#{form.index}" }
  - champ.rows.each do |champs|
    - row_dom_id = "row-#{SecureRandom.hex(4)}"
    %div{ class: "row row-#{champs.first.row}", id: row_dom_id }
      -# Tell the controller which DOM element should be removed once the row deletion is successful
      = hidden_field_tag 'deleted_row_dom_ids[]', row_dom_id, disabled: true

      - champs.each do |champ|
        = form.fields_for :champs, champ do |form|
          = render partial: 'shared/dossiers/editable_champs/editable_champ', locals: { champ: form.object, form: form }
          = form.hidden_field :_destroy, disabled: true
      .flex.row-reverse
        - if champ.persisted?
          %button.button.danger.remove-row{ type: :button }
            Supprimer l’élément
        - else
          %button.button.danger{ type: :button }
            Supprimer l’élément

- if champ.persisted?
  = link_to champs_repetition_path(form.index), class: 'button add-row', data: { remote: true, disable: true, method: 'POST', params: { champ_id: champ&.id }.to_query } do
    %span.icon.add
    Ajouter un élément pour « #{champ.libelle} »
- else
  %a.button.add-row
    %span.icon.add
    Ajouter un élément pour « #{champ.libelle} »