module Effective
  module FormInputs
    class ArticleEditor < Effective::FormInput

      # https://imperavi.com/article/docs/settings/
      def self.defaults
        {
          active_storage: nil,
          css: ['/assets/article_editor/arx-frame.min.css'],
          custom: {
            css: ['/assets/effective_bootstrap_article_editor.css']
          },
          classes: {
            body: 'article-editor-body',
            table: 'table'
          },
          filelink: nil,
          grid: {
            classname: 'row',
            columns: 12,
            gutter: '1px',
            offset: {
              left: '15px',
              right: '15px',
            },
            patterns: {
              '6|6': 'col-sm-6|col-sm-6',
              '4|4|4': 'col-sm-4|col-sm-4|col-sm-4',
              '3|3|3|3': 'col-sm-3|col-sm-3|col-sm-3|col-sm-3',
              '2|2|2|2|2|2': 'col-sm-2|col-sm-2|col-sm-2|col-sm-2|col-sm-2|col-sm-2',
              '3|6|3': 'col-sm-3|col-sm-6|col-sm-3',
              '2|8|2': 'col-sm-2|col-sm-8|col-sm-2',
              '5|7': 'col-sm-5|col-sm-7',
              '7|5': 'col-sm-7|col-sm-5',
              '4|8': 'col-sm-4|col-sm-8',
              '8|4': 'col-sm-8|col-sm-4',
              '3|9': 'col-sm-3|col-sm-9',
              '9|3': 'col-sm-9|col-sm-3',
              '2|10': 'col-sm-2|col-sm-10',
              '10|2': 'col-sm-10|col-sm-2',
              '12': 'col-sm-12'
            }
          },
          plugins: ['blockcode', 'cellcolor', 'imageposition', 'imageresize', 'inlineformat', 'listitem', 'removeformat', 'reorder', 'style', 'filelink'],
          quote: {
            template: '<blockquote><p></p></blockquote>'
          },
          styles: {
            table: {
              'bordered': { title: 'Bordered', classname: 'table-bordered' },
              'responsive': { title: 'Responsive', classname: 'table-responsive' },
              'small': { title: 'Small', classname: 'table-sm' },
              'striped': { title: 'Striped', classname: 'table-striped' },
            }
          },
          cellcolors: {
            'primary': { title: 'Primary', classname: 'table-primary' },
            'secondary': { title: 'Secondary', classname: 'table-secondary' },
            'active': { title: 'Active', classname: 'table-active' },
            'success': { title: 'Success', classname: 'table-success' },
            'danger': { title: 'Danger', classname: 'table-danger' },
            'warning': { title: 'Warning', classname: 'table-warning' },
            'info': { title: 'Info', classname: 'table-info' },
            'light': { title: 'Light', classname: 'table-light' },
            'dark': { title: 'Dark', classname: 'table-dark' }
          }
        }
      end

      def build_input(&block)
        @builder.super_text_area(name, options[:input])
      end

      def input_html_options
        { class: 'effective_article_editor form-control', id: unique_id, autocomplete: 'off' }
      end

      def input_js_options
        self.class.defaults.merge(active_storage: active_storage, custom: { css: custom_css })
      end

      def custom_css
        [
          (@template.asset_pack_path('application.css') if @template.respond_to?(:asset_pack_path)),
          (@template.asset_path('application.css') if @template.respond_to?(:asset_path)),
          ('/assets/effective_bootstrap_article_editor.css')
        ]
      end

      def active_storage
        return @active_storage unless @active_storage.nil?

        @active_storage = if options.key?(:active_storage)
          options.delete(:active_storage)
        else
          defined?(ActiveStorage).present?
        end
      end

    end
  end
end