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

{% block title %}Keep'IT Training - Ajouter un club{% endblock %}

{% block body %}


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

{% set titrePage = 'Nouveau Club' %}
{% if club 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': {
                                'placeholder':"Nom du Club"
                            
                            }
                        })
                    }}
                </div>

                <div class="col col-4">
                    {{ form_widget(form.statut , {'label_attr': {'class':'group-inline','readonly': true}}) }}
                </div>

                <div class="col col-2">
                    {{ form_row(form.isEuropeen, {'label': 'Club Européen'}) }}             
                </div>

            </div>
        </div> 
        
        <div class="flex-grid">

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

            <div class="col col-5">
            
                <div class="l-form-row" style="position:relative">
                
                {% set default = '' %}
                {% if club is defined and club.logo is not null %} 
                    {% set default = path('club.logo.show', {'id': club.id}) %}  
                {% endif %}

                <style>
                .dropzone.oka-dropzone .dz-preview .dz-image img {
                    width: auto;
                    height: 260px;
                }
                </style>
                    {{ form_row(form.logo , { 
                        'attr': {
                            'data-dropzone'     : 'true' , 
                            'data-dz-id'        : 'dropzone1' , 
                            'data-dz-url'       : oneup_uploader_endpoint('club') ,
                            'data-dz-default'   : default
                                }
                        }) 
                    }}

                </div>
                
                {{ form_row(form.couleurMaillot, {'label': 'Couleur' }) }}

            </div>

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

            
        </div>

        


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

        </div>

    {{ form_end(form) }}

{% endblock %}