better_page 2.0.0

data/lib/generators/better_page/templates/view_components/index_view_component.html.erb.tt

@@ -0,0 +1,33 @@
+<div class="better-page better-page--index">
+  <%% if alerts? %>
+    <%%= render BetterPage::Ui::AlertsComponent.new(alerts: alerts) %>
+  <%% end %>
+
+  <%% if header? %>
+    <%%= render BetterPage::Ui::HeaderComponent.new(**header) %>
+  <%% end %>
+
+  <%% if tabs? %>
+    <%%= render BetterPage::Ui::TabsComponent.new(**tabs) %>
+  <%% end %>
+
+  <%% if search? %>
+    <%%= render BetterPage::Ui::SearchComponent.new(**search) %>
+  <%% end %>
+
+  <%% if statistics? %>
+    <%%= render BetterPage::Ui::StatisticsComponent.new(stats: statistics) %>
+  <%% end %>
+
+  <%% if table? %>
+    <%%= render BetterPage::Ui::TableComponent.new(**table) %>
+  <%% end %>
+
+  <%% if pagination? %>
+    <%%= render BetterPage::Ui::PaginationComponent.new(**pagination) %>
+  <%% end %>
+
+  <%% if footer? %>
+    <%%= render BetterPage::Ui::FooterComponent.new(**footer) %>
+  <%% end %>
+</div>

data/lib/generators/better_page/templates/view_components/index_view_component.rb.tt

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+module BetterPage
+  class IndexViewComponent < ApplicationViewComponent
+    def initialize(config:)
+      @config = config
+    end
+
+    # Component accessors
+    def header = @config[:header]
+    def table = @config[:table]
+    def alerts = @config[:alerts]
+    def statistics = @config[:statistics]
+    def pagination = @config[:pagination]
+    def tabs = @config[:tabs]
+    def search = @config[:search]
+    def footer = @config[:footer]
+
+    # Presence helpers
+    def header? = header.present?
+    def table? = table.present?
+    def alerts? = alerts.present?
+    def statistics? = statistics.present?
+    def pagination? = pagination.present?
+    def tabs? = tabs.present?
+    def search? = search.present?
+    def footer? = footer.present?
+  end
+end

data/lib/generators/better_page/templates/view_components/show_view_component.html.erb.tt

@@ -0,0 +1,29 @@
+<div class="better-page better-page--show">
+  <%% if alerts? %>
+    <%%= render BetterPage::Ui::AlertsComponent.new(alerts: alerts) %>
+  <%% end %>
+
+  <%% if header? %>
+    <%%= render BetterPage::Ui::HeaderComponent.new(**header) %>
+  <%% end %>
+
+  <%% if statistics? %>
+    <%%= render BetterPage::Ui::StatisticsComponent.new(stats: statistics) %>
+  <%% end %>
+
+  <%% if overview? %>
+    <%%= render BetterPage::Ui::OverviewComponent.new(**overview) %>
+  <%% end %>
+
+  <%% if content_sections? %>
+    <div class="space-y-6">
+      <%% content_sections.each do |section| %>
+        <%%= render BetterPage::Ui::ContentSectionComponent.new(**section) %>
+      <%% end %>
+    </div>
+  <%% end %>
+
+  <%% if footer? %>
+    <%%= render BetterPage::Ui::FooterComponent.new(**footer) %>
+  <%% end %>
+</div>

data/lib/generators/better_page/templates/view_components/show_view_component.rb.tt

@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+
+module BetterPage
+  class ShowViewComponent < ApplicationViewComponent
+    def initialize(config:)
+      @config = config
+    end
+
+    # Component accessors
+    def header = @config[:header]
+    def alerts = @config[:alerts]
+    def statistics = @config[:statistics]
+    def overview = @config[:overview]
+    def content_sections = @config[:content_sections]
+    def footer = @config[:footer]
+
+    # Presence helpers
+    def header? = header.present?
+    def alerts? = alerts.present?
+    def statistics? = statistics.present?
+    def overview? = overview.present?
+    def content_sections? = content_sections.present?
+    def footer? = footer.present?
+  end
+end

data/lib/generators/better_page/templates/view_components/ui/alerts_component.html.erb.tt

@@ -0,0 +1,47 @@
+<%% if alerts? %>
+  <div class="space-y-4 mb-6">
+    <%% alerts.each do |alert| %>
+      <div class="<%%= alert_classes(alert[:type]) %>">
+        <div class="flex">
+          <%% if alert[:icon] %>
+            <div class="flex-shrink-0">
+              <span class="h-5 w-5 <%%= icon_classes(alert[:type]) %>"><%%= alert[:icon] %></span>
+            </div>
+          <%% end %>
+          <div class="<%%= alert[:icon] ? 'ml-3' : '' %>">
+            <%% if alert[:title] %>
+              <h3 class="text-sm font-medium"><%%= alert[:title] %></h3>
+            <%% end %>
+            <%% if alert[:message] %>
+              <div class="<%%= alert[:title] ? 'mt-2' : '' %> text-sm">
+                <p><%%= alert[:message] %></p>
+              </div>
+            <%% end %>
+            <%% if alert[:actions]&.any? %>
+              <div class="mt-4">
+                <div class="-mx-2 -my-1.5 flex">
+                  <%% alert[:actions].each do |action| %>
+                    <%%= link_to action[:label], action[:path],
+                        class: "px-2 py-1.5 rounded-md text-sm font-medium focus:outline-none focus:ring-2 focus:ring-offset-2" %>
+                  <%% end %>
+                </div>
+              </div>
+            <%% end %>
+          </div>
+          <%% if alert[:dismissible] %>
+            <div class="ml-auto pl-3">
+              <div class="-mx-1.5 -my-1.5">
+                <button type="button" class="inline-flex rounded-md p-1.5 focus:outline-none focus:ring-2 focus:ring-offset-2" data-action="click->alert#dismiss">
+                  <span class="sr-only">Dismiss</span>
+                  <svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
+                    <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" />
+                  </svg>
+                </button>
+              </div>
+            </div>
+          <%% end %>
+        </div>
+      </div>
+    <%% end %>
+  </div>
+<%% end %>

data/lib/generators/better_page/templates/view_components/ui/alerts_component.rb.tt

@@ -0,0 +1,47 @@
+# frozen_string_literal: true
+
+module BetterPage
+  module Ui
+    class AlertsComponent < BetterPage::ApplicationViewComponent
+      def initialize(alerts:)
+        @alerts = Array(alerts)
+      end
+
+      attr_reader :alerts
+
+      def alerts? = alerts.any?
+
+      def alert_classes(type)
+        base = "rounded-md p-4 mb-4"
+
+        case type&.to_sym
+        when :success
+          "#{base} bg-green-50 text-green-800"
+        when :error, :danger
+          "#{base} bg-red-50 text-red-800"
+        when :warning
+          "#{base} bg-yellow-50 text-yellow-800"
+        when :info
+          "#{base} bg-blue-50 text-blue-800"
+        else
+          "#{base} bg-gray-50 text-gray-800"
+        end
+      end
+
+      def icon_classes(type)
+        case type&.to_sym
+        when :success
+          "text-green-400"
+        when :error, :danger
+          "text-red-400"
+        when :warning
+          "text-yellow-400"
+        when :info
+          "text-blue-400"
+        else
+          "text-gray-400"
+        end
+      end
+    end
+  end
+end

data/lib/generators/better_page/templates/view_components/ui/content_section_component.html.erb.tt

@@ -0,0 +1,42 @@
+<div class="bg-white shadow overflow-hidden rounded-lg mb-6">
+  <%% if title? || actions? %>
+    <div class="px-4 py-5 sm:px-6 border-b border-gray-200">
+      <div class="flex items-center justify-between">
+        <div>
+          <%% if title? %>
+            <h3 class="text-lg font-medium leading-6 text-gray-900"><%%= title %></h3>
+          <%% end %>
+          <%% if description? %>
+            <p class="mt-1 max-w-2xl text-sm text-gray-500"><%%= description %></p>
+          <%% end %>
+        </div>
+        <%% if actions? %>
+          <div class="flex space-x-2">
+            <%% actions.each do |action| %>
+              <%%= link_to action[:path],
+                  method: action[:method],
+                  data: action[:confirm] ? { turbo_confirm: action[:confirm] } : {},
+                  class: action_classes(action[:style]) do %>
+                <%%= action[:label] %>
+              <%% end %>
+            <%% end %>
+          </div>
+        <%% end %>
+      </div>
+    </div>
+  <%% end %>
+
+  <%% if content? %>
+    <div class="px-4 py-5 sm:p-6">
+      <%% if content.is_a?(String) %>
+        <div class="prose max-w-none">
+          <%%= content.html_safe %>
+        </div>
+      <%% elsif content.is_a?(Hash) && content[:type] == :table %>
+        <%%= render BetterPage::Ui::TableComponent.new(**content.except(:type)) %>
+      <%% elsif content.is_a?(Hash) && content[:type] == :overview %>
+        <%%= render BetterPage::Ui::OverviewComponent.new(**content.except(:type)) %>
+      <%% end %>
+    </div>
+  <%% end %>
+</div>

data/lib/generators/better_page/templates/view_components/ui/content_section_component.rb.tt

@@ -0,0 +1,34 @@
+# frozen_string_literal: true
+
+module BetterPage
+  module Ui
+    class ContentSectionComponent < BetterPage::ApplicationViewComponent
+      def initialize(title: nil, description: nil, content: nil, actions: [])
+        @title = title
+        @description = description
+        @content = content
+        @actions = actions
+      end
+
+      attr_reader :title, :description, :content, :actions
+
+      def title? = title.present?
+      def description? = description.present?
+      def content? = content.present?
+      def actions? = actions.any?
+
+      def action_classes(style)
+        base = "inline-flex items-center px-3 py-1.5 border text-xs font-medium rounded focus:outline-none focus:ring-2 focus:ring-offset-2"
+
+        case style&.to_sym
+        when :primary
+          "#{base} border-transparent text-white bg-blue-600 hover:bg-blue-700 focus:ring-blue-500"
+        when :danger
+          "#{base} border-transparent text-white bg-red-600 hover:bg-red-700 focus:ring-red-500"
+        else
+          "#{base} border-gray-300 text-gray-700 bg-white hover:bg-gray-50 focus:ring-blue-500"
+        end
+      end
+    end
+  end
+end

data/lib/generators/better_page/templates/view_components/ui/drawer_component.html.erb.tt

@@ -0,0 +1,73 @@
+<div id="<%%= id %>"
+     data-controller="drawer"
+     data-drawer-direction-value="<%%= direction %>"
+     data-drawer-confirm-close-value="<%%= confirm_close %>">
+
+  <%%# Trigger slot - bottone per aprire il drawer %>
+  <%% if trigger? %>
+    <%%= trigger %>
+  <%% end %>
+
+  <%%# Container del drawer (nascosto di default) %>
+  <div data-drawer-target="container"
+       class="hidden relative z-50"
+       aria-modal="true"
+       role="dialog">
+
+    <%%# Backdrop %>
+    <div data-drawer-target="backdrop"
+         data-action="click->drawer#backdropClick"
+         class="fixed inset-0 bg-black/50 backdrop-blur-sm transition-opacity duration-300 ease-in-out opacity-0">
+    </div>
+
+    <%%# Panel container - pointer-events-none permette ai click di passare al backdrop %>
+    <div class="fixed inset-0 overflow-hidden pointer-events-none">
+      <div class="absolute inset-0 overflow-hidden pointer-events-none">
+        <div class="<%%= panel_position_class %> <%%= panel_size_class %>">
+          <div data-drawer-target="panel"
+               class="<%%= panel_classes %> flex flex-col transform transition-transform duration-300 ease-in-out <%%= initial_transform_class %>">
+
+            <%%# Header %>
+            <%% if show_header? %>
+              <div class="flex items-center justify-between px-4 py-3 border-b border-gray-200 flex-shrink-0">
+                <div class="flex items-center gap-4">
+                  <%% if title? %>
+                    <h2 class="text-lg font-medium text-gray-900"><%%= title %></h2>
+                  <%% end %>
+                  <%% if header_actions? %>
+                    <div class="flex items-center gap-2">
+                      <%%= actions %>
+                    </div>
+                  <%% end %>
+                </div>
+                <%% if closable? %>
+                  <button type="button"
+                          data-action="click->drawer#requestClose"
+                          class="rounded-md text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-500">
+                    <span class="sr-only">Close</span>
+                    <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+                      <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
+                    </svg>
+                  </button>
+                <%% end %>
+              </div>
+            <%% end %>
+
+            <%%# Content %>
+            <div class="flex-1 overflow-y-auto p-4">
+              <%%= content %>
+            </div>
+
+            <%%# Footer %>
+            <%% if footer_actions? %>
+              <div class="flex items-center justify-end gap-2 px-4 py-3 border-t border-gray-200 flex-shrink-0 bg-gray-50">
+                <%%= actions %>
+              </div>
+            <%% end %>
+
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

data/lib/generators/better_page/templates/view_components/ui/drawer_component.rb.tt

@@ -0,0 +1,78 @@
+# frozen_string_literal: true
+
+module BetterPage
+  module Ui
+    class DrawerComponent < BetterPage::ApplicationViewComponent
+      renders_one :trigger
+      renders_one :actions
+
+      def initialize(id:, size: :normal, direction: :right, title: nil,
+                     closable: true, actions_position: :header, confirm_close: false)
+        @id = id
+        @size = size.to_sym
+        @direction = direction.to_sym
+        @title = title
+        @closable = closable
+        @actions_position = actions_position&.to_sym
+        @confirm_close = confirm_close
+      end
+
+      attr_reader :id, :size, :direction, :title, :closable, :actions_position, :confirm_close
+
+      def closable? = closable
+      def title? = title.present?
+
+      def header_actions?
+        actions_position == :header && actions?
+      end
+
+      def footer_actions?
+        actions_position == :footer && actions?
+      end
+
+      def show_header?
+        title? || closable? || header_actions?
+      end
+
+      def panel_position_class
+        case direction
+        when :right then "pointer-events-none fixed inset-y-0 right-0 pl-10 max-w-full flex"
+        when :left then "pointer-events-none fixed inset-y-0 left-0 pr-10 max-w-full flex"
+        when :top then "pointer-events-none fixed inset-x-0 top-0 pb-10 max-h-full flex"
+        when :bottom then "pointer-events-none fixed inset-x-0 bottom-0 pt-10 max-h-full flex"
+        end
+      end
+
+      def panel_size_class
+        horizontal = [:left, :right].include?(direction)
+        case size
+        when :large
+          horizontal ? "max-w-[75vw] w-screen" : "max-h-[80vh]"
+        else # normal
+          horizontal ? "max-w-md w-screen" : "max-h-[50vh]"
+        end
+      end
+
+      def panel_classes
+        base = "pointer-events-auto bg-white shadow flex flex-col transform transition-transform duration-300 ease-in-out"
+        case direction
+        when :right
+          "#{base} rounded-t-xl md:rounded-l-xl md:rounded-tr-none w-full h-full"
+        when :left
+          "#{base} rounded-t-xl md:rounded-r-xl md:rounded-tl-none w-full h-full"
+        when :top, :bottom
+          "#{base} rounded-xl w-full"
+        end
+      end
+
+      def initial_transform_class
+        case direction
+        when :right then "translate-x-full"
+        when :left then "-translate-x-full"
+        when :top then "-translate-y-full"
+        when :bottom then "translate-y-full"
+        end
+      end
+    end
+  end
+end

data/lib/generators/better_page/templates/view_components/ui/errors_component.html.erb.tt

@@ -0,0 +1,23 @@
+<%% if errors? %>
+  <div class="rounded-md bg-red-50 p-4 mb-6">
+    <div class="flex">
+      <div class="flex-shrink-0">
+        <svg class="h-5 w-5 text-red-400" viewBox="0 0 20 20" fill="currentColor">
+          <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" />
+        </svg>
+      </div>
+      <div class="ml-3">
+        <h3 class="text-sm font-medium text-red-800">
+          <%%= pluralize(error_count, "error") %> prohibited this from being saved:
+        </h3>
+        <div class="mt-2 text-sm text-red-700">
+          <ul role="list" class="list-disc space-y-1 pl-5">
+            <%% error_messages.each do |message| %>
+              <li><%%= message %></li>
+            <%% end %>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+<%% end %>

data/lib/generators/better_page/templates/view_components/ui/errors_component.rb.tt

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+
+module BetterPage
+  module Ui
+    class ErrorsComponent < BetterPage::ApplicationViewComponent
+      def initialize(resource:)
+        @resource = resource
+      end
+
+      attr_reader :resource
+
+      def errors? = resource.respond_to?(:errors) && resource.errors.any?
+      def errors = resource.errors
+      def error_count = errors.count
+      def error_messages = errors.full_messages
+    end
+  end
+end

data/lib/generators/better_page/templates/view_components/ui/field_component.html.erb.tt

@@ -0,0 +1,65 @@
+<%% unless hidden? %>
+  <div class="<%%= span_classes %>">
+    <%% if checkbox? %>
+      <div class="relative flex items-start">
+        <div class="flex h-5 items-center">
+          <%%= check_box_tag name, "1", value, class: checkbox_classes, disabled: disabled?, id: name %>
+        </div>
+        <div class="ml-3 text-sm">
+          <%%= label_tag name, label, class: "font-medium text-gray-700" %>
+          <%% if hint? %>
+            <p class="text-gray-500"><%%= hint %></p>
+          <%% end %>
+        </div>
+      </div>
+
+    <%% elsif radio? %>
+      <fieldset>
+        <legend class="text-sm font-medium text-gray-900"><%%= label %></legend>
+        <%% if hint? %>
+          <p class="text-sm text-gray-500 mb-4"><%%= hint %></p>
+        <%% end %>
+        <div class="mt-4 space-y-4">
+          <%% options.each do |option| %>
+            <div class="flex items-center">
+              <%%= radio_button_tag name, option[:value], value == option[:value], class: radio_classes, disabled: disabled?, id: "#{name}_#{option[:value]}" %>
+              <%%= label_tag "#{name}_#{option[:value]}", option[:label], class: "ml-3 block text-sm font-medium text-gray-700" %>
+            </div>
+          <%% end %>
+        </div>
+      </fieldset>
+
+    <%% else %>
+      <%%= label_tag name, class: "block text-sm font-medium text-gray-700" do %>
+        <%%= label %>
+        <%% if required? %>
+          <span class="text-red-500">*</span>
+        <%% end %>
+      <%% end %>
+
+      <div class="mt-1">
+        <%% if textarea? %>
+          <%%= text_area_tag name, value, **input_attributes.merge(rows: 4) %>
+
+        <%% elsif select? %>
+          <%%= select_tag name, options_for_select(options.map { |o| [o[:label], o[:value]] }, value), **input_attributes.except(:placeholder).merge(include_blank: placeholder || true) %>
+
+        <%% elsif date_field? %>
+          <%%= date_field_tag name, value, **input_attributes %>
+
+        <%% elsif file_field? %>
+          <%%= file_field_tag name, **input_attributes.except(:placeholder) %>
+
+        <%% else %>
+          <%%= send("#{type}_field_tag", name, value, **input_attributes) %>
+        <%% end %>
+      </div>
+
+      <%% if hint? %>
+        <p class="mt-2 text-sm text-gray-500"><%%= hint %></p>
+      <%% end %>
+    <%% end %>
+  </div>
+<%% else %>
+  <%%= hidden_field_tag name, value %>
+<%% end %>

data/lib/generators/better_page/templates/view_components/ui/field_component.rb.tt

@@ -0,0 +1,91 @@
+# frozen_string_literal: true
+
+module BetterPage
+  module Ui
+    class FieldComponent < BetterPage::ApplicationViewComponent
+      FIELD_TYPES = %i[text email password number tel url textarea select checkbox radio date datetime file hidden].freeze
+
+      def initialize(name:, type: :text, label: nil, placeholder: nil, hint: nil, required: false,
+                     disabled: false, readonly: false, options: [], value: nil, span: nil,
+                     min: nil, max: nil, step: nil, pattern: nil, autocomplete: nil, data: {})
+        @name = name
+        @type = type.to_sym
+        @label = label || name.to_s.humanize
+        @placeholder = placeholder
+        @hint = hint
+        @required = required
+        @disabled = disabled
+        @readonly = readonly
+        @options = options
+        @value = value
+        @span = span
+        @min = min
+        @max = max
+        @step = step
+        @pattern = pattern
+        @autocomplete = autocomplete
+        @data = data
+      end
+
+      attr_reader :name, :type, :label, :placeholder, :hint, :required, :disabled, :readonly,
+                  :options, :value, :span, :min, :max, :step, :pattern, :autocomplete, :data
+
+      def hint? = hint.present?
+      def required? = required
+      def disabled? = disabled
+      def readonly? = readonly
+      def options? = options.any?
+
+      def text_field? = %i[text email password number tel url].include?(type)
+      def textarea? = type == :textarea
+      def select? = type == :select
+      def checkbox? = type == :checkbox
+      def radio? = type == :radio
+      def date_field? = %i[date datetime].include?(type)
+      def file_field? = type == :file
+      def hidden? = type == :hidden
+
+      def span_classes
+        case span
+        when 1 then "sm:col-span-1"
+        when 2 then "sm:col-span-2"
+        when 3 then "sm:col-span-3"
+        when 4 then "sm:col-span-4"
+        when 5 then "sm:col-span-5"
+        when 6 then "sm:col-span-6"
+        else "sm:col-span-3"
+        end
+      end
+
+      def input_classes
+        base = "block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm"
+        base += " bg-gray-50 cursor-not-allowed" if disabled? || readonly?
+        base
+      end
+
+      def checkbox_classes
+        "h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500"
+      end
+
+      def radio_classes
+        "h-4 w-4 border-gray-300 text-blue-600 focus:ring-blue-500"
+      end
+
+      def input_attributes
+        attrs = {
+          class: input_classes,
+          placeholder: placeholder,
+          required: required?,
+          disabled: disabled?,
+          readonly: readonly?,
+          autocomplete: autocomplete
+        }
+        attrs[:min] = min if min
+        attrs[:max] = max if max
+        attrs[:step] = step if step
+        attrs[:pattern] = pattern if pattern
+        attrs.merge(data)
+      end
+    end
+  end
+end

data/lib/generators/better_page/templates/view_components/ui/footer_component.html.erb.tt

@@ -0,0 +1,33 @@
+<%% if actions? || info? %>
+  <footer class="bg-white border-t border-gray-200 px-4 py-4 sm:px-6">
+    <div class="flex items-center justify-between">
+      <%% if info? %>
+        <div class="text-sm text-gray-500">
+          <%%= info %>
+        </div>
+      <%% else %>
+        <div></div>
+      <%% end %>
+
+      <%% if actions? %>
+        <div class="flex space-x-3">
+          <%% actions.each do |action| %>
+            <%% if action[:type] == :submit %>
+              <%%= submit_tag action[:label], class: action_classes(action[:style]), data: action[:data] || {} %>
+            <%% else %>
+              <%%= link_to action[:path],
+                  method: action[:method],
+                  data: action[:confirm] ? { turbo_confirm: action[:confirm] } : {},
+                  class: action_classes(action[:style]) do %>
+                <%% if action[:icon] %>
+                  <span class="mr-2"><%%= action[:icon] %></span>
+                <%% end %>
+                <%%= action[:label] %>
+              <%% end %>
+            <%% end %>
+          <%% end %>
+        </div>
+      <%% end %>
+    </div>
+  </footer>
+<%% end %>