{% extends "base.html" %}

{% block content %}

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

  <p>
    {% for origin in origin_methods %}
      <button onclick="location.href='/channels?source={{ origin }}'" type="button">{{ origin }}</button>
    {% endfor %}
  </p>

  <div style="text-align: center;">
    <button onclick="location.href='/api/tuners?method=scan&origin={{ origin }}&redirect=/channels'" type="button">Force Channel Update</button>
    <p> Note: This may take some time.</p>
  </div>
  <br>

  <div class="container">
  <table class="table-small center">
      <tbody>
        {% for key in list(channels_dict.keys()) %}
          <tr>
            <td>{{ key }}</td>
            <td>{{ channels_dict[key] }}</td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>

  <br>
  <div style="text-align: center;">
    <button onclick="location.href='/channels_editor?origin={{ origin }}'" type="button">Edit Channels</button>
  </div>
  <br>

  <div class="container">
    <table class="table-scroll center small-first-col">
      <thead>
        <tr>
          <th>Play</th>
          <th>Channel Name</th>
          <th>Channel CallSign</th>
          <th>Channel Number</th>
          <th>Channel Thumbnail</th>
          <th>Enabled</th>
          <th>Favorite</th>
        </tr>
      </thead>

      <tbody class="body-half-screen">
        {% for chan_dict in channelslist %}
          <tr>
            <td>
              {% if chan_dict["enabled"] %}
                <a href="{{ chan_dict["m3u_url"] }}">Play</a>
              {% else %}
                 <a href="{{ chan_dict["m3u_url"] }}" style="visibility:hidden">Play</a>
              {% endif %}
            </td>

            <td>{{ chan_dict["name"] }}</td>
            <td>{{ chan_dict["callsign"] }}</td>
            <td>{{ chan_dict["number"] }}</td>

            {% if chan_dict["thumbnail"]  %}
              <td><img src="{{ chan_dict["thumbnail"] }}" alt="{{ chan_dict["name"] }}" width="100" height="100"></td>
            {% else %}
              <td>No Image Available</td>
            {% endif %}

            {% if chan_dict["enabled"]  %}
              <td>Enabled</td>
            {% else %}
              <td>Disabled</td>
            {% endif %}

            {% if chan_dict["favorite"]  %}
              <td>Yes</td>
            {% else %}
              <td>No</td>
            {% endif %}
          </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
{% endblock %}