{% extends 'TdbBaseBundle::layout.html.twig' %}
{% block title %}Edition des noms de fichier{% endblock %}

{% form_theme form 'TdbBaseBundle:Form:fields.html.twig' %}

{% block body %}
    <div class="block-flat">
    <div class="header">
        <h3>Edition des noms de fichier</h3>
    </div>
    {{ form_start(form, {'attr': {'class': 'form-horizontal group-border-dashed', 'style': 'padding-top : 10px'}}) }}
    <label class="col-sm-1 control-label" for="contenu1">Dossier</label>
    <div class="col-sm-11" {% if form.path.vars.errors |length > 0 %}class="has-error"{% endif %}>
        {{ form_widget(form.path, { 'attr': {
            'class': 'form-control js-event-filename',
            'data-popover': form.path.vars.errors |length > 0 ? "popover" : "none",
            'data-placement': "top",
            'data-trigger': "hover",
            'data-html': 'true',
            'data-content': form_errors(form.path)
        }}) }}
    </div>
<div class="form-group {% if form.clips.vars.errors |length > 0 %} has-error {% endif %}">
    <div class="form-group {% if form.clips.vars.errors |length > 0 %} has-error {% endif %}">
        <label class="col-sm-1 control-label" for="contenu1">Clips</label>
        <div class="col-sm-11 table-responsive ">
            <table class="table no-border" id="content-table">
                <thead class="no-border">
                <tr>
                    <th class="col-md-1"><strong>Nom</strong></th>
                    <th class="col-md-3"><strong>Nom de fichier</strong></th>
                    <th class="col-md-3"><strong>Durée</strong></th>
                    <th class="col-md-1 ">&nbsp;</th>

                </tr>
                </thead>
                <tbody class="no-border-y">

                {% for clip in form.clips %}
                    {% if clip.deleted.vars.value == "1" %}
                    <tr id="row-{{ loop.index }}" class="base-seq-row">
                        <td>
                            {{ clip.name.vars.value }}
                        </td>
                        <td {% if clip.fileName.vars.errors |length > 0 %}class="has-error"{% endif %}>
                            {{ form_widget(clip.fileName, { 'attr': {
                                'class': 'form-control js-event-filename',
                                'data-popover': clip.fileName.vars.errors |length > 0 ? "popover" : "none",
                                'data-placement': "top",
                                'data-trigger': "hover",
                                'data-html': 'true',
                                'data-content': form_errors(clip.fileName)
                            }}) }}
                        </td>
                        <td {% if clip.duration.vars.errors |length > 0 %}class="has-error"{% endif %}>
                            {{ form_widget(clip.duration, {'attr': {
                                'class': 'form-control js-event-duration col-md-1',
                                'data-popover': clip.duration.vars.errors |length > 0 ? "popover" : "none",
                                'data-placement': "top",
                                'data-trigger': "hover",
                                'data-html': 'true',
                                'data-content': form_errors(clip.duration)
                            }}) }}
                        </td>
                        <td>
                            {{ form_widget(clip.deleted, {'attr': {
                                'class': 'form-control js-event-duration col-md-1',
                                'style': 'display:none',
                                'data-popover': clip.deleted.vars.errors |length > 0 ? "popover" : "none",
                                'data-placement': "top",
                                'data-trigger': "hover",
                                'data-html': 'true',
                                'data-content': form_errors(clip.deleted)
                            }}) }}
                            <label class="btn btn-primary btn-file">
                                Choisir un fichier <input id="fileinput-row-{{ loop.index-1 }}" class="fileinput" type="file" style="display: none;" />
                            </label>
                        </td>
                    </tr>
                    {% endif %}
                {% endfor %}
                </tbody>
            </table>
        </div>

        {{ form_row(form._token) }}
        <div class="form-actions text-center">
            <button type="submit" class="btn btn-rad btn-primary confirm">Enregistrer</button>
            <a href="{{ path('_tdb_event_show', {'slug': event.slug}) }}" class="btn btn-rad btn-default">Annuler</a>
        </div>

    </div>
    <script type="text/javascript">
        var framerate={{ framerate }};
        var codec = '{{codec}}';
        var width = {{width}};
        var height = {{height}};
    </script>
{% endblock %}