{% extends "base.html" %}
{% import "partials/icons.html" as ico %}

{% block head_title %}Packages · ImpTune{% endblock %}
{% block page_title %}<span x-data x-text="$store.i18n.t('packages_title')">Packages</span>{% endblock %}

{% block content %}
<p class="page-intro" x-data x-text="$store.i18n.t('packages_description')">Printers with a driver assigned — ready for export.</p>

{% if printers %}
<div class="card-grid">
  <div class="card">
    <div class="card-head">
      {{ ico.i('package') }}
      <h2 class="mono">.intunewin</h2>
    </div>
    <div class="card-body">
      <p class="dim" x-data x-text="$store.i18n.t('hint_intunewin')">.intunewin — upload to Intune as a Win32 app.</p>
    </div>
  </div>
  <div class="card">
    <div class="card-head">
      {{ ico.i('script') }}
      <h2 class="mono">.zip</h2>
    </div>
    <div class="card-body">
      <p class="dim" x-data x-text="$store.i18n.t('hint_ninja')">ZIP — plain scripts for NinjaRMM or a manual run.</p>
    </div>
  </div>
</div>

<div class="card card-flush">
  <div class="table-scroll">
    <table class="data-table">
      <thead>
        <tr>
          <th scope="col" x-data x-text="$store.i18n.t('printer_col')">Printer</th>
          <th scope="col" x-data x-text="$store.i18n.t('driver_col')">Driver</th>
          <th scope="col" x-data x-text="$store.i18n.t('icon_section')">Icon</th>
          <th scope="col" x-data x-text="$store.i18n.t('downloads_col')">Downloads</th>
        </tr>
      </thead>
      <tbody>
        {% for printer in printers %}
        <tr>
          <td>
            <a class="cell-name" href="/printers/{{ printer.id }}">{{ printer.name }}</a>
            <span class="cell-sub">{% if printer.client_id %}{{ printer.client.name }}{% else %}&mdash;{% endif %}</span>
          </td>
          <td>
            <span class="mono">{{ printer.driver.original_filename }}</span>
            {% if printer.driver.architecture %}<span class="cell-sub">{{ printer.driver.architecture }}</span>{% endif %}
          </td>
          <td>
            {% if printer.id in icon_printer_ids %}
            <img src="/printers/{{ printer.id }}/icon" width="28" height="28" alt=""
                 style="border-radius:5px;vertical-align:middle">
            {% else %}
            <span class="faint">&mdash;</span>
            {% endif %}
          </td>
          <td class="actions">
            <span class="btn-row">
              <a class="btn ghost sm" href="/printers/{{ printer.id }}/packages/intunewin">{{ ico.i('download', 13) }}<span class="mono">.intunewin</span></a>
              <a class="btn ghost sm" href="/printers/{{ printer.id }}/packages/ninja">{{ ico.i('download', 13) }}<span class="mono">.zip</span></a>
            </span>
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>

{% if pending_count %}
<p class="hint" style="margin-top:.9rem" x-data>
  <a href="/printers">{{ pending_count }} <span x-text="$store.i18n.t('pending_printers')">printers still need a driver</span></a>
</p>
{% endif %}

{% else %}
<div class="card">
  <div class="empty">
    <span class="empty-ico">{{ ico.i('package', 18) }}</span>
    <strong x-data x-text="$store.i18n.t('no_packages_ready')">No printer is ready yet. Assign a driver to enable export.</strong>
    <p x-data x-text="$store.i18n.t('step_package_desc')">.intunewin for Intune, ZIP for NinjaRMM. Scripts included.</p>
    <a href="/printers" class="btn sm" x-data>{{ ico.i('printer', 14) }}<span x-text="$store.i18n.t('printers')">Printers</span></a>
  </div>
</div>
{% endif %}
{% endblock %}