<% title = 'Import from WHM — WHM Monitor' %>
<%- include('_header', { user: { is_admin: false, email: '' } }) %>

<div class="card">
  <h1>Import domains from WHM</h1>
  <p>Pulls every domain (main, addon, parked, sub) across all cPanel accounts on your server using the WHM API token configured in <code>.env</code>.</p>

  <% if (error) { %><p class="error"><%= error %></p><% } %>

  <% if (!domains) { %>
    <form method="POST" action="/whm/import">
      <button type="submit">Fetch domains from WHM</button>
    </form>
  <% } else { %>
    <form method="POST" action="/whm/import/confirm">
      <label>Add to list
        <select name="list_id" required>
          <% lists.forEach(l => { %>
            <option value="<%= l.id %>"><%= l.name %></option>
          <% }) %>
        </select>
      </label>

      <div class="domain-list">
        <% domains.forEach(d => { %>
          <label class="checkbox">
            <input type="checkbox" name="domains" value="<%= d.domain %>" checked>
            <%= d.domain %> <span class="muted">(<%= d.type %>, owner: <%= d.owner %>)</span>
          </label>
        <% }) %>
      </div>

      <button type="submit">Add selected as HTTPS monitors</button>
    </form>
  <% } %>
</div>

<%- include('_footer') %>