{% from "TdbBaseBundle::macros.html.twig" import userChip %}
{% set nbClips=clips|length %}
{% if nbClips > 0 %}
<div class="{{ grid_col_size }}">
    {% if color is defined %}
    <div class="block block-color {{ color }}">
    {% else %}
    <div class="block">
    {% endif %}
        <div class="header">
            <div class="actions">
                <a class="minimize" href="#"><i class="fas fa-chevron-down"></i></a>
            </div>
            <h3>{{ nbClips }} clip{% if nbClips > 1 %}s{% endif %} {{ title }}</h3>
        </div>

        <div class="content" {% if closed == true or nbClips == 0 %}style="display:none"{% endif %}>
            <div class="table-responsive">
                <table class="table no-border hover">
                    <thead class="no-border">
                    <tr>
                        <th>&nbsp;</th>
                        <th><strong>Nom</strong></th>
                        <th><strong>Respo(s) montage</strong></th>
                        <th><strong>Musique(s)</strong></th>
                        <th><strong>Durée</strong></th>
                        <th><strong>Type</strong></th>
                        <th><strong>Commentaire(s)</strong></th>
                        <th><strong>Actions</strong></th>
                    </tr>
                    </thead>
                    <tbody class="no-border-y">
                        {% for c in clips %}
                        <tr>
                            <td>
                                {% if c.ClipsWithMusics|length > 0 %}
                                    <span class="label label-warning" title="Une des musiques utilisées dans ce clip est utilisée dans un autre"><i class="fas fa-exclamation-triangle"></i></span>
                                {% endif %}
                                {% if c.masters|length == 0 %}
                                    <span class="label label-warning" title="Ce clip n'est dans aucun master !"><i class="fas fa-exclamation-triangle"></i></span>
                                {% endif %}
                                {% if c.filename == null %}
                                    <span class="label label-warning" title="Le clip n'a pas de fichier lié"><i class="fas fa-file-video"></i></span>
                                {% endif %}
                            </td>
                            <td><a href="{{ path('_tdb_event_clip_show', {'event': event.slug, 'clip': c.slug })  }}">{{ c.name }}</a></td>
                            <td>
                                {% for m in c.respoMontage %}
                                    {{ userChip(m, 30) }}
                                {% else %}
                                    <a href="{{ path('_tdb_event_clip_take', {'event': c.event.slug, 'clip': c.slug}) }}" class="btn btn-rad btn-info btn-sm popover-title-auto" title="Me nommer respo montage de ce clip"><i class="fas fa-tag"></i> Prendre le clip</a>
                                {% endfor %}
                                
                            </td>
                            <td>
                                {% for m in c.musics %}
                                    <a href='{{ path('_tdb_event_music_show', {'slug': m.slug}) }}'>
                                        {{ m }}
                                    </a>
                                    {% if not loop.last %}, {% endif %}
                                {% endfor %}
                            </td>
                            <td>
                                {{ c.duration|durationHMSF }}
                            </td>
                            <td><a href="{{ path('_tdb_event_cliptype_show', {'slug': c.type.slug}) }}">{{ c.type }}</a></td>
                            <td>{{ c.commentsNoDel|length }}</td>
                            <td>
                                {% if is_granted("show", c) %}<a href="{{ path('_tdb_event_clip_show', {'event': event.slug, 'clip': c.slug })  }}" class="btn btn-rad btn-primary btn-sm popover-title-auto" title="Détails"><i class="glyphicon glyphicon-list-alt"></i></a>{% endif %}
                                {% if is_granted("edit", c) %}<a href="{{ path('_tdb_event_clip_edit', {'event': event.slug, 'clip': c.slug, 'from_event': true})  }}" class="btn btn-rad btn-primary btn-sm popover-title-auto" title="Editer"><i class="fas fa-pencil-alt"></i></a>{% endif %}
                                {% if is_granted("annotate", c) %}<button class="btn btn-rad btn-primary btn-sm js-edit-clip-seqcomment"
                                        eventslug="{{ event.slug }}"
                                        clipslug="{{ c.slug }}"
                                        data-popover="popover"
                                        data-original-title="Annotation"
                                        data-placement="top"
                                        data-trigger="hover"
                                        data-content="{{ c.seqComment }}"
                                        >
                                    <i class="fas fa-comment"></i>
                                </button>{% endif %}
                                {% if not c.canceled %}
                                    {% if c.validatedAt is not null %}
                                        {% if is_granted("validate", c) %}<a href="{{ path('_tdb_event_clip_unvalidate', {'event': c.event.slug, 'clip': c.slug, 'from_event': true}) }}" class="btn btn-rad btn-danger btn-sm popover-title-auto" title="Dévalider"><i class="fas fa-chevron-circle-left"></i></a>{% endif %}
                                    {% elseif c.finishedAt is not null %}
                                        {% if is_granted("edit", c) %}<a href="{{ path('_tdb_event_clip_unfinish', {'event': c.event.slug, 'clip': c.slug, 'from_event': true}) }}" class="btn btn-rad btn-danger btn-sm popover-title-auto" title="Marquer comme non monté"><i class="fas fa-chevron-circle-left"></i></a>{% endif %}
                                        {% if is_granted("validate", c) %}<a href="{{ path('_tdb_event_clip_validate', {'event': c.event.slug, 'clip': c.slug, 'from_event': true}) }}" class="btn btn-rad btn-success btn-sm popover-title-auto" title="Valider"><i class="fas fa-check"></i></a>{% endif %}
                                    {% elseif c.derushed %}
                                        {% if is_granted("edit", c) %}<a href="{{ path('_tdb_event_clip_underush', {'event': c.event.slug, 'clip': c.slug, 'from_event': true}) }}" class="btn btn-rad btn-danger btn-sm popover-title-auto" title="Marquer comme non dérushé"><i class="fas fa-chevron-circle-left"></i> </a>{% endif %}
                                        {% if is_granted("edit", c) %}<a href="{{ path('_tdb_event_clip_finish', {'event': c.event.slug, 'clip': c.slug, 'from_event': true}) }}" class="btn btn-rad btn-success btn-sm popover-title-auto" title="Marquer comme monté"><i class="fas fa-chevron-circle-right"></i></a>{% endif %}
                                    {% elseif c.shoted %}
                                        {% if is_granted("edit", c) %}<a href="{{ path('_tdb_event_clip_unshoot', {'event': c.event.slug, 'clip': c.slug, 'from_event': true}) }}" class="btn btn-rad btn-danger btn-sm popover-title-auto" title="Marquer comme non tourné"><i class="fas fa-chevron-circle-left"></i></a>{% endif %}
                                        {% if is_granted("edit", c) %}<a href="{{ path('_tdb_event_clip_derush', {'event': c.event.slug, 'clip': c.slug, 'from_event': true}) }}" class="btn btn-rad btn-success btn-sm popover-title-auto" title="Marquer comme dérushé"><i class="fas fa-chevron-circle-right"></i></a>{% endif %}
                                    {% else %}
                                        {% if is_granted("edit", c) %}<a href="{{ path('_tdb_event_clip_shoot', {'event': c.event.slug, 'clip': c.slug, 'from_event': true}) }}" class="btn btn-rad btn-success btn-sm popover-title-auto" title="Marquer comme tourné"><i class="fas fa-chevron-circle-right"></i> </a>{% endif %}
                                    {% endif %}
                                    {% if is_granted("edit", c) %}<a href="{{ path('_tdb_event_clip_cancel', {'event': c.event.slug, 'clip': c.slug, 'from_event': true}) }}" class="btn btn-rad btn-warning btn-sm popover-title-auto" title="Annuler"><i class="fas fa-ban"></i> </a>{% endif %}
                                {% else %}
                                    {% if is_granted("edit", c) %}<a href="{{ path('_tdb_event_clip_uncancel', {'event': c.event.slug, 'clip': c.slug, 'from_event': true}) }}" class="btn btn-rad btn-primary btn-sm"><i class="far fa-circle"></i> Désannuler</a>{% endif %}
                                    {% if is_granted("delete", c) %}<a href="{{ path('_tdb_event_clip_delete', {'event': c.event.slug, 'clip': c.slug, 'from_event': true}) }}" class="btn btn-rad btn-danger js-confirm-clip-delete btn-sm"><i class="fas fa-trash"></i> Supprimer</a>{% endif %}
                                {% endif %}
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
{% endif %}