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

{% block title %}Keep'IT Training - Ajouter une saison{% endblock %}

{% block body %}

    {# {% for label, messages in app.flashes %}
        {% for message in messages %}
            <div class="alert alert-{{ label }}">
                {{ message }}
            </div>
        {% endfor %}
    {% endfor %} #}

<div {{ stimulus_controller("saison--saison") }}>


{% set titrePage = 'Nouvelle Saison' %}
{% if saison is defined %}
    {% set titrePage = 'Éditer' %}
{% endif %}

    {{ form_start(form) }}

    <div class="tgo-add_head">
        <div class="flex-grid">
            <div class="col col-3"><h4 class='-crop'>{{ titrePage }}</h4></div>
        
            <div class="col col-5">
                {{ form_widget(form.nom , {'attr': {'readonly' : true, 'placeholder': 'Nom de la saison (automatique)'}}) }}
            
                 {{ form_widget(form.club, {'attr': {'class' : 'u-displaynone'}}) }}
            </div>

            <div class="col col-4">
                {{ form_widget(form.championnat) }}
            </div>
            <div class="col col-3">
                {{ form_row(form.isActive, {'label': 'Saison Active'}) }}
            </div>
        
        
        </div>
    </div>

    <style>
        .l-form-row-hrz > label {
            width:auto;
        }
    </style>

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

        <div class="col col-2"></div>

        <div class="col col-3">

            <div class="oka-spacer -sm"></div>
            <p class="oka-h -md">Début de saison</p>
             {{ form_widget(form.saisonStartedAt, {'label': 'le', 'label_attr' : { 'class' : 'hrz'}}) }}
        </div>

        <div class="col col-1" style="border-right :  1px solid var(--oka-color-system-contrast-low)"></div>

        <div class="col col-5">
            
       
            <div class="oka-spacer -sm"></div>

            <p class="oka-h -md">Période Matchs Aller</p>
            <div class="u-oka-flex u-oka-gap--sm">
                
            
                {{ form_row(form.matchAllerStartedAt, {'label': 'Du' , 'label_attr' : { 'class' : 'hrz'}}) }}
                {{ form_row(form.matchAllerEndedAt, {'label': 'Au' , 'label_attr' : { 'class' : 'hrz'}}) }}
            </div>

            <div class="oka-spacer -sm"></div>
            <hr class="oka-divider -low ">
            <div class="oka-spacer -sm"></div>
            
            <p class="oka-h -md">Période Matchs Retour</p>

            <div class="u-oka-flex u-oka-gap--sm">
                {{ form_row(form.matchRetourStartedAt, {'label': 'Du', 'label_attr' : { 'class' : 'hrz'}}) }}
                {{ form_row(form.matchRetourEndedAt, {'label': 'Au', 'label_attr' : { 'class' : 'hrz'}}) }}
            </div>



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

        <div class="col col-1"  style="border-left :  1px solid var(--oka-color-system-contrast-low)"></div>

        <div class="col col-3">
            <p class="oka-h -md">Fin de saison</p>
             {{ form_widget(form.saisonEndedAt, {'label': 'le', 'label_attr' : { 'class' : 'hrz'}}) }}
        </div>
        
    </div>
        
       

        
        
       

        
        {# <div class="u-oka-flex">
            <a class=" oka-bt  -outlined" href="{{path('home')}}">
                <div class="oka-bt__lbl">Annuler</div>
                <div class="oka-spinner"></div>
            </a>
            {{ form_row(form.save, { 'label': 'Enregistrer' }) }}
        </div> #}


        <div class="oka-formFooter">
            
            {{ form_row(form.save, { 'label': 'Enregistrer' }) }}
            
            <a class=" oka-bt  -outlined" href="{{path('parametrage.saison.list')}}">
                <div class="oka-bt__lbl">Annuler</div>
                <div class="oka-spinner"></div>
            </a>

        </div>

    {{ form_end(form) }}

{% endblock %}