{% extends "layout.html" %}

{% block head %}

<script type="text/javascript" src="{{ url_for('static', filename='othersChannels.js') }}"></script>

{% endblock %}

{% block title %}

My Channels

{% endblock %}

{% block body %}

<h1>Other Channels</h1>

<div class="form-group">

<table class="table" >

<thead>

<tr>

<th scope="col">Channel Name</th>

<th scope="col">Action</th>

</tr>

</thead>

<tbody id="channels">

{% for channel in others_channels %}

<tr>

<td>{{ channel.name }}</td>

<td><a href="{{ url_for('channel', id=channel.id) }}">Join Channel</a></td>

</tr>

{% endfor %}

</tbody>

</table>

</div>

{% if others_channels is not defined and others_channels|length <= 0 %}

<div class="form-group">

<output>There is no more channel to join.</output>

</div>

{% endif %}

<div class="form-group">

<a href="{{ url_for('index') }}">Return to index</a>

</div>

{% endblock %}