<?php require_once "header.php" ?>
<div class="container-fluid whole schedule">
    <div class="col-md-12">
        <section>
            <h1><span>Schedule</span></h1>
            <article class="col-md-6 col-md-offset-3">
                <!-- Introduction to section. -->
                <p>The festival opening is at 11:30am and movies will play on <b>repeat</b> until 5pm. However, the venue only closes when all films reach the end.</p>
                <p>Visitants are free to change rooms at any time. <a href="info.php">See details.</a></p>
                <!-- Table of contents, shows the room and, movie and length. -->
                <table class="col-md-7" id="schedule">
                    <thead>
                        <tr>
                            <th>11:30am, 29th of August, 2016 - Festival Opening</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>ROOM</td>
                            <td>FILM</td>
                        </tr>
                        <tr>
                            <td>Cinema 1</td>
                            <td><a data-film-id="1">Cowspiracy</a> <i>1h25m</i></td>
                        </tr>
                        <tr>
                            <td>Cinema 2</td>
                            <td><a data-film-id="2">Samsara</a><br><i>1h42m</i></td>
                        </tr>
                        <tr>
                            <td>Cinema 3</td>
                            <td><a data-film-id="3">Unity</a><br><i>1h39m</i></td>
                        </tr>
                        <tr>
                            <td>Cinema 4</td>
                            <td><a data-film-id="4">The future of food.</a><br><i>1h30m</i></td>
                        </tr>
                        <tr>
                            <td>Cinema 5</td>
                            <td><a data-film-id="5">Kill it, skin it, wear it.</a><br><i>1h00m</i></td>
                        </tr>
                        <tr>
                            <td>Cinema 6</td>
                            <td><a data-film-id="6">Food, inc</a><br><i>1h32m</i></td>
                        </tr>
                        <tr>
                            <th>5:00pm, 29th of August, 2016 - Closing session, festival ending.</th>
                        </tr>
                    </tbody>
                </table>
                <!-- Displays film summaries by request. The user needs to click one of the films. -->
                <!-- After the click a script will make an ajax call, and a php script will retrieve the data from a MySQL database. -->
                <section class="col-md-5" id="summary">
                    <h3>Summary</h3>
                    <p>Select a film to see the summary.</p>
                </section>
                <!-- Ticket section -->
                <!-- All icons and links to tickets redirect to https://getinvited.to/-->
                <section class="col-md-12 tickets">
                    <h3>Here, pick some tickets.</h3>
                    <div class="col-md-4">
                        <a href="https://getinvited.to/" target="_blank"><img src="img/free_ticket.png" class="img-responsive"  alt="Free ticket icon, select if of the age of 17 or below."></a>
                    </div>
                    <div class="col-md-4">
                        <a href="https://getinvited.to/" target="_blank"><img src="img/student_ticket.png" class="img-responsive" alt="Student ticket icon, select if you are a student. ID may be required."></a>
                    </div>
                    <div class="col-md-4">
                        <a href="https://getinvited.to/" target="_blank"><img src="img/general_ticket.png" class="img-responsive"  alt="General ticket icon, select if you are a person and want a ticket."></a>
                    </div>
                    <a class="btn btn-primary btn-lg btn-ticket" href="https://getinvited.to/" role="button" target="_blank">Get more tickets.</a>
                </section>
            </article>
        </section>
    </div>
</div>
<?php require_once "footer.php" ?>