{% extends "base.html" %}
{% block title %}Install printers · PrintServer{% endblock %}
{% block subtitle %}Check the stations you need{% endblock %}
{% block content %}
<section class="toolbar">
  <label class="search">Search the catalog
    <input id="printer-search" placeholder="Station, name, location, or type" />
  </label>
  <button type="button" class="ghost" data-refresh>Refresh connections</button>
  <a class="btn" href="/client-setup">How to set up a PC</a>
  <a class="ghost-link" href="/help#install-page">Help</a>
  {% if user.role == "admin" %}
  <a class="ghost-link" href="/admin">Add printers to catalog</a>
  {% endif %}
</section>
<p class="hint" id="server-urls"></p>

<section class="panel">
  <div class="now-printing" id="now-printing">
    <p class="now-printing-label">Printer this PC will use</p>
    <p class="now-printing-name" id="now-printing-name">Not set yet. In PrintServer Client, click a printer, then <strong>Set as printer to use</strong>.</p>
  </div>
  <div class="install-bar">
    <a class="btn" href="/download/windows-client.cmd">Download Windows app installer</a>
    <a class="btn ghost" href="/download/windows-client.zip">Download zip</a>
    <a class="btn ghost" href="/download/install-python3.cmd">Install Python 3</a>
    <a class="btn ghost" href="/client-setup">Setup steps</a>
    <button type="button" class="ghost" id="refresh-local-pc">Refresh local printers</button>
    <a class="btn" href="/api/windows/list-local.cmd">Download list-printers (.cmd)</a>
    <a class="btn ghost" href="/api/windows/disconnect.cmd">Download disconnect (.cmd)</a>
  </div>
  <p class="hint" id="local-pc-status">Looking for the Windows app on this PC…</p>
  <details class="local-fold" id="local-pc-fold">
    <summary>All printers on this PC <span class="muted" id="local-pc-count"></span></summary>
    <div class="table-wrap">
      <table>
        <thead>
          <tr>
            <th>Name on this PC</th>
            <th>Driver</th>
            <th>IP / port</th>
            <th>Used for printing?</th>
          </tr>
        </thead>
        <tbody id="local-pc-rows">
          <tr><td colspan="4" class="muted">Start the Windows app to fill this table.</td></tr>
        </tbody>
      </table>
    </div>
  </details>
</section>

<section class="panel">
  <div class="panel-head">
    <h1>Pick catalog printers to install</h1>
    <p>These checkboxes are office printers <strong>the admin added to PrintServer</strong>. Check one or more, then download the install script. <strong>Check all in this list</strong> ticks every row currently shown (after a search that is only the matching stations). It does not install anything by itself.</p>
  </div>
  <div class="install-bar">
    <span id="install-count">0 selected</span>
    <button type="button" class="ghost" id="select-visible">Check all in this list</button>
    <button type="button" class="ghost" id="clear-checks">Clear</button>
    <button type="button" id="install-selected">Download install script</button>
  </div>
  <p class="form-error" id="install-error" hidden></p>
  <p class="ok" id="install-ok" hidden></p>
  <div class="table-wrap">
    <table>
      <thead>
        <tr>
          <th></th>
          <th>Station</th>
          <th>Printer</th>
          <th>Type</th>
          <th>Driver version</th>
          <th>Location</th>
          <th>Connection</th>
          <th></th>
        </tr>
      </thead>
      <tbody id="install-rows">
        <tr><td colspan="8" class="muted">Loading printers…</td></tr>
      </tbody>
    </table>
  </div>
</section>
{% endblock %}
{% block scripts %}
<script>window.PS_ROLE = {{ user.role|tojson }}; window.PS_PAGE = "install";</script>
{% endblock %}