{% extends "base.html" %}
{% load paniktags %}

{% block main %}

<style>
    #grille table, #grille tr, #grille td {
        text-align: center;
        vertical-align: middle;
    }
    #grille .symbol {
        font-size:40px;
        width:100%;
    }
    #grille table {
        border-top: 5px solid #D0D0D0;
        border-left: 5px solid #D0D0D0;
    }
    #grille td,#grille th {
        border-bottom: 5px solid #D0D0D0;
        border-right: 5px solid #D0D0D0;
    }
    #grille .heure {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
        padding:20px 10px;
        font-size:15px;
    }

    #grille h3 {
       width: 100%;
    }

    #grille .jour {
        margin-top:20px;
        margin-bottom:30px;
        width: 100%;
    }
     #grille .continu, #grille .communautaire, #grille .mix, #grille .info {
        font-family:Reglo;
        text-transform:uppercase;
        font-size:15px;
        margin-bottom:10px;
        line-height: 100%;
    }

    #grille td:hover {
        cursor: pointer;
        background-color: #D0D0D0;
    }
</style>


<div id="grille">
<table>
<tbody>
<tr>
  <td><br/></td>
  {% for weekday in weekdays %}
    <th width="13%">{{ weekday }}</th>
  {% endfor %}
  <td><br/></td>
</tr>
{% for time_header, time_cells in times|zip:grid %}
<tr>
  <th class="heure">{{ time_header }}</th>
  {% for cell in time_cells %}
  <td {% if cell.w > 1 %}colspan="{{cell.w}}"{% endif %}
      {% if cell.h > 1 %}rowspan="{{cell.h}}"{% endif %}>
      {% if cell.time_label %}<div class="cell-time-label">{{ cell.time_label }}</div>{% endif %}
      {% if cell.schedules %}
        {% for schedule in cell.schedules %}
        <div class="emission-title"><a href="{% url 'emission-view' slug=schedule.emission.slug %}">{{ schedule.emission.title }}</a></div>
        {% if schedule.weeks_string %}
          ({{ schedule.weeks_string }})
        {% endif %}
        {% endfor %}
      {% else %}
        <div class="continu cell">{{ cell }}</div>
        {% if cell.w > 1 and cell.h > 1%}<p>la musique en continu</p>{% endif %}
      {% endif %}
  </td>
  {% endfor %}
  <th class="heure">{{ time_header }}</th>
</tr>
{% endfor %}
</tbody>
</table>
</div>


{% endblock %}

{% block news %}
{% endblock %}