{% extends '00_bases/base-section.html.twig' %}

{% block title %}Keep'IT Training{% endblock %}

{% block bodyClass %}tgo-body--planning tgo-semaine{% endblock %}

{% block bodyStimulus %}
    {{ stimulus_controller("planning--planning planning--match planning--seance", {'gardiens': gardiens|json_encode()}) }}

    {# {{ stimulus_controller("planning--planning planning--match planning--seance, {'gardiens': gardiens|json_encode()}") }} #}
    {#{ stimulus_controller("planning--planning") }}
    {#{ stimulus_controller("planning--match") }}
    {# {{ stimulus_controller("planning--seance", {'gardiens': gardiens|json_encode()}) }#} 
{% endblock %}

{% block shead %}
    {% include "home/_fragments/menuPlanning.html.twig" with {'open': 'true'} %}
{% endblock %}

{% block body %}



<div class="flex-grid"
>

    <div class="tgo-cal_colLeft col">
        
        {% set delete_message = app.request.cookies.get('delete_message') %}

        {% if delete_message %}
            <div class="oka-message -info">
                <div class="oka-message__ico" style="margin-top: 0.2rem;">
                    <i class="fa-solid fa-circle-info"></i>
                </div>
                <div class="oka-message__lbl">
                    {{ delete_message }}
                </div>
                <button class="oka-bt -sm -ghost -rounded -info" onclick="this.parentNode.remove();">✕</button>
            </div>
        {% endif %}

        <div class="tgo-cal_week -legende">
            <div class="tgo-cal_weekNum">&nbsp;</div>
            {% set jours = ['Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi', 'Dimanche'] %}

            {% for i in 0..6 %}
                <div class="tgo-cal_day">
                    <div class="tgo-cal_dayLbl">{{ jours[i] }}</div>
                </div>
            {% endfor %}
        </div>

        <div class="oka-spacer -md"></div>

        <div class="tgo-cal_saison">
        {% if saison is defined %}

            <div class="tgo-cal_demiSaison -aller">
                {# Partie avant le match aller #}
                <div class="tgo-cal_periode">

                    {% set baseDate = monday %}
                    {% set endDate = mondayMatchsAller %}
                    {% set difference = endDate.diff(baseDate) %}
                    {% set semainesAvantMatchAller = (difference.days / 7)|round %}
                    {% set startingWeek = 1 %}
                    {% set now = "now"|date("d-m-Y") %}

                    {% if semainesAvantMatchAller > 0 %}
                        {% for i in startingWeek..startingWeek + semainesAvantMatchAller - 1 %}
                            
                            {% set startOfWeek = baseDate|date_modify("last Monday") %}
                            {% set endOfWeek = baseDate|date_modify("next Monday") %}
                            {% set endOfWeek = endOfWeek|date_modify("-1 day") %}

                            {% if date(now) >= date(startOfWeek|date('d-m-Y')) and date(now) <= date(endOfWeek|date('d-m-Y')) %}
                                {% include "home/_fragments/week.html.twig" with {'temps': 'present', 'baseDate': baseDate} %}

                            {% elseif date(now) > date(baseDate|date('d-m-Y')) %}
                                {% include "home/_fragments/week.html.twig" with {'temps': 'passe', 'baseDate': baseDate} %}

                            {% elseif date(now) < date(baseDate|date('d-m-Y')) %}
                                {% include "home/_fragments/week.html.twig" with {'temps': 'futur', 'baseDate': baseDate} %}
                            {% endif %}

                            {% set baseDate = baseDate|date_modify("+7 day") %}

                        {% endfor %}
                    {% endif %}

                </div>

                {# Partie match aller #}
                <div class="tgo-cal_periode -matchAller">
                    {% set baseDate = mondayMatchsAller %}
                    {% set endDate = mondayMatchsRetour %}
                    {% set difference = endDate.diff(baseDate) %}
                    {% set semainesAvantMatchRetour = (difference.days / 7)|round %}
                    {% set startingWeek = startingWeek + semainesAvantMatchAller %}

                    {% for i in startingWeek..startingWeek + semainesAvantMatchRetour - 1 %}

                        {% set startOfWeek = baseDate %}
                        {% set endOfWeek = baseDate|date_modify("next Monday") %}
                        {% set endOfWeek = endOfWeek|date_modify("-1 day") %}

                        {% if date(now) >= date(startOfWeek|date('d-m-Y')) and date(now) <= date(endOfWeek|date('d-m-Y')) %}
                            {% include "home/_fragments/week.html.twig" with {'temps': 'present', 'baseDate': baseDate} %}

                        {% elseif date(now) > date(baseDate|date('d-m-Y')) %}
                            {% include "home/_fragments/week.html.twig" with {'temps': 'passe', 'baseDate': baseDate} %}

                        {% elseif date(now) < date(baseDate|date('d-m-Y')) %}
                            {% include "home/_fragments/week.html.twig" with {'temps': 'futur', 'baseDate': baseDate} %}
                        {% endif %}

                        {% set baseDate = baseDate|date_modify("+7 day") %}

                    {% endfor %}
                </div>
            </div>


            <div class="tgo-cal_demiSaison -retour">

                {# Partie match retour #}
                <div class="tgo-cal_periode -matchRetour">
                    {% set baseDate = mondayMatchsRetour %}
                    {% set endDate = mondayFinMatchsRetour %}
                    {% set difference = endDate.diff(baseDate) %}
                    {% set semainesAvantFinMatchsRetour = (difference.days / 7)|round %}
                    {% set startingWeek = startingWeek + semainesAvantMatchRetour %}

                    {% for i in startingWeek..startingWeek + semainesAvantFinMatchsRetour %}

                        {% set startOfWeek = baseDate %}
                        {% set endOfWeek = baseDate|date_modify("next Monday") %}
                        {% set endOfWeek = endOfWeek|date_modify("-1 day") %}

                        {% if date(now) >= date(startOfWeek|date('d-m-Y')) and date(now) <= date(endOfWeek|date('d-m-Y')) %}
                            {% include "home/_fragments/week.html.twig" with {'temps': 'present', 'baseDate': baseDate} %}

                        {% elseif date(now) > date(baseDate|date('d-m-Y')) %}
                            {% include "home/_fragments/week.html.twig" with {'temps': 'passe', 'baseDate': baseDate} %}

                        {% elseif date(now) < date(baseDate|date('d-m-Y')) %}
                            {% include "home/_fragments/week.html.twig" with {'temps': 'futur', 'baseDate': baseDate} %}
                        {% endif %}

                        {% set baseDate = baseDate|date_modify("+7 day") %}

                    {% endfor %}

                </div>
                <div class="tgo-cal_periode">

                    {% set baseDate = mondayFinMatchsRetour|date_modify("+7 days") %}
                    {% set endDate = mondayFinSaison %}
                    {% set difference = endDate.diff(baseDate) %}
                    {% set semainesAvantFinSaison = (difference.days / 7)|round %}
                    {% set startingWeek = startingWeek + semainesAvantFinMatchsRetour + 1 %}


                    {% for i in startingWeek..startingWeek + semainesAvantFinSaison %}

                        {% set startOfWeek = baseDate %}
                        {% set endOfWeek = baseDate|date_modify("next Monday") %}
                        {% set endOfWeek = endOfWeek|date_modify("-1 day") %}

                        {% if date(now) >= date(startOfWeek|date('d-m-Y')) and date(now) <= date(endOfWeek|date('d-m-Y')) %}
                            {% include "home/_fragments/week.html.twig" with {'temps': 'present', 'baseDate': baseDate} %}

                        {% elseif date(now) > date(baseDate|date('d-m-Y')) %}
                            {% include "home/_fragments/week.html.twig" with {'temps': 'passe', 'baseDate': baseDate} %}

                        {% elseif date(now) < date(baseDate|date('d-m-Y')) %}
                            {% include "home/_fragments/week.html.twig" with {'temps': 'futur', 'baseDate': baseDate} %}
                        {% endif %}

                        {% set baseDate = baseDate|date_modify("+7 day") %}

                    {% endfor %}

                </div>
            </div>

        {% endif %}
        </div>

    </div>

    <div class="tgo-cal_colRight col">

        <div class="tgo-cal_legendes">

            {% for famille in familles %}
                <div class="tgo-cal_legende">
                    <label class="tgo-cal_event" style="background-color: {{ famille.couleur }};"></label>
                    <span class="oka-data -sm">{{ famille.nom }}</span>
                </div>
            {% endfor %}

    

            <div class="u-oka-flex -flex-vrt -flex-center">

                {% for gardien in gardiens %}
                    {% set current_date = "now"|date('d M') %}
                    {% set gardien_bornedAt = gardien.bornedAt|date('d M') %}
                    {% if gardien_bornedAt == current_date %}
                        <p><i class="fa-solid fa-cake-candles"></i></p>
                        {{ gardien_bornedAt }}.
                            <div class="oka-card__media oka-ratio -16-9" style="background-image: url({{ asset('visuels/gardien/photo/' ~ gardien.photo) }}); background-size: cover;"></div>
                            <h4>{{ gardien.nom }} {{ gardien.prenom }}</h4>
                        <div class="oka-spacer"></div>
                    {% endif %}
                {% endfor %}

            </div>
        </div>

    </div>

</div>

{% endblock %}

{% block modal %}
    {% include "home/_fragments/_modal-add.html.twig" %}
    {% include "home/_fragments/_modal-planning.html.twig" %}
    {% include "home/_fragments/_modal-match.html.twig" %}
{% endblock %}