<%# locals: (rule:) %>

<%= styled_form_with model: rule, class: "space-y-4",
                     data: { controller: "rules", rule_registry_value: rule.registry.to_json } do |f| %>

  <%= f.hidden_field :resource_type, value: rule.resource_type %>

  <% if @rule.errors.any? %>
    <%= render "shared/form_errors", model: @rule %>
  <% end %>

  <section class="space-y-4">
    <h3 class="text-sm font-medium text-primary">If <%= rule.resource_type %></h3>

    <%# Condition template, used by Stimulus controller to add new conditions dynamically %>
    <template data-rules-target="conditionGroupTemplate">
      <%= f.fields_for :conditions, Rule::Condition.new(rule: rule, condition_type: "compound", operator: "and"), child_index: "IDX_PLACEHOLDER" do |cf| %>
        <%= render "rule/conditions/condition_group", form: cf %>
      <% end %>
    </template>

    <%# Condition template, used by Stimulus controller to add new conditions dynamically %>
    <template data-rules-target="conditionTemplate">
      <%= f.fields_for :conditions, Rule::Condition.new(rule: rule, condition_type: rule.condition_filters.first.key), child_index: "IDX_PLACEHOLDER" do |cf| %>
        <%= render "rule/conditions/condition", form: cf %>
      <% end %>
    </template>

    <ul data-rules-target="conditionsList" class="space-y-3 mb-4">
      <%= f.fields_for :conditions do |cf| %>
        <% if cf.object.compound? %>
          <%= render "rule/conditions/condition_group", form: cf %>
        <% else %>
          <%= render "rule/conditions/condition", form: cf %>
        <% end %>
      <% end %>
    </ul>

    <div class="flex items-center gap-2">
      <%= render ButtonComponent.new(text: "Add condition", icon: "plus", variant: "ghost", type: "button", data: { action: "rules#addCondition" }) %>
      <%= render ButtonComponent.new(text: "Add condition group", icon: "boxes", variant: "ghost", type: "button", data: { action: "rules#addConditionGroup" }) %>
    </div>
  </section>

  <section class="space-y-4">
    <h3 class="text-sm font-medium text-primary">Then</h3>

    <%# Action template, used by Stimulus controller to add new actions dynamically %>
    <template data-rules-target="actionTemplate">
      <%= f.fields_for :actions, Rule::Action.new(rule: rule, action_type: rule.action_executors.first.key), child_index: "IDX_PLACEHOLDER" do |af| %>
        <%= render "rule/actions/action", form: af %>
      <% end %>
    </template>

    <ul data-rules-target="actionsList" class="space-y-3">
      <%= f.fields_for :actions do |af| %>
        <%= render "rule/actions/action", form: af %>
      <% end %>
    </ul>

    <%= render ButtonComponent.new(text: "Add action", icon: "plus", variant: "ghost", type: "button", data: { action: "rules#addAction" }) %>
  </section>

  <section class="space-y-4">
    <h3 class="text-sm font-medium text-primary">Apply this</h3>

    <div class="space-y-2">
      <div class="flex items-center gap-2">
        <%= f.radio_button :effective_date_enabled, false, checked: rule.effective_date.nil?, data: { action: "rules#clearEffectiveDate" } %>
        <%= f.label :effective_date_enabled_false, "To all past and future #{rule.resource_type}s", class: "text-sm text-primary" %>
      </div>

      <div class="flex items-center gap-2">
        <div class="flex items-center gap-2">
          <%= f.radio_button :effective_date_enabled, true, checked: rule.effective_date.present? %>
          <%= f.label :effective_date_enabled_true, "Starting from", class: "text-sm text-primary" %>
        </div>

        <%= f.date_field :effective_date, container_class: "w-fit", data: { rules_target: "effectiveDateInput" } %>
      </div>
    </div>
  </section>

  <%= f.submit %>
<% end %>
