{% extends 'GetTogetherBundle::base.html.twig' %}
{% block title %}График работ{% endblock %}
{% block toolbar %}
    <div class="toolbar content__toolbar">
        <h1 class="toolbar__page">График работ</h1>
        <ul class="toolbar-buttons">
        </ul>
    </div>
{% endblock %}

{% block body %}
    <a href="#openModal">Выбрать сотрудника</a>

    <div id="openModal" class="modalDialog">
        <div>	<a href="#close" title="Close" class="close">X</a>

            <h2>Список сотрудников</h2>
            {% for post in posts %}
                {{ post }}
                {% for employee in post.employees %}
                    <div id="employeeId-{{ employee.id }}">{{ employee }}</div>
                {% endfor %}<br>
            {% endfor %}
        </div>
    </div>
    {{ month }} -{{ year }}
    <table id="Schedule">
        {% set first = true %}
        {% set inc = 7 %}
        {% for time, date in shifts %}
            {% set inc = inc +1 %}
            {% if first %}
                <thead>
                <tr class="h{{ inc }}">
                    <td class="cell">
                    {% for day, shift in date %}
                    </td>
                        <td class="cell">
                            <div>{{ day }}</div>
                        </td>
                    {% endfor %}
                    {% set first = false %}
                </tr></thead><tbody>
            {% else %}
                <div>
                <tr class="h{{ inc }} time{{ time }}">
                    <td class="cell"><div>{{ time }}</div></td>
                    {% for day, shift in date %}
                        <td class="cell" data-day="{{day}}" data-month="{{month}}" data-year="{{year}}"  data-time="{{time}}">
                            <div>{% if shift is iterable %}
                                {% for employeeShift in shift %}
                                    <div id="employeeId-{{ employeeShift.employee.id }}" data-employee-id="{employeeShift.employee.id}" class="employee">{{ employeeShift.employee }}</div>
                                {% endfor %}
                                {% endif %}</div>
                        </td>
                    {% endfor %}
                </tr>
                </div></tbody>
            {% endif %}
        {% endfor %}
    </table>
    <div class='ResultsHolder'>
        <input id="btn" type="button" value="Обработать"/>
    </div>
    {#{% for day in days%}{{ day }}#}
    {#{%  endfor %}#}
    {##}
    {#{% for employee in employees %}#}
    {#<tr>#}
    {#<td style="min-width: 10px">{{ employee }}</td>#}
    {#{% for day in days %}#}
    {#<td style="min-width: 10px">#}
    {#<a class="ajax"#}

    {#{% for shiftDay in employee.getShiftDays %}#}
    {#{% if shiftDay == [year, month, day]|join('-') %}#}
    {#style="background-color: #00cc00" data-shift="true"#}
    {#{% endif %}#}
    {#{% endfor %}#}
    {#data-day="{{ day }}" data-month="{{ month }}" data-year="{{ year }}" data-employee="{{ employee.id }}" href="#">+</a>#}
    {#</td>#}
    {#{% endfor %}#}

    {#{% endfor %}#}
    {#<table>#}
    {#<thead>#}
    {#<tr>#}
    {#<td></td>#}
    {#<td>Количество смен</td>#}
    {#</tr>#}
    {#</thead>#}
    {#<tbody>#}
    {#{% for employee in employees %}#}
    {#<tr>#}
    {#<td>{{ employee }}</td>#}
    {#<td id="report" class="report{{ employee.id }}" data-employee="{{ employee.id }}"></td>#}
    {#</tr>#}
    {#<div class="gantt"></div>#}

    {#{% endfor %}#}
    {#</tbody>#}
    {#</table>#}

{% endblock %}