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

{% block head_title %}{{ client.name }} · ImpTune{% endblock %}
{% block crumb %}
<span class="crumb" x-data>
  <a href="/clients">{{ ico.i('back', 12) }}<span x-text="$store.i18n.t('back_to_clients')">Clients</span></a>
</span>
{% endblock %}
{% block page_title %}{{ client.name }}{% endblock %}

{% block page_actions %}
<a href="/printers/new" class="btn sm">{{ ico.i('plus') }}<span x-text="$store.i18n.t('add_printer')">Add printer</span></a>
{% endblock %}

{% block content %}
<div class="toolbar">
  <h2 class="eyebrow" x-data x-text="$store.i18n.t('printers_section')">Printers</h2>
  <span class="spacer"></span>
  {% if printer_count %}
  <span class="badge ok">{{ ico.i('check', 12) }}{{ ready_count }}&nbsp;<span x-data x-text="$store.i18n.t('ready_to_export')">Ready</span></span>
  {% if printer_count - ready_count %}
  <span class="badge warn">{{ ico.i('alert', 12) }}{{ printer_count - ready_count }}&nbsp;<span x-data x-text="$store.i18n.t('needs_driver')">Driver needed</span></span>
  {% endif %}
  {% endif %}
</div>

{% include "partials/printer_list.html" %}
{% endblock %}