maquina 0.5.2 → 0.7.1

data/app/views/maquina/application/index.html.erb

@@ -1,10 +1,13 @@
 <div class="px-4 sm:px-6 lg:px-8">
   <%= render Maquina::Application::IndexHeader.new(params[:q]) %>
 
+  <%= render Maquina::Application::IndexTools.new %>
+
   <%= render Maquina::Application::IndexTable.new(
-            collection: collection,
-            pagination: @pagination,
-            list_attributes: list_attributes) %>
+    collection: collection,
+    pagination: @pagination,
+    list_attributes: list_attributes,
+  ) %>
 </div>
 
 <%= render Maquina::Application::IndexModal.new %>

data/app/views/maquina/application/index_header.rb

@@ -13,9 +13,8 @@ module Maquina
       def view_template
         div(class: "sm:flex sm:items-center") do
           div(class: "sm:flex-auto") do
-            h1(class: "text-xl font-semibold text-skin-base") { model_human_name(plural: true) }
+            h1(class: "text-xl font-semibold text-skin-base") { model_title }
             p(class: "mt-2 text-sm text-skin-muted") { description }
-            p(class: "mt-4 text-skin-base") { unsafe_raw t("index.search", search: @filter) } if @filter.present?
           end
           add_new_template
         end
@@ -23,6 +22,10 @@ module Maquina
 
       private
 
+      def model_title
+        t("index.#{resource_class.model_name.i18n_key}.title", model: model_human_name(plural: true).downcase, default: model_human_name(plural: true))
+      end
+
       def add_new_template
         return if policy_class.blank? || !allowed_to?(:new?, with: policy_class)
 

data/app/views/maquina/application/index_table.rb

@@ -4,8 +4,10 @@ module Maquina
   module Application
     class IndexTable < Phlex::HTML
       include ApplicationView
+      include Phlex::Rails::Helpers::LinkTo
 
-      delegate :humanized_money_with_symbol, :edit_resource_path, :resource_path, to: :helpers
+      delegate :humanized_money_with_symbol, :edit_resource_path, :resource_path, :collection_path, :params, :sortable,
+        to: :helpers
 
       def initialize(collection: nil, pagination: nil, list_attributes: nil)
         @collection = collection
@@ -39,8 +41,8 @@ module Maquina
       end
 
       def table_headers_template
-        base_css = "px-3 py-3.5 text-left text-sm font-semibold text-skin-base"
-        first_css = "py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-skin-base sm:pl-6"
+        base_css = "px-1 py-3 text-left text-sm font-medium text-skin-base"
+        first_css = "py-1 py-3 text-left text-sm font-medium text-skin-base sm:pl-6"
 
         @list_attributes.each_with_index do |attribute, index|
           current_css = if index == 0
@@ -49,7 +51,21 @@ module Maquina
             base_css
           end
 
-          th(scope: :col, class: current_css) { attribute_human_name(attribute) }
+          th(scope: :col, class: current_css) do
+            if sortable.include?(attribute)
+              link_to(collection_path(sort_link_params(attribute)), class: "inline-flex items-center justify-center gap-2 whitespace-nowrap hover:bg-gray-100 hover:cursor-pointer p-2 rounded-sm") do
+                span { attribute_human_name(attribute) }
+                unsafe_raw case sort_status(attribute)
+                when :asc then asc_sort_icon
+                when :desc then desc_sort_icon
+                else
+                  no_sort_icon
+                end
+              end
+            else
+              span { attribute_human_name(attribute) }
+            end
+          end
         end
       end
 
@@ -58,7 +74,7 @@ module Maquina
 
         tr do
           th(scope: "col", colspan: col_span, class: "whitespace-nowrap px-3 py-4 text-sm text-skin-dimmed") do
-            t("index.no_items", model: model_human_name(plural: true))
+            t("index.no_items", model: model_human_name(plural: true).downcase)
           end
         end
       end
@@ -67,7 +83,7 @@ module Maquina
         base_css = "whitespace-nowrap px-3 py-4 text-sm text-skin-muted"
         first_css = "whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-skin-base sm:pl-6"
 
-        tr do
+        tr(class: "hover:bg-gray-50") do
           @list_attributes.each_with_index do |attribute, index|
             td(class: (index == 0) ? first_css : base_css, scope: "col") { attribute_to_link(item, attribute, attribute_value(item, attribute)) }
           end
@@ -122,6 +138,55 @@ module Maquina
 
         link_to(value, resource_path(item), class: "link", data: {"turbo-frame": "_top"})
       end
+
+      def sort_link_params(attribute)
+        current_params = params.dup.to_unsafe_h.except(:controller, :action)
+        current_order = current_params[:order]
+        current_dir = current_params[:dir]
+
+        if current_order != attribute.to_s
+          current_params[:order] = attribute
+          current_params[:dir] = :desc
+        elsif current_dir == "desc"
+          current_params[:dir] = :asc
+        elsif current_dir == "asc"
+          current_params.except!(:order, :dir)
+        else
+          current_params[:order] = attribute
+          current_params[:dir] = :desc
+        end
+
+        current_params
+      end
+
+      def sort_status(attribute)
+        return nil unless params[:order] == attribute.to_s
+        (params[:dir] == "asc") ? :asc : :desc
+      end
+
+      def no_sort_icon
+        <<~SVG
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-auto text-skin-dimmed">
+            <path d="m7 15 5 5 5-5"></path><path d="m7 9 5-5 5 5"></path>
+          </svg>  
+        SVG
+      end
+
+      def desc_sort_icon
+        <<~SVG
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-auto text-skin-dimmed">
+                    <path d="M12 5v14"></path><path d="m19 12-7 7-7-7"></path>
+                    </svg>
+        SVG
+      end
+
+      def asc_sort_icon
+        <<~SVG
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-auto text-skin-dimmed">
+            <path d="m5 12 7-7 7 7"></path><path d="M12 19V5"></path>
+          </svg>
+        SVG
+      end
     end
   end
 end

data/app/views/maquina/application/index_tools.rb

@@ -0,0 +1,17 @@
+module Maquina
+  module Application
+    class IndexTools < Phlex::HTML
+      include ApplicationView
+      delegate :resource_class, :filters, to: :helpers
+
+      def view_template
+        div(class: "flex items-center justify-between mt-8") do
+          div(class: "flex flex-1 items-center space-x-2") do
+            render Maquina::Application::Search.new if resource_class.searchable?
+            render Maquina::Application::Filters.new if filters.any?
+          end
+        end
+      end
+    end
+  end
+end

data/app/views/maquina/application/new.html.erb

@@ -1,9 +1,12 @@
-<div class="bg-white">
-  <div class="mx-auto max-w-7xl py-12 px-4 sm:px-6 lg:px-8">
-    <div class="mx-auto max-w-3xl">
-      <%= turbo_frame_tag class_to_form_frame(resource_class) do %>
-        <%= render Maquina::Application::New.new(resource: resource) %>
-      <% end %>
-    </div>
+<div
+  class="
+    bg-white mx-auto max-w-4xl py-12 px-4 sm:px-6 lg:px-8 border border-gray-200
+    rounded-lg shadow-sm
+  "
+>
+  <div class="mx-auto max-w-3xl">
+    <%= turbo_frame_tag class_to_form_frame(resource_class) do %>
+      <%= render Maquina::Application::New.new(resource: resource) %>
+    <% end %>
   </div>
 </div>

data/app/views/maquina/application/search.rb

@@ -0,0 +1,42 @@
+# frozen_string_literal: true
+
+module Maquina
+  module Application
+    class Search < Phlex::HTML
+      include ApplicationView
+      include Phlex::Rails::Helpers::FormWith
+
+      delegate :t, :request, :collection_path, :params, to: :helpers
+
+      def view_template
+        current_params = request.params.except(:q, :page, :controller, :action)
+        current_params.reject! { |key, value| value.blank? }
+        query = params[:q]
+
+        form_with(url: @url, method: :get, data: {controller: "submit-form"}, class: "pr-3") do |form|
+          current_params.each do |key, value|
+            form.hidden_field key, value: value
+          end
+          form.label :search, t("search.search"), class: "sr-only"
+
+          div class: "relative" do
+            div class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" do
+              unsafe_raw search_icon
+            end
+            form.text_field :q, value: query, placeholder: t("search.search"), class: "block w-full font-sans", maxlength: 15, type: :search, data: {action: "input->submit-form#clear"}
+          end
+        end
+      end
+
+      private
+
+      def search_icon
+        <<~SVG
+          <svg class="h-5 w-5 text-skin-dimmed" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
+            <path d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"></path>
+          </svg>
+        SVG
+      end
+    end
+  end
+end

data/app/views/maquina/application/sessions_header.rb

@@ -7,7 +7,7 @@ module Maquina
       include Phlex::DeferredRender
       include Phlex::Rails::Helpers::Translate
 
-      def initialize(brand_icon:, translation_key: "maquina.application.sessions_header")
+      def initialize(brand_icon:, translation_key: "maquina.sessions.new")
         @brand_icon = brand_icon
         @translation_key = translation_key
       end
@@ -17,17 +17,11 @@ module Maquina
           image_tag(@brand_icon, class: "mx-auto h-12 w-auto", alt: t("application_name"))
           h2(class: "mt-6 text-center text-3xl font-bold tracking-tight text-skin-base") { t("#{@translation_key}.title") }
 
-          if @description.present?
-            p(class: "mt-2 text-center text-sm text-skin-dimmed") do
-              yield_content(&@description)
-            end
+          p(class: "mt-2 text-center text-sm text-skin-dimmed") do
+            t("#{@translation_key}.subtitle", default: "")
           end
         end
       end
-
-      def description(&block)
-        @description = block
-      end
     end
   end
 end

data/app/views/maquina/dashboard/index.html.erb

@@ -0,0 +1,4 @@
+<% if allowed_to? :management_stats?, with: policy_class %>
+  <%= render Maquina::Dashboard::Stats.new(stats: @stats) %>
+  <%= render Maquina::Dashboard::Tasks.new %>
+<% end %>

data/app/views/maquina/dashboard/stats.rb

@@ -0,0 +1,35 @@
+module Maquina
+  module Dashboard
+    class Stats < Phlex::HTML
+      include Phlex::Rails::Helpers::Translate
+
+      def initialize(stats:)
+        @stats = stats
+      end
+
+      def view_template
+        div(class: "mx-auto max-w-lg") do
+          h3(class: "text-base font-semibold text-skin-base") { t("maquina.dashboard.index.stats.title") }
+
+          dl(class: "mt-5 grid grid-cols-2 gap-5 sm:grid-cols-#{@stats.length}") do
+            @stats.each do |stat|
+              stats_card(
+                label: stat[:label],
+                value: stat[:value]
+              )
+            end
+          end
+        end
+      end
+
+      private
+
+      def stats_card(label:, value:)
+        div(class: "overflow-hidden rounded-lg bg-white px-4 py-5 shadow sm:p-6") do
+          dt(class: "truncate text-sm font-medium text-skin-dimmed") { label }
+          dd(class: "mt-1 text-3xl font-semibold tracking-tight text-skin-base") { value }
+        end
+      end
+    end
+  end
+end

data/app/views/maquina/dashboard/tasks.rb

@@ -0,0 +1,124 @@
+module Maquina
+  module Dashboard
+    class Tasks < Phlex::HTML
+      include Maquina::ApplicationView
+
+      def initialize(translation_key: "maquina.dashboard.index.tasks")
+        @translation_key = translation_key
+      end
+
+      def view_template
+        div(class: "mx-auto max-w-lg mt-12") do
+          h2(class: "text-base font-semibold text-skin-base") do
+            t("#{@translation_key}.title")
+          end
+
+          p(class: "mt-1 text-sm text-skin-dimmed") do
+            t("#{@translation_key}.subtitle")
+          end
+
+          ul(
+            role: "list",
+            class: "mt-6 divide-y divide-gray-200 border-b border-t border-gray-200"
+          ) do
+            # Create Plan Task
+            task_item(
+              title: t("#{@translation_key}.create_plan.title"),
+              description: t("#{@translation_key}.create_plan.description"),
+              color: "bg-skin-accented",
+              path: plans_path,
+              icon: create_plan_icon
+            )
+
+            # Manage Users Task
+            task_item(
+              title: t("#{@translation_key}.manage_users.title"),
+              description: t("#{@translation_key}.manage_users.description"),
+              color: "bg-skin-alternate",
+              path: users_path,
+              icon: manage_users_icon
+            )
+
+            # Organization Settings Task
+            task_item(
+              title: t("#{@translation_key}.organization_settings.title"),
+              description: t("#{@translation_key}.organization_settings.description"),
+              color: "bg-skin-alternate-2",
+              path: "#",
+              icon: organization_settings_icon
+            )
+          end
+
+          # TODO: Uncomment or remove this code later
+          # div(class: "mt-6 flex") do
+          #   a(href: "#", class: "text-sm font-medium text-indigo-600 hover:text-indigo-500") do
+          #     t("#{@translation_key}.view_all")
+          #     span(aria_hidden: "true") { " →" }
+          #   end
+          # end
+        end
+      end
+
+      private
+
+      def task_item(title:, description:, color:, path:, icon:)
+        li do
+          div(class: "group relative flex items-start space-x-3 py-4 hover:bg-white/75") do
+            div(class: "shrink-0") do
+              span(class: "inline-flex h-10 w-10 items-center justify-center rounded-lg #{color}") do
+                unsafe_raw icon
+              end
+            end
+
+            div(class: "min-w-0 flex-1") do
+              div(class: "text-sm font-medium text-skin-base") do
+                a(href: path) do
+                  span(class: "absolute inset-0", aria_hidden: "true")
+                  span { title }
+                end
+              end
+              p(class: "text-sm text-skin-dimmed") { description }
+            end
+
+            div(class: "shrink-0 self-center") do
+              unsafe_raw chevron_icon
+            end
+          end
+        end
+      end
+
+      def create_plan_icon
+        <<~SVG
+          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 text-white">
+            <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 16.875h3.375m0 0h3.375m-3.375 0V13.5m0 3.375v3.375M6 10.5h2.25a2.25 2.25 0 0 0 2.25-2.25V6a2.25 2.25 0 0 0-2.25-2.25H6A2.25 2.25 0 0 0 3.75 6v2.25A2.25 2.25 0 0 0 6 10.5Zm0 9.75h2.25A2.25 2.25 0 0 0 10.5 18v-2.25a2.25 2.25 0 0 0-2.25-2.25H6a2.25 2.25 0 0 0-2.25 2.25V18A2.25 2.25 0 0 0 6 20.25Zm9.75-9.75H18a2.25 2.25 0 0 0 2.25-2.25V6A2.25 2.25 0 0 0 18 3.75h-2.25A2.25 2.25 0 0 0 13.5 6v2.25a2.25 2.25 0 0 0 2.25 2.25Z" />
+          </svg>
+        SVG
+      end
+
+      def manage_users_icon
+        <<~SVG
+          <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+            <path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z" />
+          </svg>
+        SVG
+      end
+
+      def organization_settings_icon
+        <<~SVG
+          <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+            <path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 010 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 010-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.644-.869l.214-1.281z" />
+            <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+          </svg>
+        SVG
+      end
+
+      def chevron_icon
+        <<~SVG
+          <svg class="h-5 w-5 text-gray-400 group-hover:text-skin-dimmed" viewBox="0 0 20 20" fill="currentColor">
+            <path fill-rule="evenodd" d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" />
+          </svg>
+        SVG
+      end
+    end
+  end
+end

data/app/views/maquina/first_runs/form.rb

@@ -6,13 +6,11 @@ module Maquina
 
       def initialize(resource)
         @resource = resource
-        @scope = "first_runs"
       end
 
       def view_template
         div(class: "mt-8 sm:mx-auto sm:w-full sm:max-w-md") do
           div(class: "bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10") do
-            p(class: "text-center text-skin-muted") { t("maquina.application.first_runs_header.description") }
             form_with(model: @resource, url: first_run_path, method: :post, class: "space-y-6") do |form|
               text_field(form, field_name: :email, required: true)
               password_field(form, field_name: :password, required: true)

data/app/views/maquina/first_runs/show.html.erb

@@ -1,5 +1,8 @@
 <div class="flex min-h-full flex-col justify-center py-12 sm:px-6 lg:px-8">
 
-  <%= render Maquina::Application::SessionsHeader.new(brand_icon: brand_icon, translation_key: "maquina.application.first_runs_header") %>
+  <%= render Maquina::Application::SessionsHeader.new(
+    brand_icon: brand_icon,
+    translation_key: "maquina.first_runs.show",
+  ) %>
   <%= render Maquina::FirstRuns::Form.new(@user) %>
 </div>

data/app/views/maquina/navbar/title.rb

@@ -12,8 +12,10 @@ module Maquina
       def view_template
         div class: "flex-shrink-0 flex items-center" do
           if @brand_icon.present?
-            img(src: @brand_icon, class: "hidden lg:block mx-auto h-8 w-auto")
-            img(src: @brand_icon, class: "block lg:hidden mx-auto h-8 w-auto")
+            a(href: root_path) do
+              img(src: @brand_icon, class: "hidden lg:block mx-auto h-8 w-auto")
+              img(src: @brand_icon, class: "block lg:hidden mx-auto h-8 w-auto")
+            end
           end
         end
       end

data/config/importmap.rb

@@ -1,13 +1 @@
-# frozen_string_literal: true
-
-pin "application" # , to: "maquina/application.js", preload: true
-
-# Stimulus & Turbo
-pin "@hotwired/turbo-rails", to: "turbo.min.js"
-pin "@hotwired/stimulus", to: "@hotwired--stimulus.js" # @3.2.2
-pin "@hotwired/stimulus-loading", to: "stimulus-loading.js"
-pin "stimulus-use" # , to: "https://ga.jspm.io/npm:stimulus-use@0.52.2/dist/index.js"
-
-# Maquina entrypoint
-
-pin_all_from Maquina::Engine.root.join("app/assets/javascripts/maquina/controllers"), under: "controllers" # , to: "maquina/controllers"
+pin_all_from File.expand_path("../app/assets/javascripts/controllers", __dir__), under: "controllers", preload: false

data/config/locales/flash.en.yml

@@ -30,6 +30,12 @@ en:
           title: Invitation sent
           description: Invitation for %{email} expires in 3 days
 
+    first_runs:
+      create:
+        notice:
+          title: Admin account created
+          description: Welcome to maquina!
+
     sessions:
       create:
         notice:

data/config/locales/flash.es.yml

@@ -30,6 +30,12 @@ es:
           title: Invitación enviada
           description: La inivitación para %{email} expira en 3 días
 
+    first_runs:
+      create:
+        notice:
+          title: Cuenta de administrador creada
+          description: Bienvenido a maquina!
+
     sessions:
       create:
         notice:

data/config/locales/forms.en.yml

@@ -1,11 +1,21 @@
 en:
   new:
+    title: New %{model}
+    description: Complete the form to create a new %{model}
     maquina/plan:
-      title: Configure a plan for your customers
+      title: Create subscription plan
+      description: Set up a new subscription plan with pricing and features
     maquina/invitation:
       title: Invite user to collaborate
       description: User will receive an invitation to join this application in the provided email.
 
+  edit:
+    title: Edit %{model}
+    description: Modify the %{model} details
+    maquina/plan:
+      title: Edit subscription plan
+      description: Modify existing subscription plan details and configurations
+
   form:
     sessions:
       email: Email address
@@ -21,12 +31,12 @@ en:
       email: user@mail.com
       password: Current password
 
-    maquina/plan:
-      name: Basic plan
-
     maquina/invitation:
       email: Enter user's email
 
+    first_runs:
+      email: admin@maquina.app
+
   help:
     maquina/plan:
       name: Descriptive plan name
@@ -34,6 +44,8 @@ en:
       price: Price for not free plans
       free: Check if plan is free of cost
       active: Active plans are available for customers
+    first_runs:
+      passwords: Use a strong password. The password must contain at least 8 characters, including uppercase and lowercase letters, numbers and special characters.
 
   helpers:
     cancel: Cancel
@@ -45,6 +57,9 @@ en:
       maquina/invitation:
         create: Send invitation
 
+      first_runs:
+        create: Create admin account
+
     maxlength:
       default: 30
 
@@ -53,6 +68,20 @@ en:
         trial: 3
         price: 9
 
+      first_runs:
+        email: 60
+        password: 30
+
       sessions:
         email: 60
         password: 60
+
+    placeholder:
+
+    help:
+      maquina/plan:
+        name: Descriptive and unique plan name
+        trial: Number of days on trial
+        price: Price for not free plans
+        free: Check if plan is free of cost
+        active: Active plans are available for customers

data/config/locales/forms.es.yml

@@ -1,11 +1,21 @@
 es:
   new:
+    title: Nuevo %{model}
+    description: Complete el formulario para crear un nuevo %{model}
     maquina/plan:
-      title: Configura el plan para los clientes
+      title: Crear plan de suscripción
+      description: Configura un nuevo plan de suscripción con precios y características
     maquina/invitation:
       title: Invitar a un usuario a colaborar
       description: El usuario va a recibir la invitación para unirse a colaborar vía correo electrónico.
 
+  edit:
+    title: Editar %{model}
+    description: Modificar los detalles de %{model}
+    maquina/plan:
+      title: Editar plan de suscripción
+      description: Modifica los detalles y configuraciones del plan de suscripción
+
   form:
     sessions:
       email: Correo electrónico
@@ -21,22 +31,13 @@ es:
       email: user@mail.com
       password: Contraseña actual
 
-    maquina/plan:
-      name: Plan básico
-
     maquina/invitation:
       email: Correo electrónico del usuario
 
     first_runs:
-      email: admin@aoorora.com
+      email: admin@maquina.app
 
   help:
-    maquina/plan:
-      name: Nombre del plan
-      trial: Número de días de prueba
-      price: Precio del plan
-      free: Indica si el plan es gratuito
-      active: Activar plan para clientes
     first_runs:
       password: Utilize una contraseña robusta. La contraseña debe contener al menos 8 caracteres, incluyendo letras mayúsculas y minúsculas, números y caracteres especiales.
 
@@ -68,3 +69,13 @@ es:
       sessions:
         email: 60
         password: 60
+
+    placeholder:
+
+    help:
+      maquina/plan:
+        name: Nombre del plan
+        trial: Número de días de prueba
+        price: Precio del plan
+        free: Indica si el plan es gratuito
+        active: Activar plan para clientes