headmin 0.3.3 → 0.4.1

data/app/views/headmin/forms/_flatpickr_range.html.erb

@@ -3,48 +3,39 @@
   #
   # ==== Required parameters
   # * +form+ - Form object
-  # * +start_attribute+ - Name of the start date attribute of the form model
-  # * +end_attribute+ - Name of the end date attribute of the form model
+  # * +start+ - Hash with all options for the start date input (:attribute is required)
+  # * +end+ - Hash with all options for the end date input (:attribute is required)
   #
   # ==== Optional parameters
-  # * +aria+ - Provide a hash to define all aria attributes
-  # * +data+ - Optional HTML data attributes
-  # * +disabled+ - Set to true if the input should be shown as disabled
-  # * +end_label+ - Label for the end attribute
-  # * +label+ - Text to show as label. Label will be hidden if value is false
-  # * +readonly+ - Set to true if the value of the field can only be read and not be modified
-  # * +start_label+ - Label for the start attribute
-  # * +value+ - Overrides the value of the form
-  #
-  # ==== Extra parameters
-  # Listed in 'headmin/forms/base'
+  # * +append+ - Display as input group with text on the right-hand side
+  # * +float+ - Use floating labels. Defaults to false
+  # * +flatpickr+ - Hash with all options you can pass to flatpickr JS config
+  # * +hint+ - Informative text to assist with data input. HTML markup is allowed.
+  # * +label+ - Text to display inside label tag. Defaults to the attribute name. Set to false if you don"t want to show a label.
+  # * +list+ - Options are passed through options_for_select
+  # * +plaintext+ - Render input as plain text.
+  # * +prepend+ - Display as input group with text on the left-hand side
+  # * +wrapper+ - Hash with all options for the surrounding html tag
   #
   # ==== Examples
   #   Basic version
-  #   <%= render 'headmin/forms/flatpickr_range', form: form, start_attribute: :start_date, end_attribute: :end_date %#>
+  #   <%= form_with do |form| %#>
+  #     <%= render 'headmin/forms/flatpickr_range', form: form, start: {attribute: :start_date}, end: {attribute: :end_date} %#>
+  #   <% end %#>
 
-  start_attribute = local_assigns[:start_attribute]
-  end_attribute = local_assigns[:end_attribute]
-  options = local_assigns.merge(
-    attribute: local_assigns[:attribute] || :period,
-    data: {
-      action: 'change->date-range#update',
-      'flatpickr-target': 'input',
-      'flatpickr-options': {
-        mode: 'range',
-        defaultDate: [
-          form.object&.send(start_attribute)&.strftime('%d/%m/%Y'),
-          form.object&.send(end_attribute)&.strftime('%d/%m/%Y'),
-        ]
-      }
-    }
-  )
+  flatpickr_range = Headmin::Form::FlatpickrRangeView.new(local_assigns)
 %>
 
-<div data-controller="flatpickr">
-  <div data-controller="date-range">
-    <%= render 'headmin/forms/hidden', form: form, attribute: start_attribute, data: { 'date-range-target': 'startDateInput' } %>
-    <%= render 'headmin/forms/hidden', form: form, attribute: end_attribute, data: { 'date-range-target': 'endDateInput' } %>
-    <%= render 'headmin/forms/date', options %>
-  </div>
-</div>
+<%= render "headmin/forms/wrapper", flatpickr_range.wrapper_options do %>
+  <%= form.hidden_field(flatpickr_range.start[:attribute], flatpickr_range.start_options) %>
+  <%= form.hidden_field(flatpickr_range.end[:attribute], flatpickr_range.end_options) %>
+
+  <%= render "headmin/forms/label", flatpickr_range.label_options if flatpickr_range.prepend_label? %>
+  <%= render "headmin/forms/input_group", flatpickr_range.input_group_options do %>
+    <%= form.date_field(flatpickr_range.attribute, flatpickr_range.input_options) %>
+  <% end %>
+  <%= render "headmin/forms/validation", flatpickr_range.validation_options if flatpickr_range.validate? %>
+  <%= render "headmin/forms/hint", flatpickr_range.hint_options if flatpickr_range.hint? %>
+  <%= render "headmin/forms/datalist", flatpickr_range.datalist_options if flatpickr_range.datalist? %>
+  <%= render "headmin/forms/label", flatpickr_range.label_options if flatpickr_range.append_label? %>
+<% end %>

data/app/views/headmin/forms/_hidden.html.erb

@@ -2,23 +2,22 @@
   # headmin/forms/hidden
   #
   # ==== Required parameters
-  # * +form+ - Form object
   # * +attribute+ - Name of the attribute of the form model
-  #
-  # ==== Optional parameters
-  # * +autocomplete+ - Value to be autofilled by the browser
-  # * +data+ - Optional HTML data attributes
+  # * +form+ - Form object
   #
   # ==== References
+  # https://headmin.dev/docs/forms/hidden
   # https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/hidden
-  # https://apidock.com/rails/ActionView/Helpers/FormHelper/text_field
+  # https://apidock.com/rails/ActionView/Helpers/FormHelper/hidden_field
   #
   # ==== Examples
   #   Basic version
-  #   <%= render 'headmin/forms/hidden', form: form, attribute: :title %#>
+  #   <%= form_with do |form| %#>
+  #     <%= render "headmin/forms/hidden", form: form, attribute: :id %#>
+  #   <% end %#>
 
-  option_keys = %i(autocomplete data)
-  options = local_assigns.slice(*option_keys)
+  hidden = Headmin::Form::HiddenView.new(local_assigns)
 %>
 
-<%= form.hidden_field(attribute, options) %>
+<%= form.hidden_field(attribute, hidden.input_options) %>
+

data/app/views/headmin/forms/_hint.html.erb

@@ -0,0 +1,16 @@
+<%
+  # headmin/forms/hint
+  #
+  # ==== Required parameters
+  # * +content+ - Content to be displayed as input hint
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= form_with do |form| %#>
+  #     <%= render "headmin/forms/hint", content: "Hello" %#>
+  #   <% end %#>
+
+  hint = Headmin::Form::HintView.new(local_assigns)
+%>
+
+<div class="form-text"><%= raw(hint.content) %></div>

data/app/views/headmin/forms/_input_group.html.erb

@@ -0,0 +1,21 @@
+<% input_group = Headmin::Form::InputGroupView.new(local_assigns) %>
+
+<% if input_group.bypass %>
+  <%= yield %>
+<% else %>
+  <div <%= tag.attributes(input_group.options) %>>
+    <% if input_group.prepend %>
+      <span class="input-group-text">
+        <%= input_group.prepend %>
+      </span>
+    <% end %>
+
+    <%= yield %>
+
+    <% if input_group.append %>
+      <span class="input-group-text">
+        <%= input_group.append %>
+      </span>
+    <% end %>
+  </div>
+<% end %>

data/app/views/headmin/forms/_label.html.erb

@@ -5,26 +5,18 @@
   # * +form+ - Form object
   # * +attribute+ - Name of the attribute of the form model
   #
-  # ==== Options
-  # * +class+ - Optional HTML class attribute
-  # * +for+ - Set reference to the input id
-  # * +required+ - Set to true if you want to highlight the requirement
+  # ==== Optional parameters
   # * +text+ - Custom label to be used instead of the attribute
   #
   # ==== References
+  # https://headmin.dev/docs/forms/label
   # https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label
-  # https://apidock.com/rails/v5.2.3/ActionView/Helpers/FormHelper/label
+  # https://apidock.com/rails/ActionView/Helpers/FormHelper/label
   #
   # ==== Examples
   #   Basic version
   #   <%= render 'headmin/forms/label', form: form, attribute: :image %#>
-
-  text = local_assigns[:text]
-  default_options = {
-    class: ['form-label', local_assigns[:class]].join(' '),
-    form: form.options[:id],
-  }
-  options = default_options.merge(local_assigns.slice(*%i(for required)).compact)
 %>
 
-<%= form.label attribute, text, options %>
+<% label = Headmin::Form::LabelView.new(local_assigns) %>
+<%= form.label label.attribute, label.text, label.options %>

data/app/views/headmin/forms/_number.html.erb

@@ -2,52 +2,40 @@
   # headmin/forms/number
   #
   # ==== Required parameters
-  # * +form+ - Form object
   # * +attribute+ - Name of the attribute of the form model
+  # * +form+ - Form object
   #
   # ==== Optional parameters
-  # * +aria+ - Provide a hash to define all aria attributes
-  # * +autocomplete+ - Value to be autofilled by the browser
-  # * +autofocus+ - Set to true to focus on this field when the page renders
-  # * +data+ - Provide a hash to define all data attributes
-  # * +disabled+ - Sets the placeholder of the field
-  # * +id+ - Input identifier
-  # * +in+ -  Range specifying the +min+ and +max+ values
-  # * +list+ - Add array of options to show in a data list
-  # * +max+ - The maximum acceptable value
-  # * +min+ - The minimum acceptable value
-  # * +placeholder+ - Sets the placeholder of the field
-  # * +readonly+ - Sets the placeholder of the field
-  # * +required+ - Set to true to mark as required
-  # * +step+ - The acceptable value granularity
-  # * +value+ - Overrides the value of the form
-  # * +within+ - Same as +in+
-  #
-  # ==== Extra parameters
-  # Listed in 'headmin/forms/base'
+  # * +append+ - Display as input group with text on the right-hand side
+  # * +float+ - Use floating labels. Defaults to false
+  # * +hint+ - Informative text to assist with data input. HTML markup is allowed.
+  # * +label+ - Text to display inside label tag. Defaults to the attribute name. Set to false if you don"t want to show a label.
+  # * +list+ - Options are passed through options_for_select
+  # * +plaintext+ - Render input as plain text.
+  # * +prepend+ - Display as input group with text on the left-hand side
+  # * +wrapper+ - Hash with all options for the surrounding html tag
   #
   # ==== References
+  # https://headmin.dev/docs/forms/number
   # https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number
   # https://apidock.com/rails/ActionView/Helpers/FormHelper/number_field
   #
   # ==== Examples
   #   Basic version
-  #   <%= render 'headmin/forms/number', form: form, attribute: :amount %#>
-  #
-  #   With data-list
-  #   <%= render 'headmin/forms/number', form: form, attribute: :amount, list: [2,4,6,8,10] %#>
-
-  placeholder = local_assigns[:float] ? local_assigns[:placeholder] || attribute : local_assigns[:placeholder]
+  #   <%= form_with do |form| %#>
+  #     <%= render "headmin/forms/number", form: form, attribute: :number %#>
+  #   <% end %#>
 
-  option_keys = %i(aria autocomplete autofocus data disabled id in list max min placeholder readonly required step value within)
-  options = local_assigns.slice(*option_keys).merge(
-    aria: { describedby: form_field_validation_id(form, attribute) },
-    class: ['form-control', form_field_validation_class(form, attribute)].join(' '),
-    list: local_assigns[:list] ? "#{attribute}_list" : nil,
-    placeholder: placeholder
-  )
+  number = Headmin::Form::NumberView.new(local_assigns)
 %>
 
-<%= render 'headmin/forms/base', local_assigns do |form| %>
-  <%= form.number_field(attribute, options) %>
+<%= render "headmin/forms/wrapper", number.wrapper_options do %>
+  <%= render "headmin/forms/label", number.label_options if number.prepend_label? %>
+  <%= render "headmin/forms/input_group", number.input_group_options do %>
+    <%= form.number_field(number.attribute, number.input_options) %>
+    <%= render "headmin/forms/datalist", number.datalist_options if number.datalist? %>
+  <% end %>
+  <%= render "headmin/forms/validation", number.validation_options if number.validate? %>
+  <%= render "headmin/forms/hint", number.hint_options if number.hint? %>
+  <%= render "headmin/forms/label", number.label_options if number.append_label? %>
 <% end %>

data/app/views/headmin/forms/_password.html.erb

@@ -2,47 +2,38 @@
   # headmin/forms/password
   #
   # ==== Required parameters
-  # * +form+ - Form object
   # * +attribute+ - Name of the attribute of the form model
+  # * +form+ - Form object
   #
   # ==== Optional parameters
-  # * +aria+ - Provide a hash to define all aria attributes
-  # * +autocomplete+ - Value to be autofilled by the browser
-  # * +autofocus+ - Set to true to focus on this field when the page renders
-  # * +data+ - Provide a hash to define all data attributes
-  # * +disabled+ - Sets the placeholder of the field
-  # * +id+ - Input identifier
-  # * +list+ - Add array of options to show in a data list
-  # * +maxlength+ - The maximum number of characters that the browser will allow the user to enter.
-  # * +minlength+ - The minimum number of characters that the browser will allow the user to enter.
-  # * +placeholder+ - Sets the placeholder of the field
-  # * +readonly+ - Sets the placeholder of the field
-  # * +required+ - Set to true to mark as required
-  # * +size+ - The number of visible characters that will fit in the input
-  # * +value+ - Overrides the value of the form
-  #
-  # ==== Extra parameters
-  # Listed in 'headmin/forms/base'
+  # * +append+ - Display as input group with text on the right-hand side
+  # * +float+ - Use floating labels. Defaults to false
+  # * +hint+ - Informative text to assist with data input. HTML markup is allowed.
+  # * +label+ - Text to display inside label tag. Defaults to the attribute name. Set to false if you don"t want to show a label.
+  # * +plaintext+ - Render input as plain text.
+  # * +prepend+ - Display as input group with text on the left-hand side
+  # * +wrapper+ - Hash with all options for the surrounding html tag
   #
   # ==== References
+  # https://headmin.dev/docs/forms/password
   # https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/password
   # https://apidock.com/rails/ActionView/Helpers/FormHelper/password_field
   #
   # ==== Examples
   #   Basic version
-  #   <%= render 'headmin/forms/password', form: form, attribute: :password %#>
-
-  placeholder = local_assigns[:float] ? local_assigns[:placeholder] || attribute : local_assigns[:placeholder]
+  #   <%= form_with do |form| %#>
+  #     <%= render "headmin/forms/password", form: form, attribute: :password %#>
+  #   <% end %#>
 
-  option_keys = %i(aria autocomplete autofocus data disabled id list maxlength minlength placeholder readonly required size value)
-  options = local_assigns.slice(*option_keys).merge(
-    autocomplete: true,
-    aria: { describedby: form_field_validation_id(form, attribute) },
-    class: ['form-control', form_field_validation_class(form, attribute)].join(' '),
-    placeholder: placeholder
-  )
+  password = Headmin::Form::PasswordView.new(local_assigns)
 %>
 
-<%= render 'headmin/forms/base', local_assigns do |form| %>
-  <%= form.password_field(attribute, options) %>
+<%= render "headmin/forms/wrapper", password.wrapper_options do %>
+  <%= render "headmin/forms/label", password.label_options if password.prepend_label? %>
+  <%= render "headmin/forms/input_group", password.input_group_options do %>
+    <%= form.password_field(password.attribute, password.input_options) %>
+  <% end %>
+  <%= render "headmin/forms/validation", password.validation_options if password.validate? %>
+  <%= render "headmin/forms/hint", password.hint_options if password.hint? %>
+  <%= render "headmin/forms/label", password.label_options if password.append_label? %>
 <% end %>

data/app/views/headmin/forms/_redactorx.html.erb

@@ -1,50 +1,31 @@
 <%
   # headmin/forms/redactorx
   #
-  # ==== Options
-  # * +form+ - Form object
+  # ==== Required parameters
   # * +attribute+ - Name of the attribute of the form model
-  # * +label+ - Text to show as label. Label will be hidden if value is false
-  # * +addbar+ - Items to show in the addbar
-  # * +topbar+ - Items to show in the topbar
-  # * +plugins+ - Plugin items to work with
+  # * +form+ - Form object
+  #
+  # ==== Optional parameters
+  # * +append+ - Display as input group with text on the right-hand side
+  # * +hint+ - Informative text to assist with data input. HTML markup is allowed.
+  # * +hybrid+ - Enables hybrid mode when set to true (default = false)
+  # * +label+ - Text to display inside label tag. Defaults to the attribute name. Set to false if you don"t want to show a label.
+  # * +prepend+ - Display as input group with text on the left-hand side
+  # * +redactor+ - Hash with all options you can pass to redactor JS config
+  # * +wrapper+ - Hash with all options for the surrounding html tag
+  #
+  # ==== References
+  # https://headmin.dev/docs/forms/redactorx
+  # https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea
+  # https://apidock.com/rails/ActionView/Helpers/FormHelper/text_area
   #
   # ==== Examples
   #   Basic version
-  #   <%= render 'headmin/forms/redactorx', form: form, attribute: :title %#>
-
-  class_names = local_assigns.has_key?(:class) ? local_assigns[:class] : false
-  data = local_assigns.has_key?(:data) ? data : {}
-  disabled = local_assigns.has_key?(:disabled) ? disabled : false
-  label = local_assigns.has_key?(:label) ? label : nil
-  readonly = local_assigns.has_key?(:readonly) ? readonly : false
-  required = local_assigns.has_key?(:required) ? required : false
-  addbar = local_assigns.has_key?(:addbar) ? addbar : ['paragraph', 'image', 'embed', 'table', 'quote', 'pre', 'line']
-  plugins = local_assigns.has_key?(:plugins) ? plugins : ['shortcut']
-  topbar = local_assigns.has_key?(:topbar) ? topbar : []
-
-  data = data.merge(
-    controller: 'redactorx',
-    'redactor-options': {
-      buttons: {
-        addbar: addbar,
-        plugins: plugins,
-        topbar: topbar,
-      }
-    }
-  )
+  #   <%= form_with do |form| %#>
+  #     <%= render "headmin/forms/redactorx", form: form, attribute: :text %#>
+  #   <% end %#>
 
-  options = {
-    'aria-describedby': form_field_validation_id(form, attribute),
-    class: "form-control redactorx #{form_field_validation_class(form, attribute)} #{class_names}",
-    data: data,
-    disabled: disabled,
-    placeholder: attribute,
-    readonly: readonly,
-    required: required,
-  }
+  redactor = Headmin::Form::RedactorxView.new(local_assigns)
 %>
 
-<%= render 'headmin/forms/base', form: form, attribute: attribute, label: label, required: required do |form| %>
-  <%= form.text_area(attribute, options) %>
-<% end %>
+<%= render "headmin/forms/textarea", redactor.options %>

data/app/views/headmin/forms/_repeater.html.erb

@@ -26,7 +26,7 @@
   #   <% end %#>
   #
   #   # Allow more than one type of fields to be inserted. You must specify the templates as an array of view paths
-  #   <% templates = ['admin/questions/fields/_type_1.html.erb', 'admin/questions/fields/_type_2.html.erb'] %#>
+  #   <% templates = ['admin/questions/fields/type_1', 'admin/questions/fields/type_2'] %#>
   #   <% render 'headmin/forms/repeater', form: form, attribute: :questions, templates: templates do |question| %#>
   #     <% render 'admin/questions/fields, form: :question' %#>
   #   <% end %#>
@@ -50,80 +50,75 @@
   show_label = label != false
 %>
 
-<div class="repeater" data-controller="repeater" data-repeater-id-value="<%= repeater_id %>">
+<!-- Label -->
+<% if show_label %>
+  <%= render 'headmin/forms/label', form: form, attribute: attribute, text: label, required: required %>
+<% end %>
 
-  <!-- Label -->
-  <% if show_label %>
-    <%= render 'headmin/forms/label', form: form, attribute: attribute, text: label, required: required %>
-  <% end %>
-
-  <ul class="list-group <%= 'list-group-flush' if flush %>" data-repeater-target="list">
+<ul class="repeater list-group <%= 'list-group-flush' if flush %>" data-controller="repeater" data-repeater-target="list" data-repeater-id-value="<%= repeater_id %>">
 
-    <!-- Header -->
-    <% if header %>
-      <li class="list-group-item">
-        <%= render header %>
-      </li>
-    <% end %>
+  <!-- Header -->
+  <% if header %>
+    <li class="list-group-item">
+      <%= render header %>
+    </li>
+  <% end %>
 
-    <!-- Rows -->
-    <%= form.fields_for attribute, associations do |ff| %>
-      <%= render 'headmin/forms/repeater/row', pass_thru: pass_thru, form: ff, repeater_id: repeater_id do %>
-        <%= yield(ff) %>
-      <% end %>
+  <!-- Rows -->
+  <%= form.fields_for attribute, associations do |ff| %>
+    <%= render 'headmin/forms/repeater/row', pass_thru: pass_thru, form: ff, repeater_id: repeater_id do %>
+      <%= yield(ff) %>
     <% end %>
+  <% end %>
 
-    <!-- Footer -->
-    <li class="list-group-item d-flex justify-content-between align-items-center" data-repeater-target="footer">
+  <!-- Footer -->
+  <li class="list-group-item d-flex justify-content-between align-items-center" data-repeater-target="footer">
 
-      <!-- Empty notice -->
-      <div class="text-secondary invisible" data-repeater-target="empty">
-        <%= t('.empty') %>
-      </div>
+    <!-- Empty notice -->
+    <div class="text-secondary invisible" data-repeater-target="empty">
+      <%= t('.empty') %>
+    </div>
 
-      <!-- Button -->
-      <a href="#"
-         class="btn btn-sm h-btn-outline-light"
-         data-repeater-target="addButton"
-         data-popup-target="button"
-         data-popup-id="<%= "repeater-buttons-#{repeater_id}" %>"
-         data-popup-pass-thru="<%= pass_thru %>"
-         data-action="click->repeater#resetButtonIndices click->popup#open"
-      >
-        <%= bootstrap_icon('plus') %>
-        <%= t('.add', name: association_model.model_name.human) %>
-      </a>
+    <!-- Button -->
+    <div
+       class="btn btn-sm h-btn-outline-light"
+       data-repeater-target="addButton"
+       data-popup-target="button"
+       data-popup-id="<%= "repeater-buttons-#{repeater_id}" %>"
+       data-popup-pass-thru="<%= pass_thru %>"
+       data-action="click->repeater#resetButtonIndices click->popup#open"
+    >
+      <%= bootstrap_icon('plus') %>
+      <%= t('.add', name: association_model.model_name.human) %>
+    </div>
 
-      <!-- Popup  -->
-      <%= render 'headmin/popup', id: "repeater-buttons-#{repeater_id}" do %>
-        <div class="d-grid gap-2">
-          <% template_names.each do |name| %>
-            <a href="#"
-               class="btn btn-sm h-btn-outline-light"
-               data-popup-target="button"
-               data-popup-id="<%= "repeater-buttons-#{repeater_id}" %>"
-               data-action="click->repeater#addRow click->popup#close"
-               data-row-index=""
-               data-template-name="<%= name %>"
-            >
-              <%= name.humanize %>
-            </a>
-          <% end %>
-        </div>
-      <% end %>
-    </li>
+    <!-- Popup  -->
+    <%= render 'headmin/popup', id: "repeater-buttons-#{repeater_id}" do %>
+      <div class="d-grid gap-2">
+        <% template_names.each do |name| %>
+          <div
+             class="btn btn-sm h-btn-outline-light"
+             data-popup-target="button"
+             data-popup-id="<%= "repeater-buttons-#{repeater_id}" %>"
+             data-action="click->repeater#addRow click->popup#close"
+             data-row-index=""
+             data-template-name="<%= name %>"
+          >
+            <%= t("blocks.#{name}", default: name).humanize %>
+          </div>
+        <% end %>
+      </div>
+    <% end %>
 
     <!-- Templates -->
     <% template_names.each do |name| %>
       <template data-repeater-target="template" data-template-name="<%= name %>" data-template-id-regex="<%= association_object.object_id %>">
         <%= form.fields_for attribute, association_object, child_index: association_object.object_id do |ff| %>
           <%= render 'headmin/forms/repeater/row', form: ff, pass_thru: pass_thru, repeater_id: repeater_id do %>
-            <% template = templates.detect { |t| t.include?("/#{name}.") } %>
-            <% yield(ff, template&.gsub('/_', '/')) %>
+            <% yield(ff, name) %>
           <% end %>
         <% end %>
       </template>
     <% end %>
-
-  </ul>
-</div>
+  </li>
+</ul>

data/app/views/headmin/forms/_search.html.erb

@@ -0,0 +1,43 @@
+<%
+  # headmin/forms/search
+  #
+  # ==== Required parameters
+  # * +attribute+ - Name of the attribute of the form model
+  # * +form+ - Form object
+  #
+  # ==== Optional parameters
+  # * +append+ - Display as input group with text on the right-hand side
+  # * +collection+ - Values to be suggested while typing. Can be an collection array or a remote URL.
+  # * +float+ - Use floating labels. Defaults to false
+  # * +hint+ - Informative text to assist with data input. HTML markup is allowed.
+  # * +label+ - Text to display inside label tag. Defaults to the attribute name. Set to false if you don"t want to show a label.
+  # * +list+ - Options are passed through options_for_select
+  # * +plaintext+ - Render input as plain text.
+  # * +prepend+ - Display as input group with text on the left-hand side
+  # * +wrapper+ - Hash with all options for the surrounding html tag
+  #
+  # ==== Documentation
+  # https://headmin.dev/docs/forms/search
+  # https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/search
+  # https://apidock.com/rails/ActionView/Helpers/FormHelper/search_field
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= form_with do |form| %#>
+  #     <%= render "headmin/forms/search", form: form, attribute: "basic_example" %#>
+  #   <% end %#>
+
+  search = Headmin::Form::SearchView.new(local_assigns)
+%>
+
+<%= render "headmin/forms/wrapper", search.wrapper_options do %>
+  <%= render "headmin/forms/label", search.label_options if search.prepend_label? %>
+  <%= render "headmin/forms/input_group", search.input_group_options do %>
+    <%= form.search_field(search.attribute, search.input_options) %>
+    <%= render "headmin/forms/datalist", search.datalist_options if search.datalist? %>
+    <%= render "headmin/forms/autocomplete", search.autocomplete_options if search.autocomplete? %>
+  <% end %>
+  <%= render "headmin/forms/validation", search.validation_options if search.validate? %>
+  <%= render "headmin/forms/hint", search.hint_options if search.hint? %>
+  <%= render "headmin/forms/label", search.label_options if search.append_label? %>
+<% end %>