module Symphonia
  module BootstrapModalHelper

    # Ruby shortcut for generate modals
    #
    # <%= render_modal title: t(:title) do %>
    # <% render(template: 'path_to_template_or_partial', formats: [:html]) %>
    # <% end %>

    # template_or_partial example:

    # <%= title(@entity, back: !request.xhr?) %>
    #
    # <%= symphonia_form_for(@entity, remote: request.xhr?) do |f| %>
    #
    #   <%= render(partial: 'form', locals: { f: f }) %>
    #
    #   <%= f.primary unless request.xhr? %>
    # <% end -%>

    def render_modal(options = {}, &block)
      opts = options.slice(:id, :title, :submit, :large)
      opts[:submit] = t(:button_submit) unless opts.has_key?(:submit)

      id = options.delete(:id) || 'ad_hoc_modal'


      script = <<SCRIPT
        if (typeof(renderModal) == "undefined")
          var renderModal = {}
        if (renderModal["#{id}"])
          renderModal["#{id}"].destroy();
 renderModal["#{id}"] = new SymphoniaDialog("#{id}", #{raw opts.to_json});
SCRIPT
      script << %Q{        renderModal["#{id}"].body.innerHTML = "#{j(capture(&block))}"; } if block_given?
      script << <<SCRIPT
        var submitButton = renderModal["#{id}"].body.querySelector("input[type=submit]")
        if (submitButton)
          submitButton.remove()
SCRIPT
      unless opts[:title]
        script.concat <<EOF
        var title = document.getElementById(renderModal["#{id}"].id).querySelector("#page_header");
        if (title) {
          title.className = 'modal-title'; title.id = null;
          $(renderModal["#{id}"].title).replaceWith($(title));
          renderModal["#{id}"].title = title;
        }
EOF
      end

      script << %Q{renderModal["#{id}"].show();} unless opts.has_key?(:render_only)
      script.html_safe
    end

    # render link and JS script tag with function for create SymphoniaDialog
    #
    # @param [String] name can be label or HTML text
    # @param [String] element_id same ID must have container with modal content
    # @param [Hash] options standard `link_to` options and
    # @option options [Hash] :modal contains options for SymphoniaDialog
    #
    # @example
    #   <%= link_to_modal icon("remove", t("button_reject")), "reject_dialog", modal: { title: t(:button_reject), submit: t(:button_reject) } %>
    #   <div id="reject_dialog" style="display:none">
    #     <%= symphonia_form_tag url: reject_organization_path(@organization), method: "patch" do |f| %>
    #       <%= f.text_area :message, label: Organization.human_attribute_name(:reject_message) %>
    #     <% end %>
    #   </div>
    def link_to_modal(name, element_id, **options)
      modal_options = options.delete(:modal)
      function = "symphoniaModal#{name.hash.to_s.remove(/[^\d]/)}"
      link_to(name, "javascript:#{function}()", options) + \
        javascript_tag do
        raw <<~EOF
          function #{function}() {
            if (!window.symphoniaModals)
              window.symphoniaModals = {}
            if (!window.symphoniaModals['#{element_id}']) {
            window.symphoniaModals['#{element_id}'] = new SymphoniaDialog('#{element_id}', #{raw modal_options.to_json});
          }
          window.symphoniaModals['#{element_id}'].show()
          }
        EOF
      end
    end

  end
end