openfoodnetwork/app/components/confirm_modal_component/confirm_modal_component.html.haml

%div{ id: @id, "data-controller": "modal #{@controller}", "data-action": "keyup@document->modal#closeIfEscapeKey", "data-#{@controller}-reflex-value": @reflex }
  .reveal-modal-bg.fade{ "data-modal-target": "background", "data-action": "click->modal#close" }
  .reveal-modal.fade.tiny.modal-component{ "data-modal-target": "modal" }
    - if @confirm_actions
      = content

      = render @message if @message

      %div{ class: "modal-actions #{@actions_alignment_class}" }
        %input{ class: "button icon-plus #{close_button_class}", type: 'button', value: @cancel_button_text, "data-action": "click->modal#close" }
        %input{ id: 'modal-confirm-button', class: "button icon-plus #{@confirm_button_class}", type: 'button', value: @confirm_button_text, "data-action": @confirm_actions }
    - elsif @form_url
      = form_with(url: @form_url, method: :post, data: { turbo: true, controller: 'bulk-actions' }) do
        = content
        %p{ class: "modal-actions #{@actions_alignment_class}" }
          %button.button.secondary{ type: "button", 'data-action': 'click->modal#close' }
            = @cancel_button_text
          %button.button.primary{ type: 'submit' }
            = @confirm_button_text