{% extends "Admin/form.html.twig" %}
{% import "Admin/macros.html.twig" as macros %}

{% macro activity(field, class, index) %}
{% set name = field.vars.id %}
<div id="{{name}}" class="relative w100 flex row space hoverflow bg-gray hz-20-in vt-20 vt-10-in {{index ? 'removable bottom-10'}}" >
    <aside class="flex col">
        <aside class="">
            <label>Début :</label>
            <aside class="flex row middle">
                {{form_widget(field.startTime.hour,{attr:{class:'hz-5-in'}})}}
                <span class="hz-5">:</span>
                {{form_widget(field.startTime.minute)}}
            </aside>
        </aside>
        <aside class="">
            <label>Fin :</label>
            <aside class="flex row middle">
                {{form_widget(field.endTime.hour,{attr:{class:'hz-5-in'}})}}
                <span class="hz-5">:</span>
                {{form_widget(field.endTime.minute)}}
            </aside>
        </aside>
    </aside>
    <aside class="flex col hz-20 third">
        <aside class="w100">
            <label>Activité :</label>
            {{form_widget(field.name, {attr:{'class':'', 'placeholder':""}})}}
        </aside>
        <aside class="w100">
            <label>Animateur :</label>
            {{form_widget(field.author, {attr:{'class':'', 'placeholder':""}})}}
        </aside>
    </aside>
    <div class="w100">
        <label>Détails :</label>
        {{form_widget(field.content, {attr:{'class':'', 'placeholder':""}})}}
    </div>
    <div class="absolute top right">
        <span class="icon small bg-error center flex col middle os-remove pointer" data-target="#{{name}}" title="!!! Supprimer le fichier !!!"><i class="fa fa-times white"></i></span>
    </div>
</div>
{% do field.setRendered() %}
{% endmacro %}

{% macro activities(field, label, class) %}
<div>
    <span class="flex row space bottom bottom-10">
        <span>
            <label class="h3 upper success">{{ label is defined and label ? label : 'Activités :' }}</label>
            <p class="light">Ajouter les activités du programme ici</p>
        </span>
        <span id="btn-{{field.vars.id}}" class="icon bg-success medium radius-half padding-10 pointer transition os-obj-add flex col middle text-center" data-target="#{{field.vars.id}}" title="Ajouter un document">
            <i class="fa fa-plus h2 white transition"></i>
        </span>
    </span>
    <figure class="w100">
        <div id="{{field.vars.id}}" class="" data-prototype="{{_self.activity(field.vars.prototype, class, '__name__')|e}}">
            {% for o in field|reverse %}
            {{ _self.activity(o, class, loop.index) }}
            {% endfor %}
        </div>
    </figure>
</div>
{% do field.setRendered() %}
{% endmacro %}

{% block form %}
	<div class="las flex row space wrap">
        <div class="half">
            <div class="">
                <label>Intitulé :</label>
                {{form_widget(form.label)}}
            </div>
    		<div class="">
    			<label>Date de début :</label>
    			{{form_widget(form.date)}}
    		</div>
            <div class="">
                <label>Date de fin :</label>
    			{{form_widget(form.endDate)}}
            </div>
            <div class="">
                <label>Description :</label>
                {{form_widget(form.description)}}
            </div>
        </div>
        <div class="half">
            <div class="">
                <label>Lieu :</label>
                {{form_widget(form.place)}}
            </div>
            <div class="">
                <label>Cover :</label>
                {{form_widget(form.cover)}}
            </div>
        </div>
	</div>

    <div class="w100">
        <label>Joindre le programme en PDF</label>
        <div class="flex row middle">
            {{form_widget(form.file)}}
        </div>
    </div>

	<div>
        {{ _self.activities(form.activities) }}
        {% do form.activities.setRendered() %}
	</div>

	<div class="text-center top-40">
		<input type="submit" name="" value=" Enregistrer " class="btn btn-success"/>
	</div>

{% endblock %}