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

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

{% block body %}

<link rel="stylesheet" href="https://unpkg.com/dropzone@5/dist/min/dropzone.min.css" type="text/css" />


{% set titrePage = 'Ajouter un gardien' %}
{% if gardien is defined %}
    {% set titrePage = 'Éditer' %}
{% endif %}

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

    {{ form_start(form) }}
<style>
                .dropzone.oka-dropzone .dz-preview .dz-image img {
                    width: 100%;
                    height: auto;
                }
                </style>

        <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.prenom, {'attr': { 'placeholder': 'Prénom'}}) }}
                <div class="oka-spacer -inline"></div>
                {{ form_widget(form.nom, {'attr': { 'placeholder': 'NOM'}}) }}
                
            </div>

            <div class="col col-4">
                
            </div>
            <div class="col col-3">
                {{ form_widget(form.statut) }}
            </div>
    
        </div>
    </div>


        
       
        
        
        





        <div class="flex-grid">

            <div class="col col-3"></div>
            <div class="col col-3">
                {{ form_widget(form.club, {'attr': {'class': 'u-displaynone'}}) }}
                {{ form_row(form.bornedAt, {'label': 'Né le' }) }}
            </div>
    <div class="col col-1"></div>
            <div class="col col-9">

                
            
                <div class="l-form-row" style="position:relative">

                {% set default = '' %}
                {% if gardien is defined and gardien.photo is not null %} 
                    {% set default = path('gardien.photo.show', {'id': gardien.id}) %}  
                {% endif %}

                    {{ form_row(form.photo , { 
                        'attr': {
                            'data-dropzone'     : 'true' , 
                            'data-dz-id'        : 'dropzone' , 
                            'data-dz-url'       : oneup_uploader_endpoint('gardien') ,
                            'data-dz-default'   : default
                            }
                        }) 
                    }}

                </div>

               

            </div>
            
        </div>

 

    <div class="oka-formFooter">
        

        {{ form_row(form.save, { 'label': 'Enregistrer' }) }}

        <a class=" oka-bt  -outlined" href="{{path('parametrage.gardien.list') }}">
            <div class="oka-bt__lbl">Annuler</div>
            <div class="oka-spinner"></div>
        </a>

        
    
         
    </div>

    {{ form_end(form) }}

{% endblock %}