<%- include("partials/layout-top", { title }) %>
<section class="card">
  <%- include("partials/page-header", {
    eyebrow: "Get started",
    pageTitle: "Initial setup",
    description: "Enable the platforms you plan to use, then configure each connection."
  }) %>
  <p class="hint">Once at least one platform is configured, you can log in and manage everything from the WebUI.</p>
  <div class="grid">
    <% (platforms || []).forEach((platform) => { %>
    <div class="card">
      <h2><%= platform.label %></h2>
      <% if (!platform.supported) { %>
      <p>Support coming soon.</p>
      <% } else { %>
      <p>Run the guided setup for <%= platform.label %>.</p>
      <a class="button" href="<%= platform.wizardPath %>">Start <%= platform.label %> setup</a>
      <% } %>
    </div>
    <% }) %>
  </div>
</section>
<%- include("partials/layout-bottom") %>
