{{define "title"}}Repeater added · MeshTender{{end}}
{{define "header"}}
<div class="row g-2 align-items-center">
  <div class="col"><h1 class="page-title fs-1">“{{.Repeater.Name}}” added</h1></div>
</div>
{{end}}
{{define "content"}}
<div class="row justify-content-center">
<div class="col-12 col-lg-9 col-xl-8">
<ul class="steps steps-counter mb-4">
  <li class="step-item">Grant access</li>
  <li class="step-item">Repeater details</li>
  <li class="step-item active">Confirm &amp; share</li>
</ul>

<div class="card">
  <div class="card-body">
    <h2 class="card-title">{{template "icon-check" "me-1 text-success"}}“{{.Repeater.Name}}” added</h2>
    <p class="text-secondary mb-0">
      It's registered but <strong>unconfirmed</strong> — MeshTender hasn't reached it yet. Both options
      below are optional; your repeater is already usable by anyone you share it with.
    </p>
  </div>
</div>

<div class="card mt-3">
  <div class="card-body">
    <h2 class="card-title">Confirm it works <span class="text-secondary">(optional)</span></h2>
    <p class="text-secondary">
      Connect a MeshCore KISS modem and have MeshTender login to verify it has admin access. Confirming
      now marks it <span class="badge bg-azure-lt">Self-confirmed</span>. Later, if another member reaches it
      from their modem, it becomes <span class="badge bg-success-lt">Corroborated</span> — proof that more than
      one person can reach it.
    </p>
    <p class="text-secondary">No modem handy? Skip this — anyone you share it with can corroborate it for you later.</p>
    <div class="btn-list">
      <a class="btn btn-primary" href="/repeaters/{{.Repeater.PublicID}}/console">Open console &amp; confirm now</a>
      <a class="btn" href="/">Skip for now</a>
    </div>
  </div>
</div>

<div class="card mt-3">
  <div class="card-body">
    <h2 class="card-title">Organizations <span class="text-secondary">(optional)</span></h2>
    {{if .Orgs}}
    <p class="text-secondary">
      This repeater is now shared with the organizations you belong to, so their admins and members can run
      the commands those organizations are permitted to run on it. Use <strong>Manage access</strong> to opt
      out of any of them or limit which commands it may run — you can also change this anytime from the
      sharing page.
    </p>
    {{template "org-access-rows" .}}
    {{else}}
    <p class="text-secondary">
      You're not in any organizations yet. Joining one lets its admins help keep your repeater in spec.
      <a href="{{.RootURL}}/orgs">Browse organizations →</a>
    </p>
    {{end}}
    <div class="btn-list mt-3">
      <a class="btn btn-primary" href="/">Done — go to dashboard</a>
    </div>
  </div>
</div>
{{template "limits-modal-shell" .}}
</div>
</div>
{{end}}