{% for monthIndex in 0..11 %}
    {% if monthIndex is even %}
    <table class="table calendarEven">
    {% else %}
    <table class="table calendarOdd">
    {% endif %}
        <thead>
        <tr>
            <th colspan="7">
                {{ calendar[monthIndex]['monthName'] }} {{ calendar[monthIndex]['year'] }}
            </th>
        </tr>
        <tr>
            <th>Mo</th>
            <th>Di</th>
            <th>Mi</th>
            <th>Do</th>
            <th>Fr</th>
            <th>Sa</th>
            <th>So</th>
        </tr>
        </thead>
        <tbody>
        {% for weekIndex in 0..5 %}
            <tr>
                {% for dayIndex in 0..6 %}
                    {# @var dayState \AppBundle\Util\CalendarDayState #}
                    {% set dayState = calendar[monthIndex]['data'][(weekIndex * 7) + dayIndex] %}
                    {% if dayState.isBookable or dayState.isReserved %}
                        {% if dayState.isBookable %}
                            <td>
                                <a href="/fewo/{{ page.slug }}/fewo-buchen?pnr={{ dayState.price.id }}&fd={{ dayState.day < 10 ? '0':'' }}{{dayState.day}}{{ calendar[monthIndex]['monthNumber'] < 10 ? '0':'' }}{{calendar[monthIndex]['monthNumber']}}{{calendar[monthIndex]['year']}}"
                                   style="color: #5a5a5a;"
                                   rel="nofollow"
                                >
                                    {{ dayState.day }}
                                </a>
                            </td>
                        {% elseif dayState.isReserved %}
                            {% if dayState.isReservationBegin %}
                                {# @var prevState \AppBundle\Util\CalendarDayState #}
                                {% set prevState = calendar[monthIndex]['data'][(weekIndex * 7) + (dayIndex - 1)] %}
                                {% if prevState.day == 0 or prevState.isReservationEnd %}
                                    <td style="background-color: darkgray!important;">
                                        <del>{{ dayState.day }}</del>
                                    </td>
                                {% else %}
                                    <td class="calendarGradientTravelBegin">
                                        <del>{{ dayState.day }}</del>
                                    </td>
                                {% endif %}
                            {% elseif dayState.isReservationEnd %}
                                {# @var nextState \AppBundle\Util\CalendarDayState #}
                                {% set nextState = calendar[monthIndex]['data'][(weekIndex * 7) + (dayIndex + 1)] %}
                                {% if nextState.isReservationBegin %}
                                    <td style="background-color: darkgray!important;">
                                        <del>{{ dayState.day }}</del>
                                    </td>
                                {% else %}
                                    <td class="calendarGradientTravelEnd">
                                        <a href="/fewo/{{ page.slug }}/fewo-buchen?pnr={{ dayState.price.id }}&fd={{ dayState.day < 10 ? '0':'' }}{{dayState.day}}{{ calendar[monthIndex]['monthNumber'] < 10 ? '0':'' }}{{calendar[monthIndex]['monthNumber']}}{{calendar[monthIndex]['year']}}"
                                           style="color: white;"
                                           rel="nofollow"
                                        >
                                            <del>{{ dayState.day }}</del>
                                        </a>
                                    </td>
                                {% endif %}
                            {% else %}
                                <td style="background-color: darkgray!important;">
                                    <del>{{ dayState.day }}</del>
                                </td>
                            {% endif %}
                        {% endif %}
                    {% else %}
                        {% if dayState.day == 0 %}
                            <td>
                                -
                            </td>
                        {% else %}
                            {% if dayState.isInSeason and not(dayState.isBookable) and not(dayState.isReserved) %}
                                <td>
                                    <del>{{ dayState.day }}</del>
                                </td>
                            {% else %}
                                <td style="background-color: darkgray!important">
                                    <del>{{ dayState.day }}</del>
                                </td>
                            {% endif %}
                        {% endif %}
                    {% endif %}
                {% endfor %}
            </tr>
        {% endfor %}
        </tbody>
    </table>
{% endfor %}