docuseal/app/views/personalization_settings/show.html.erb

<div class="flex flex-wrap space-y-4 md:flex-nowrap md:space-y-0">
  <%= render 'shared/settings_nav' %>
  <div class="flex-grow max-w-xl mx-auto">
    <p class="text-4xl font-bold mb-4">Email Templates</p>
    <div class="collapse collapse-plus bg-base-200 px-1">
      <input type="checkbox">
      <div class="collapse-title text-xl font-medium">
        <div>
          Signature Request Email
        </div>
      </div>
      <div class="collapse-content">
        <%= form_for AccountConfigs.find_or_initialize_for_key(current_account, AccountConfig::SUBMITTER_INVITATION_EMAIL_KEY), url: settings_personalization_path, method: :post, html: { autocomplete: 'off', class: 'space-y-4' } do |f| %>
          <%= f.hidden_field :key %>
          <%= f.fields_for :value, Struct.new(:subject, :body).new(*f.object.value.values_at('subject', 'body')) do |ff| %>
            <div class="form-control">
              <%= ff.label :subject, class: 'label' %>
              <%= ff.text_field :subject, required: true, class: 'base-input' %>
            </div>
            <div class="form-control">
              <%= ff.label :body, class: 'label' %>
              <autoresize-textarea>
                <%= ff.text_area :body, required: true, class: 'base-input w-full py-2' %>
              </autoresize-textarea>
            </div>
          <% end %>
          <div class="form-control pt-2">
            <%= f.button button_title(title: 'Save', disabled_with: 'Saving'), class: 'base-button' %>
          </div>
        <% end %>
      </div>
    </div>
    <div class="collapse collapse-plus bg-base-200 px-1 mt-4">
      <input type="checkbox">
      <div class="collapse-title text-xl font-medium">
        <div>
          Form Completed Email
        </div>
      </div>
      <div class="collapse-content">
        <%= form_for AccountConfigs.find_or_initialize_for_key(current_account, AccountConfig::SUBMITTER_COMPLETED_EMAIL_KEY), url: settings_personalization_path, method: :post, html: { autocomplete: 'off', class: 'space-y-4' } do |f| %>
          <%= f.hidden_field :key %>
          <%= f.fields_for :value, Struct.new(:subject, :body).new(*f.object.value.values_at('subject', 'body')) do |ff| %>
            <div class="form-control">
              <%= ff.label :subject, class: 'label' %>
              <%= ff.text_field :subject, required: true, class: 'base-input' %>
            </div>
            <div class="form-control">
              <%= ff.label :body, class: 'label' %>
              <autoresize-textarea>
                <%= ff.text_area :body, required: true, class: 'base-input w-full py-2' %>
              </autoresize-textarea>
            </div>
          <% end %>
          <div class="form-control pt-2">
            <%= f.button button_title(title: 'Save', disabled_with: 'Saving'), class: 'base-button' %>
          </div>
        <% end %>
      </div>
    </div>
    <div class="collapse collapse-plus bg-base-200 px-1 mt-4">
      <input type="checkbox">
      <div class="collapse-title text-xl font-medium">
        <div>
          Documents Copy Email
        </div>
      </div>
      <div class="collapse-content">
        <%= form_for AccountConfigs.find_or_initialize_for_key(current_account, AccountConfig::SUBMITTER_DOCUMENTS_COPY_EMAIL_KEY), url: settings_personalization_path, method: :post, html: { autocomplete: 'off', class: 'space-y-4' } do |f| %>
          <%= f.hidden_field :key %>
          <%= f.fields_for :value, Struct.new(:subject, :body).new(*f.object.value.values_at('subject', 'body')) do |ff| %>
            <div class="form-control">
              <%= ff.label :subject, class: 'label' %>
              <%= ff.text_field :subject, required: true, class: 'base-input' %>
            </div>
            <div class="form-control">
              <%= ff.label :body, class: 'label' %>
              <autoresize-textarea>
                <%= ff.text_area :body, required: true, class: 'base-input w-full py-2' %>
              </autoresize-textarea>
            </div>
          <% end %>
          <div class="form-control pt-2">
            <%= f.button button_title(title: 'Save', disabled_with: 'Saving'), class: 'base-button' %>
          </div>
        <% end %>
      </div>
    </div>
    <p class="text-4xl font-bold mb-4 mt-8">Company Logo</p>
    <%= render 'logo_form' %>
  </div>
  <div class="w-0 md:w-52"></div>
</div>