{% extends "::layout.html.twig" %}

{% block title %}{% trans %}Édition d'un contenu pour l'affichage{% endtrans %} "{{ event.name }}" - {{ parent() }}{% endblock %}

{% block content_main %}

<div class="row">
    <div class="col-md-12">
        <div class="wrapper-title row">
            <h1 class="title col-md-12">Édition d'un contenu pour l'affichage <strong>{{ event.name }}</strong></h1>
            <div class="dates col-md-12">
                <p>{% trans %}Du{% endtrans %} 
                <strong>{{ event.startDate | date('d M Y') }}</strong>
                {% trans %}au{% endtrans %}
                <strong>{{ event.endDate | date('d M Y') }}</strong></p>
            </div>
            <div class="group-button col-md-12">
                <a href="{{ path('event_view', { 'publicToken' : event.publicToken }) }}" class="btn" target="_blank">{% trans %}Voir{% endtrans %}</a>

                <a href="{{ path('event_edit', { 'event' : event.id }) }}" class="btn">{% trans %}Editer{% endtrans %}</a>

                {% if is_granted('ROLE_AGENT') or ( event.settings.setting('accessModeration') == true ) %}
                    <a href="{{ path('event_moderate', { 'event' : event.id }) }}" class="btn">{% trans %}Modérer{% endtrans %}</a>
                {% else %}
                    <a href="{{ path('event_view_contents', { 'event' : event.id }) }}" class="btn">{% trans %}Contenus{% endtrans %}</a>
                {% endif %}

                {% if is_granted('ROLE_AGENT') or ( event.settings.setting('accessModeration') == true ) %}
                    <a href="{{ path('event_trash', { 'event' : event.id }) }}" class="btn">{% trans %}Corbeille{% endtrans %}</a>
                {% endif %}

                <a href="{{ path('event_stats', { 'event' : event.id }) }}" class="btn" >{% trans %}Stats{% endtrans %}</a>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <form role="form" method="POST" {{ form_enctype(form) }}>

        <div class="col-md-12">
            {{ form_errors(form) }}
        </div>

        <div class="col-md-6 col-md-offset-3">
            <div class="panel-group" id="accordionTop" role="tablist" aria-multiselectable="true">
                <div class="panel panel-default">
                    <div class="panel-heading" role="tab" id="headingOne">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" data-parent="#accordion" href="#" aria-expanded="false" aria-controls="collapseUpload" style="color: inherit !important; cursor: default !important;">{% trans %}Édition du contenu{% endtrans %}</a>
                        </h4>
                    </div>
                    <div id="collapseUpload" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingUpload">
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-md-12">{{ form_row(form.source) }}</div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">{{ form_row(form.title) }}</div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">{{ form_row(form.subtitle) }}</div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">{{ form_row(form.content) }}</div>
                            </div>
                            {% if ( content.contentData.type == 'image' ) or ( content.contentData.type == 'video' ) %}
                                <div class="row">
                                    <div class="col-md-12">
                                        <label class="control-label">Fichier image ou vidéo existant</label>
                                        <div class="thumbnail">
                                            {% if content.contentData.type == 'image' %}
                                                {% if content.contentData.s3Filename == null or content.contentData.s3Filename == '' %}
                                                    <a href="{{ content.contentData.url }}" target="_blank">
                                                        <img src="{{ content.contentData.url }}" />
                                                    </a>
                                                {% else %}
                                                    <a href="https://{{ s3_bucket_name }}.s3.amazonaws.com/{{ event.id }}/{{ content.contentData.s3Filename }}" target="_blank">
                                                        <img src="https://{{ s3_bucket_name }}.s3.amazonaws.com/{{ event.id }}/{{ content.contentData.s3Filename }}" />
                                                    </a>
                                                {% endif %}
                                            {% endif %}

                                            {% if content.contentData.type == 'video' %}
                                                {% if content.contentData.s3Filename == null or content.contentData.s3Filename == '' %}
                                                    <video class="embed-responsive-item" loop="loop" controls="controls" src="{{ content.contentData.url }}"></video>
                                                {% else %}
                                                    <video class="embed-responsive-item" loop="loop" controls="controls" src="https://{{ s3_bucket_name }}.s3.amazonaws.com/{{ event.id }}/{{ content.contentData.s3Filename }}"></video>
                                                {% endif %}
                                            {% endif %}
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">{{ form_row(form.deleteFile) }}</div>
                                </div>
                            {% endif %}
                            <div class="row">
                                <div class="col-md-12">{{ form_row(form.file) }}</div>
                            </div>
                            <p><small>{% trans %}(Envoi limité à 50 Mo){% endtrans %}</small></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-12 text-center">
            <div class="form-group ">
                {{ form_widget(form._token) }}
                <input type="submit" value="{% trans %}Sauvegarder le contenu{% endtrans %}" class="btn btn-primary" />
            </div>
        </div>
    </form>
</div>

{% endblock %}


{% block body_end %}

<script type="text/javascript">
    $( document ).ready( function() {
        $('#uploadhopscotchcontent_type_deleteFile').bootstrapSwitch();
    } );
</script>

{% endblock %}