<div class="das">
    <div class="input-field">
        <i class="mdi-action-search prefix"></i>
        <input id="filterInput" type="text" placeholder="{{langString "das.channelOverview.filterPlaceholder"}}">
    </div>
    <div id="channelList" class="row">
    {{#each channelList}}
        <div class="col s1 das-list-header">{{firstLetter}}</div>
        <div class="col s11 das-list-container">
        {{#each channels}}
            <div class="das-list-item">
                <a href="#das.channelDetails?channelId={{channelId}}" style="display: block;" class="waves-effect">
                    <span class="firstline">{{channelName}}</span>
                    <br /><span class="secondline">
                    {{#if lastUpdate}}
                        {{langString "das.channelOverview.lastMessage"}}: {{lastUpdate}}
                    {{else}}
                        {{langString "das.channelOverview.noLastMessage"}}
                    {{/if}}
                    </span>
                </a>
            </div>
        {{/each}}
        </div>
    {{else}}
        <p class="center-align">{{langString "das.channelOverview.noChannelFound"}}</p>
    {{/each}}
    </div>
</div>