{% extends 'admin/base.html.twig' %}{% block title %}{{ 'MovieTheater' | trans }}{% endblock %}

{% block body %}
    <h1>{{ 'MovieTheater' | trans }}</h1>

    <table class="table">
        <tbody>
        <tr>
            <th>{{ 'Id' | trans }}</th>
            <td>{{ theater.id }}</td>
        </tr>
        <tr>
            <th>{{ 'Name' | trans }}</th>
            <td>{{ theater.name }}</td>
        </tr>
        <tr>
            <th>{{ 'PhoneNumber' | trans }}</th>
            <td>{{ theater.phoneNumber|phone_number_format('NATIONAL') }}</td>
        </tr>
        <tr>
            <th>{{ 'Address' | trans }}</th>
            <td>{{ theater.address }}</td>
        </tr>
        <tr>
            <th>{{ 'City' | trans }}</th>
            <td>{{ theater.city }}</td>
        </tr>
        <tr>
            <th>{{ 'ZipCode' | trans }}</th>
            <td>{{ theater.zipCode }}</td>
        </tr>
        <tr>
            <th>{{ 'Zone' | trans }}</th>
            <td>{{ theater.zone.name }}</td>
        </tr>
        </tbody>
    </table>

    <a href="{{ path('admin_theater_index') }}">{{ 'back to list' | trans }}</a>

    <a href="{{ path('admin_theater_edit', {'id': theater.id}) }}">{{ 'edit' | trans }}</a>

    {{ include('admin/theater/_delete_form.html.twig') }}

    <h2>{{ 'Screening list for this movie theater' | trans }}</h2>
    <ul class="nav nav-tabs">
        {% for m in theater.movies %}
            <li{% if loop.first %} class="active"{% endif %} role="presentation">
                <a aria-controls="movie-{{ m.id }}" role="tab" data-toggle="tab"
                        href="#movie-{{ m.id }}">{{ m.title }}</a>
            </li>
        {% endfor %}
    </ul>
    <div class="tab-content">

        {% for m in theater.movies %}
            <div role="tabpanel" class="tab-pane{% if loop.first %} active{% endif %}" id="movie-{{ m.id }}">
                <h3>{{ m.title }}</h3>
                <ul>
                    {% for screening in screenings %}
                        {% if screening.movie == m %}
                            <li>
                                {{ 'Movie: {movie}, projected {date} at {time}' | trans({
                                    'movie': screening.movie.title,
                                    'date': screening.projectedAt | date('d/m/y'),
                                    'time' : screening.projectedAt | date('H:i')
                                }) }}
                                (<em>{{ screening.state | trans }}</em>)
                                <div class="btn-group">
                                    <a class="btn btn-xs btn-success"
                                       href="{{ path('admin_screening_edit', {id: screening.id}) }}">{{ 'Edit' | trans }}</a>
                                    <a class="btn btn-xs btn-danger"
                                       href="{{ path('admin_screening_delete', {id: screening.id, _token: csrf_token('delete' ~ screening.id) }) }}">{{ 'Delete' | trans }}</a>

                                </div>
                            </li>
                        {% endif %}
                    {% endfor %}
                </ul>
                <a class="btn btn-success"
                   href="{{ path('admin_screening_new_with_theater', {theaterId: theater.id, movieId: m.id}) }}">{{ 'Add screenings for this movie' | trans }}</a>
            </div>
        {% endfor %}

    </div>
{% endblock %}