eminuxCRM/app/views/mail_identities/index.html.erb

<div class="space-y-6">
  <div class="flex flex-wrap items-end justify-between gap-3">
    <div>
      <h1 class="text-xl font-semibold tracking-tight md:text-2xl">Account email / SMTP</h1>
      <p class="mt-1 text-sm text-zinc-500">
        <%= link_to "Impostazioni", admin_path, class: "hover:underline" %>
        · da questi indirizzi partono le campagne. Le password SMTP sono cifrate.
      </p>
    </div>
    <%= link_to "Nuovo account", new_mail_identity_path, class: "#{btn_primary} w-full sm:w-auto" %>
  </div>

  <div class="<%= card_class %>">
    <% if @mail_identities.empty? %>
      <p class="p-6 text-sm text-zinc-500">Nessun account. Crea il mittente con host, porta e credenziali SMTP.</p>
    <% else %>
      <div class="divide-y divide-zinc-100 dark:divide-zinc-800 md:hidden">
        <% @mail_identities.each do |identity| %>
          <div class="p-4 <%= "opacity-60" unless identity.active? %>">
            <div class="flex items-start justify-between gap-3">
              <div class="min-w-0">
                <div class="font-semibold"><%= identity.name %></div>
                <div class="mt-0.5 text-sm text-zinc-500"><%= identity.from_name %></div>
                <div class="mt-0.5 break-anywhere text-sm text-zinc-600 dark:text-zinc-300"><%= identity.from_email %></div>
              </div>
              <%= link_to "Modifica", edit_mail_identity_path(identity), class: "text-sm text-zinc-700 hover:underline dark:text-zinc-300" %>
            </div>
            <div class="mt-2 text-sm text-zinc-600 dark:text-zinc-300"><%= identity.smtp_host %>:<%= identity.smtp_port %> · <%= Catalog.label_for(Catalog::MAIL_ENCRYPTIONS, identity.encryption) %></div>
            <div class="mt-1 text-sm text-zinc-500"><%= identity.active? ? "Attivo" : "Disattivo" %></div>
          </div>
        <% end %>
      </div>
      <div class="hidden md:block">
        <div class="<%= table_wrap_class %>">
          <table class="<%= table_class %>">
        <thead class="border-b border-zinc-100 bg-zinc-50 text-left text-xs font-medium uppercase tracking-wide text-zinc-500 dark:border-zinc-800 dark:bg-zinc-800 dark:text-zinc-400">
          <tr>
            <th class="px-4 py-3">Nome</th>
            <th class="px-4 py-3">Mittente</th>
            <th class="px-4 py-3">SMTP</th>
            <th class="px-4 py-3">Stato</th>
            <th class="px-4 py-3"></th>
          </tr>
        </thead>
        <tbody class="divide-y divide-zinc-100 dark:divide-zinc-800">
          <% @mail_identities.each do |identity| %>
            <tr class="<%= "opacity-60" unless identity.active? %>">
              <td class="px-4 py-3 font-medium"><%= identity.name %></td>
              <td class="px-4 py-3 text-zinc-600 dark:text-zinc-300">
                <%= identity.from_name %><br>
                <span class="text-xs"><%= identity.from_email %></span>
              </td>
              <td class="px-4 py-3 text-zinc-600 dark:text-zinc-300">
                <%= identity.smtp_host %>:<%= identity.smtp_port %>
                <div class="text-xs text-zinc-500"><%= Catalog.label_for(Catalog::MAIL_ENCRYPTIONS, identity.encryption) %></div>
              </td>
              <td class="px-4 py-3"><%= identity.active? ? "Attivo" : "Disattivo" %></td>
              <td class="px-4 py-3 text-right">
                <%= link_to "Modifica", edit_mail_identity_path(identity), class: "text-zinc-700 hover:underline dark:text-zinc-300" %>
              </td>
            </tr>
          <% end %>
        </tbody>
      </table>
        </div>
      </div>
    <% end %>
  </div>
</div>