{% extends 'base.html' %}
{% block content_inner %}
<h3 class="h5">Audio Outputs</h3>
<p>
  <strong>Please note:</strong> Currently BAPSicle does not support choosing which Host API is used. Only supported options can be selected.
  <br>
  <strong>On MacOS:</strong> The available output devices will not update automatically, the BAPSicle server must be restarted.
</p>
<h4 class="h5">Currently Selected</h4>
<p>
{% for channel in data.channels %}
  <strong>Player {{channel.channel}}:</strong> {% if channel.output %}{{channel.output}}{% else %}Default Audio Device{% endif %}<br>
{% endfor %}
<br/>
<code>
Set for:
{% for channel in data.channels %}
  <a href="/player/{{channel.channel}}/output/None">Player {{channel.channel}}</a> /
{% endfor %}
Default Audio Output
</code>
</p>
{% for host_api in data.outputs %}
  {{host_api.name}}
  <br>
  <code>
  {% for output in host_api.output_devices %}
  {% if host_api.usable %}
  Set for:
    {% for channel in data.channels %}
      {% if channel.output == output.name %}
      <strong>Player {{channel.channel}}</strong>
      {% else %}
      <a href="/player/{{channel.channel}}/output/{{output.name}}">Player {{channel.channel}}</a>
      {% endif %}
      /
    {% endfor %}
  {% endif %}{% if output.name %}{{output.name}}{% else %}System Default Output{% endif %}<br>
  {% endfor %}
  </code>
{% endfor %}
{% endblock %}