{% extends "base.html" %}
{% set live = request.query_params.live == '1' %}
{% set date = responses[0].date %}

{% block title %}
{{_("TV program")}}
{% endblock %}

{% block header %}
<app-link href="/schedule"
          icon="tv">{{_("TV program")}}</app-link>
{% endblock %}

{% block content %}
<h4 class="mb-4">
  <a class="icon-link {{'disabled' if date == datetime.date.today() else ''}}"
     href="{{build_url(request, path=['..', date - datetime.timedelta(days=1)])}}">
    <i class="bi bi-arrow-left-square"></i>
  </a>
  <a class="icon-link"
     href="{{build_url(request, up=3)}}">
    <i class="bi bi-arrow-up-square"></i>
  </a>
  <a class="icon-link {{'text-secondary' if not live else ''}}"
     href="{{build_url(request, query={'live': 0 if live else 1})}}">
    <i class="bi bi-cast"></i>
  </a>
  <span>{{format_date(date, DATE_FORMAT, locale=request.state.language)}}</span>
  <a class="icon-link"
     href="{{build_url(request, path=['..', date + datetime.timedelta(days=1)])}}">
    <i class="bi bi-arrow-right-square"></i>
  </a>
</h4>
{% for response in responses %}
<h5>
  <span class="badge rounded-pill text-bg-secondary fs-6">{{response.channel.provider}}</span>
  <span>{{response.channel.name}}</span>
</h5>
<table class="table">
  <thead>
    <tr>
      <td></td>
      <td style="width:100%"></td>
    </tr>
  </thead>
  <tbody>
    {% for value in response.values %}
    <tr class="{{'d-none' if (live and not value.live) else 'table-success' if (not live and value.live) else ''}}">
      <td>
        <span>{{value.start.strftime('%H:%M')}}</span>&nbsp;<span class="small ms-1">({{(value.end - value.start) |
          timedelta_format}})</span>
      </td>
      <td>{{value.label}}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% endfor %}
{% endblock %}