{% macro availability(row) %}
  {%- set hold = row.hold -%}
  {%- if row.machine.status == 'retired' -%}
    <span class="chip idle">Retired</span>
  {%- elif row.machine.status == 'maintenance' -%}
    <span class="chip warn">Maintenance</span>
  {%- elif not hold -%}
    <span class="chip ok">Free</span>
  {%- elif hold.state == 'armed' -%}
    <span class="chip warn" title="Reserved by {{ hold.holder }}">Reserved by {{ hold.holder }}</span>
  {%- elif hold.state == 'grace' -%}
    <span class="chip warn" title="In use by {{ hold.holder }}, reconnecting">In use by {{ hold.holder }}, reconnecting</span>
  {%- else -%}
    <span class="chip info" title="In use by {{ hold.holder }}">In use by {{ hold.holder }}</span>
    {%- if hold.started_at %}<small>since {{ hold.started_at|localtime('%H:%M') }}</small>{% endif -%}
  {%- endif -%}
{% endmacro %}

{% macro health(machine) %}
  {%- if machine.online is none -%}
    <span class="chip idle">Unknown</span>
  {%- elif machine.online -%}
    <span class="chip ok">Online</span>
  {%- elif machine.ping_ok -%}
    <span class="chip warn" title="Replies to ping but TCP 3389 is closed">No RDP</span>
  {%- else -%}
    <span class="chip bad">Offline</span>
  {%- endif -%}
{% endmacro %}

{% macro firewall(machine) %}
  {%- set c = machine.compliance -%}
  {%- if c == 'compliant' -%}<span class="chip ok">Locked</span>
  {%- elif c == 'drift' -%}<span class="chip bad">Drift</span>
  {%- elif c == 'error' -%}<span class="chip warn" title="{{ machine.compliance_detail }}">Check failed</span>
  {%- elif c == 'pending' -%}<span class="chip idle">Pushing</span>
  {%- elif c == 'not_enforced' -%}<span class="chip idle">Not enforced</span>
  {%- else -%}<span class="chip idle">Unchecked</span>
  {%- endif -%}
{% endmacro %}

{% macro connect_button(row, user, csrf) %}
  {%- set hold = row.hold -%}
  {%- if hold and hold.username == user.username -%}
    <a class="btn btn-ghost btn-sm" href="/desktop/{{ hold.token }}" target="_blank" rel="noopener">Open</a>
  {%- elif row.can_connect -%}
    <form style="display:inline;margin:0" method="post" action="/machines/{{ row.machine.id }}/connect" data-connect>
      <input type="hidden" name="csrf_token" value="{{ csrf }}">
      <button type="submit" class="btn btn-primary btn-sm">Connect</button>
    </form>
  {%- elif hold -%}
    <button class="btn btn-primary btn-sm" disabled title="In use by {{ hold.holder }}">Connect</button>
  {%- elif not row.allowed -%}
    <button class="btn btn-primary btn-sm" disabled title="Your account isn't in a group allowed on this machine">Connect</button>
  {%- else -%}
    <button class="btn btn-primary btn-sm" disabled title="{{ row.machine.status|capitalize }}">Connect</button>
  {%- endif -%}
{% endmacro %}

{% macro kebab(row, size=16) %}
  {%- set m = row.machine -%}
  <button type="button" class="icon-btn" aria-label="More actions for {{ m.hostname }}" title="More actions"
          data-menu="{{ m.id }}" data-name="{{ m.hostname }}" data-status="{{ m.status }}"
          data-holder="{{ row.hold.holder if row.hold else '' }}">{{ icon('more', size) }}</button>
{% endmacro %}

{% macro picker(machine) %}
  <input type="checkbox" data-select="{{ machine.id }}" data-name="{{ machine.hostname }}" aria-label="Select {{ machine.hostname }}">
{% endmacro %}

{% macro field(name, label, values, errors, type='text', help='', required=False, cls='', placeholder='', autofocus=False) %}
  <label class="field {{ cls }}">
    <span class="field-label">{{ label }}{% if required %}<em>*</em>{% endif %}</span>
    <input type="{{ type }}" name="{{ name }}" value="{{ values.get(name, '') }}" placeholder="{{ placeholder }}"
           {% if required %}required{% endif %} {% if autofocus %}autofocus{% endif %} {% if errors.get(name) %}aria-invalid="true"{% endif %}>
    {% if errors.get(name) %}<span class="field-error">{{ errors[name] }}</span>{% endif %}
    {% if help %}<small>{{ help }}</small>{% endif %}
  </label>
{% endmacro %}

{% macro drawer_link(url, label, cls='') %}
  <a class="{{ cls }}" href="{{ url }}" hx-get="{{ url }}" hx-target="#drawer-body" hx-swap="innerHTML">{{ label }}</a>
{% endmacro %}