<section id="zapbande">
<h1><span><%= channel.channelNumber %></span><%- channel.channelName %></h1>

<article class="emphasized long-title">
<% if (program) { %>
  <h1 class="truncate"><%- program.titleLbl %></h1>
  <section>
    <h2><%= program.genreName %></h2>
    <ul class="details">
      <li class="version"><%= version(program.vm, program.vost) %></li>
      <li class="duration"><%= frenchDuration(program.start, program.end) %>
      <li class="csa<%= program.csa %>"></li>
      <%
      if (program.locked) print('<li class="locked"></li>');
      if (program.hd) print('<li class="high-definition"></li>');
      if (program.stm) print('<li class="deaf"></li>');
      if (program.audiodescription) print('<li class="audio-description"></li>');
      %>
    </ul>
  </section>
  <%= schedule(program.start, program.end) %>
<% } else { %>
  <h1 class="truncate"><%- channel.baseline %></h1>
<% } %>
</article>

<% if (next) { %>
<aside>
  <p>À SUIVRE :<br/><%- next.title %></p>
</aside>
<% } %>
<% if (channel.interactive) { %>
  <%= renderTemplate('zapbande/toaster', channel.interactive) %>
<% } %>
</section>
