{% extends "base.html" %}

{% block content %}

    <h4 style="text-align: center;">What's On {{ fhdhr.config.dict["fhdhr"]["friendlyname"] }}</h4>

    <p>
      {% for epg_method in epg_methods %}
        <button onclick="OpenLink('/guide?source={{ epg_method }}')">{{ epg_method }}</a></button>
      {% endfor %}
    </p>

      <table class="center" style="width:100%">
        <tr>
          <th>Channel Name</th>
          <th>Channel Number</th>
          <th>Channel Thumbnail</th>
          <th>Content Title</th>
          <th>Content Thumbnail</th>
          <th>Content Description</th>
          <th>Content Remaining Time</th>
        </tr>

      {% for chan_dict in chan_guide_list %}
        <tr>
          <td>{{ chan_dict["name"] }}</td>
          <td>{{ chan_dict["number"] }}</td>
          <td><img src="{{ chan_dict["chan_thumbnail"] }}" alt="{{ chan_dict["name"] }}" width="100" height="100">
          <td>{{ chan_dict["listing_title"] }}</td>
          <td><img src="{{ chan_dict["listing_thumbnail"] }}" alt="{{ chan_dict["listing_title"] }}" width="100" height="100">
          <td>{{ chan_dict["listing_description"] }}</td>
          <td>{{ chan_dict["remaining_time"] }}</td>
        </tr>
      {% endfor %}

{% endblock %}