{% macro widget_prototype(widget, remove_text) %}
	{% if widget.vars.prototype is defined %}
		{% set form = widget.vars.prototype %}
		{% set name = widget.vars.prototype.vars.name %}
	{% else %}
		{% set form = widget %}
		{% set name = widget.vars.full_name %}
	{% endif %}
	<div class="panel-body ligneF">
		<div data-content="{{ name }}" class="form-body">


			<div class="row">

				<div class="col-md-10">
					<div class="form-group ">
						<label class="form-label" for="file">Images</label>
						{{ form_widget(form.file, {'attr': {'class': 'form-control'}}) }}
 <div class="error">
								{{form_errors(form.file)}}
								</div>
					</div>
				</div>
				<div class="col-md-2">
					<a class="btn btn-danger mt-4" data-related="{{ name }}">
						<i class="fa fa-trash-o" aria-hidden="true"></i>
					</a>
				</div>
			</div>
		</div>
	</div>
{% endmacro %}
<div class="container-fluid">
<div class="row">
    <div class="col-sm-12">
    <div class="card">
        <div class="card-header pb-0">
        <h5>Evènement</h5>
        </div>
        {{ form_start(form, {'attr': {'class': 'form theme-form'}}) }}
        <div class="card-body">
            <div class="row">
            <div class="col">
                <div class="mb-3">
                <label class="form-label" for="formateur">Libellé</label>
                {{ form_widget(form.wording, {'attr': {'class': 'form-control'}}) }}
                 <div class="error">
								{{form_errors(form.wording)}}
								</div>
                </div>
            </div>
            </div>
             <div class="row">
            <div class="col">
                <div class="mb-3">
                <label class="form-label" for="descriptionCourte">Description courte</label>
                {{ form_widget(form.descriptionCourte, {'attr': {'class': 'form-control'}}) }}
                      <div class="error">
								{{form_errors(form.descriptionCourte)}}
								</div>
                </div>
            </div>
            </div> 
                <div class="row">
            <div class="col">
                <div class="mb-3">
                <label class="form-label" for="description">Description</label>
                {{ form_widget(form.description, {'attr': {'class': 'form-control'}}) }}
                      <div class="error">
								{{form_errors(form.description)}}
								</div>
                </div>
            </div>
            </div> 
           
            <div class="row">
            <div class="col-6">
               
                                <div class="mb-3">
									<label class="form-label" for="imageFile">Image de l'évènement</label>
										<label class="col-12 restyle-file">
										Téléverser fichier <img class="img-download" src="{{ asset('assets/images/download.png') }}">
										{{ form_widget(form.imageFile, {'attr': {'class': 'form-control'}}) }}
                                           <div class="error">
								{{form_errors(form.imageFile)}}
								</div>
										</label>
								</div>
                                </div>
            
            <div class="col-6">
               
                  <div class="mb-3">
									<label class="form-label" for="videoFile">Vidéo de l'évènement</label>
										<label class="col-12 restyle-file">
										Téléverser fichier <img class="img-download" src="{{ asset('assets/images/download.png') }}">
										{{ form_widget(form.videoFile, {'attr': {'class': 'form-control'}}) }}
                                           <div class="error">
								{{form_errors(form.videoFile)}}
								</div>
										</label>
								</div>
            </div>
            </div>   
                                    <div class="row">
            <div class="col-6">
                <div class="mb-3">
                <label class="form-label" for="dateDebut">Date de début</label>
                {{ form_widget(form.dateDebut, {'attr': {'class': 'datepicker-here form-control digits', 'data-language': 'fr'}}) }}
                     <div class="error">
								{{form_errors(form.dateDebut)}}
								</div>
                </div>
            </div>
          
            <div class="col-6">
                <div class="mb-3">
                <label class="form-label" for="dateFin">Date de fin</label>
                {{ form_widget(form.dateFin, {'attr': {'class': 'datepicker-here form-control digits', 'data-language': 'fr'}}) }}
                  <div class="error">
								{{form_errors(form.dateFin)}}
								</div>
                </div>
            </div>
            </div>

        <div class="row">
            <div class="col">
                <div class="mb-3">
                <label class="form-label" for="images">Details</label>
					<div id="actions" data-prototype="{{ _self.widget_prototype(form.images, 'Remove Image')|escape }}">
									{% for widget in form.images.children %}
										{{ _self.widget_prototype(widget, 'Remove Image') }}
									{% endfor %}
						</div>

						<a id="add-action" class="btn btn-floating btn-success btn-sm" data-target="actions">
									<i class="fa fa-plus" aria-hidden="true"></i>
						</a>                
              </div>
            </div>
        </div>        
        <div class="card-footer text-end">
            <button class="btn btn-primary" type="submit">Envoyer</button>
            <button class="btn btn-light" type="reset"><a href="{{ path('app_evenement_index') }}"> Annuler</a></button>
        </div>
        {{ form_end(form) }}
    </div>
    </div>
</div>
</div>
</div>