{% extends "site_base.html" %}

{% load i18n %}

{% load bootstrap_tags %}

{% block head_title %}Conference Schedule Edit{% endblock %}

{% block body_class %}full{% endblock %}

{% block right %}

{% endblock %}

{% block extra_head %}

    <style>

        td {

            font-size: 9pt;

        }

        td.slot {

            text-align: center;

            vertical-align: middle;

        }

        td.time {

            vertical-align: top;

            width: 50px;

            font-size: 8pt;

            padding-top: 0;

        }

        td.slot:hover .schedule-controls {

            display: block;

        }

        .schedule-controls {

            display: none;

            font-size: 8pt;

        }

        .schedule-controls a {

            text-decoration: none;

            color: #000;

        }

        .schedule-controls a:hover {

            color: #999;

        }

        td.slot .title {

            font-weight: bold;

            line-height: 10pt;

        }

    </style>

{% endblock %}

{% block body_outer %}

    <div class="row">

        <div class="span12">

            <h1>Schedule Edit</h1>

            {% for timetable in days %}

                <h2>{{ timetable.day.date }}</h2>

                {% include "schedule/_grid.html" %}

            {% endfor %}

        </div>

        <div class="modal fade hide in" id="slotEditModal">