{% extends 'TdbBaseBundle::layout.html.twig' %}
{% from "TdbBaseBundle::macros.html.twig" import userWidget, userChip %}
{% block title %}Clip{% endblock %}

{% block body %}
<div class="page-head">
    <ol class="breadcrumb">
        <li><a href="{{ path("_tdb_event_index") }}">Evènements</a></li>
        <li><a href="{{ path("_tdb_event_show", {"slug": clip.event.slug}) }}">{{ clip.event.name }}</a></li>
        <li class="active">{{ clip.name }}</li>
    </ol>
</div>
<div class="row">
    <div class="col-md-12">
        <div class="block-flat">
            <div class="header">
                <h3><span class="badge badge-{{ clip.type.color }}">{{ clip.type }}</span> {{ clip.name }}
                    {% if clip.canceled %}
                        <span class="label label-danger pull-right" data-popover="popover" data-original-title="Annulé" data-placement="bottom" data-trigger="hover" data-content="Le clip est annulé">Annulé</span>
                    {% elseif clip.validatedAt is not null %}
                        <span class="label label-success pull-right" data-popover="popover" data-original-title="Validé" data-placement="bottom" data-trigger="hover" data-content="Le clip a été validé le {{clip.validatedAt|date("d/m/Y à H:i") }}">Validé</span>
                    {% elseif clip.finishedAt is not null %}
                        <span class="label label-warning pull-right" data-popover="popover" data-original-title="Monté" data-placement="bottom" data-trigger="hover" data-content="Le clip est fini depuis le {{clip.finishedAt|date("d/m/Y à H:i") }} et est en attente de validation">Monté</span>
                    {% elseif clip.derushed %}
                        <span class="label label-info pull-right" data-popover="popover" data-original-title="Dérushé" data-placement="bottom" data-trigger="hover" data-content="Le clip est dérushé">Dérushé</span>
                    {% elseif clip.shoted %}
                        <span class="label label-info pull-right" data-popover="popover" data-original-title="Tourné" data-placement="bottom" data-trigger="hover" data-content="Le clip est tourné">Tourné</span>
                    {% else %}
                        <span class="label label-danger pull-right" data-popover="popover" data-original-title="Non-tourné" data-placement="bottom" data-trigger="hover" data-content="Le clip n'est pas encore commencé">Non tourné</span>
                    {% endif %}
                    <span class="label label-info pull-right">{{ clip.duration|durationHMSF }}</span>
                </h3>
            </div>
            <div><span style="font-style: oblique;">Nom du fichier : </span>{% if clip.filename %} {{ clip.filename }} {% else %} <span style="color:red;">Pas de fichier associé</span> {% endif %}</div>
            <div class="content">
                <div class='row friends-list'>
                {% for responsable in clip.respoMontage %}
                    <div class="col-md-3 overflow-hidden">
                        <h4>Responsable montage:</h4>
                        {{ userWidget(responsable, 70) }}
                    </div>
                {% endfor %}
                {% for responsable in clip.respoTournage %}
                    <div class="col-md-3 overflow-hidden">
                        <h4>Responsable tournage:</h4>
                        {{ userWidget(responsable, 70) }}
                    </div>
                {% endfor %}
                </div>
                <div class='row'>
                    <div class="col-md-12">
                        {% if is_granted("edit", clip) %}<a href="{{ path('_tdb_event_clip_edit', {'event': clip.event.slug, 'clip': clip.slug}) }}" class="btn btn-rad btn-primary"><i class="fas fa-pencil-alt"></i> Editer</a>{% endif %}
                        {% if not clip.canceled %}
                            {% if is_granted("edit", clip) %}<a href="{{ path('_tdb_event_clip_cancel', {'event': clip.event.slug, 'clip': clip.slug}) }}" class="btn btn-rad btn-warning"><i class="fas fa-ban"></i> Annuler</a>{% endif %}
                            {% if clip.validatedAt is not null %}
                                {% if is_granted("validate", clip) %}<a href="{{ path('_tdb_event_clip_unvalidate', {'event': clip.event.slug, 'clip': clip.slug}) }}" class="btn btn-rad btn-danger"><i class="fas fa-chevron-circle-left"></i> Dévalider</a>{% endif %}
                            {% elseif clip.finishedAt is not null %}
                                {% if is_granted("edit", clip) %}<a href="{{ path('_tdb_event_clip_unfinish', {'event': clip.event.slug, 'clip': clip.slug}) }}" class="btn btn-rad btn-danger"><i class="fas fa-chevron-circle-left"></i> Marquer comme non monté</a>{% endif %}
                                {% if is_granted("validate", clip) %}<a href="{{ path('_tdb_event_clip_validate', {'event': clip.event.slug, 'clip': clip.slug}) }}" class="btn btn-rad btn-success"><i class="fas fa-check"></i> Valider</a>{% endif %}
                            {% elseif clip.derushed %}
                                {% if is_granted("edit", clip) %}<a href="{{ path('_tdb_event_clip_underush', {'event': clip.event.slug, 'clip': clip.slug}) }}" class="btn btn-rad btn-danger"><i class="fas fa-chevron-circle-left"></i> Marquer comme non dérushé</a>{% endif %}
                                {% if is_granted("edit", clip) %}<a href="{{ path('_tdb_event_clip_finish', {'event': clip.event.slug, 'clip': clip.slug}) }}" class="btn btn-rad btn-success"><i class="fas fa-chevron-circle-right"></i> Marquer comme monté</a>{% endif %}
                            {% elseif clip.shoted %}
                                {% if is_granted("edit", clip) %}<a href="{{ path('_tdb_event_clip_unshoot', {'event': clip.event.slug, 'clip': clip.slug}) }}" class="btn btn-rad btn-danger"><i class="fas fa-chevron-circle-left"></i> Marquer comme non tourné</a>{% endif %}
                                {% if is_granted("edit", clip) %}<a href="{{ path('_tdb_event_clip_derush', {'event': clip.event.slug, 'clip': clip.slug}) }}" class="btn btn-rad btn-success"><i class="fas fa-chevron-circle-right"></i> Marquer comme dérushé</a>{% endif %}
                            {% else %}
                                {% if is_granted("edit", clip) %}<a href="{{ path('_tdb_event_clip_shoot', {'event': clip.event.slug, 'clip': clip.slug}) }}" class="btn btn-rad btn-success"><i class="fas fa-chevron-circle-right"></i> Marquer comme tourné</a>{% endif %}
                            {% endif %}
                            {% if clip.respoMontage|length == 0 %}<a href="{{ path('_tdb_event_clip_take', {'event': clip.event.slug, 'clip': clip.slug}) }}" class="btn btn-rad btn-info" title="Me nommer respo montage de ce clip"><i class="fas fa-tag"></i> Prendre le clip</a>{% endif %}
                        {% else %}
                            {% if is_granted("edit", clip) %}<a href="{{ path('_tdb_event_clip_uncancel', {'event': clip.event.slug, 'clip': clip.slug}) }}" class="btn btn-rad btn-primary"><i class="fas fa-circle"></i> Désannuler</a>{% endif %}
                            {% if is_granted("delete", clip) %}<a href="{{ path('_tdb_event_clip_delete', {'event': clip.event.slug, 'clip': clip.slug}) }}" class="btn btn-rad btn-danger js-confirm-clip-delete"><i class="fas fa-trash"></i> Supprimer</a>{% endif %}
                        {% endif %}
                        {% if is_granted('comment', clip) %}
                            <a href="javascript:scrollToAnchor('clip-comment-form')"
                               title="Laisser un commentaire" class='btn btn-rad btn-primary'><i class="fas fa-reply"></i> Ajouter un commentaire</a>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    {% if clip.shortDescription | trim is not empty %}
        {% if clip.longDescription | trim is not empty %}
        <div class="col-md-4">
        {% else %}
        <div class="col-md-12">
        {% endif %}
            <div class="block-flat">
                <div class="header">
                    <h3>Description</h3>
                </div>
                <div class="content overflow-hidden">
                    <p>
                        {{ clip.shortDescription | nl2br }}
                    </p>
                </div>
            </div>
        </div>
    {% endif %}
    {% if clip.longDescription | trim is not empty %}
        {% if clip.shortDescription | trim is not empty %}
        <div class="col-md-8">
        {% else %}
        <div class="col-md-12">
        {% endif %}
            <div class="block-flat">
                <div class="header">
                    <h3>Synopsis</h3>
                </div>
                <div class="content">
                    {{ clip.longDescription | raw }}
                </div>
            </div>
        </div>
    {% endif %}
</div>
    
<div class="row">
    <div class="col-md-6">
        <div class="block-flat">
            <div class="header">
                <h3>Musique{% if clip.musics | length > 1 %}s{% endif %}</h3>
            </div>
            <div class="content">
                <div class="row">
                    {% for music in clip.musics %}
                        <div class="col-md-4 overflow-hidden">
                            <h4>{{ music }}</h4>
                            {% if music.url is not null %}<a href="{{ music.url }}" class="btn btn-rad btn-primary" target="_blank"><i class="fab fa-youtube"></i> Voir la vidéo</a>{% endif %}
                        </div>
                    {% endfor %}
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="block-flat">
            <div class="header">
                <h3>Clip dans {{ clip.masters|length }} master{% if clip.masters|length > 1 %}s{% endif %}</h3>
            </div>

                <div class="content">
                    <div class="table-responsive">
                        <table class="table no-border hover">
                        <thead class="no-border">
                            <tr>
                                <th></th>
                                <th><strong>Version</strong></th>
                                <th><strong>Créé le</strong></th>
                                <th><strong>Durée</strong></th>
                                <th><strong>Exporté</strong></th>
                                <th><strong>Validé</strong></th>
                            </tr>
                        </thead>
                        <tbody class="no-border-y">
                            {% for m in clip.masters %}
                                <tr>
                                    <td>
                                        {% if m.seqCanceled %}
                                            <span class="label label-danger" title="Un clip est marqué comme annulé"><i class="fas fa-exclamation-triangle"></i></span>
                                            {% endif %}

                                        {% if m.fullyValidated == false %}
                                            <span class="label label-warning" title="Un clip n'est pas validé"><i class="fas fa-exclamation-triangle"></i></span>
                                        {% endif %}

                                        {% if m.isDuplicatedSeq == true %}
                                            <span class="label label-danger" title="Un clip est dupliqué dans le master"><i class="fas fa-times"></i></span>
                                        {% endif %}
                                    </td>
                                    <td>{% if is_granted("show", m) %}<a href="{{ path('_tdb_event_master_show', {'event': m.event.slug, 'master': m.version })  }}">{% endif %}<span class="badge badge-primary"><strong>{{ m.version }}</small></strong>{% if is_granted("show", m) %}</a>{% endif %}</td>
                                    <td>{{ m.createdAt|date("d/m/Y à H:i") }}</td>
                                    <td>{{ m.duration|durationHMSF }}</td>
                                    <td>
                                        {% if m.exportedAt is not null %}
                                            {{ m.exportedAt|date("d/m/Y à H:i") }}
                                        {% elseif m.canceled == false and is_granted("edit", m) %}
                                            <a href="{{ path('_tdb_event_master_export', {'event': m.event.slug, 'master': m.version })  }}" class="btn btn-rad btn-info btn-sm"><i class="fas fa-save"></i> Marquer comme exporté</a>
                                        {% else %}
                                            Non
                                        {% endif %}
                                    </td>
                                    <td>
                                        {% if m.validatedAt is not null %}
                                            {{ m.validatedAt|date("d/m/Y à H:i") }}
                                        {% elseif m.exportedAt is not null and m.canceled == false and is_granted("edit", m) %}
                                            <a href="{{ path('_tdb_event_master_validate', {'event': m.event.slug, 'master': m.version })  }}" class="btn btn-rad btn-success btn-sm"><i class="fas fa-check"></i> Marquer comme validé</a>
                                        {% else %}
                                            Non
                                        {% endif %}
                                    </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

{% if is_granted("comment", clip) %}
    <div class="container-fluid">
        <div class="message">
             <div class="head">
                 <h3>
                     Commentaires
                     <span class='pull-right'>
                             <a href="javascript:scrollToAnchor('clip-comment-form')"
                                title="Laisser un commentaire"><i class="fas fa-reply"></i></a>
                     </span>

                 </h3>
             </div>
         </div>
         {% for reply in clip.comments if reply.deleted == false %}
            <div class="reply" id="reply{{ reply.id }}">
                <div class="head">
                    <h4>
                        {% if reply.author != null %}
                            {{ userChip(reply.author, 30) }}
                            (
                            {% if reply.author.poste != "Aucun" %}
                                <i>{{ reply.author.poste }} {{ reply.author.annee - 2 }}/{{ reply.author.annee - 1 }} - </i>
                            {% endif %}
                            Promo {{ reply.author.annee }}
                            )
                            &nbsp;
                            <a href="http://www.bde.enseeiht.fr/annuaire/fiche/{{ reply.author.username }}"
                            title="Voir la fiche sur l'annuaire BDE"><i class="fas fa-user"></i></a>
                            &nbsp;
                        {% else %}
                            Utilisateur supprimé
                        {% endif %}
                        <span>
                            {{ reply.createdAt|date('d/m/Y à H:i') }}
                                {% if is_granted("edit", reply) %}
                                    <a href="{{ path('_tdb_event_comment_edit', {'event': clip.event.slug, 'clip': clip.slug, 'comment': reply.id}) }}"
                                       class="action"
                                       title="Editer la réponse">
                                        <i class="fas fa-pencil-alt"></i>
                                    </a>
                                {% endif %}

                                {% if is_granted("delete", reply) %}
                                    <a href="{{ path('_tdb_event_comment_delete', {'event': clip.event.slug, 'clip': clip.slug, 'comment': reply.id}) }}"
                                       class="action js-confirm-comment-delete" title="Supprimer le commentaire"><i
                                                class="fas fa-trash"></i></a>
                                {% endif %}

                        </span>
                        <span class='pull-right'>
                        {% if reply.author in clip.respoMontage or reply.author in clip.respoTournage %}
                            <span class="label label-success" title="Responsable du clip">Respo clip</span>
                        {% endif %}
                        {% if reply.author in clip.event.resposMontage or reply.author in clip.event.resposTournage or reply.author in clip.event.resposSon %}
                            <span class="label label-info" title="Responsable de l'évènement">Respo évènement</span>
                        {% endif %}
                        </span>
                    </h4>
                </div>
                <div class="mail">

                    {{ reply.body | raw }}

                    {% if reply.editedAt != "" %}
                        <div class="spacer"></div>
                        <p class="text-right">
                            <small>
                                <em>Dernière édition le {{ reply.editedAt | date('d/m/Y à H:i') }}
                                </em>
                            </small>
                        </p>
                    {% endif %}
                </div>

            </div>
        {% endfor %}

        {{ render(controller('TVn7EventBundle:Comment:add', {'event': clip.event.slug, 'clip': clip.slug})) }}

    </div>
{% endif %}
{% endblock %}