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

{% block title %}{% trans %}Envoi d'un nouveau 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">Envoi d'un nouveau 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>
                
                {% if is_granted('ROLE_AGENT') or ( event.settings.setting('accessModeration') == true ) %}
                    {% if event.type == 'retail-cast' %}
                    	<a href="{{ path('event_storyboard', { 'event' : event.id }) }}" class="btn" >{% trans %}Playlist{% endtrans %}</a>
                    	<a href="{{ path('event_media', { 'event' : event.id }) }}" class="btn" >{% trans %}Médiathèque{% endtrans %}</a>
                    {% endif %}
                {% endif %}
            </div>
        </div>
    </div>
</div>

{% if(tag) %}
<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 %}Envoi d'un nouveau 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.tags) }}</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.content) }}</div>
                                <div class="col-md-12">Il vous reste <span id="carac_reste_textarea_1"></span> caractères.</div>
                            </div>
                        </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 %}Envoyer un nouveau contenu{% endtrans %}" class="btn btn-primary" />
            </div>
        </div>
    </form>
</div>
{% else %}
<div class="row">
	<div class="col-xs-12 col-md-12 col-lg-12">
		<p>Attention,</p>
		<p>Vous devez renseigner des tags dans la partie "édition" de votre affichage pour pouvoir enregistrer du contenu</p>
		<p><a href="{{ path('event_edit', { 'event' : event.id }) }}">Configurer mes tags >>></a></p>
	</div>
</div>
{% endif %}

<script>

    function maxlength_textarea(id, crid, max)
    {
        var txtarea = document.getElementById(id);
        document.getElementById(crid).innerHTML=max-txtarea.value.length;
        txtarea.onkeypress=function(){eval('v_maxlength("'+id+'","'+crid+'",'+max+');')};
        txtarea.onblur=function(){eval('v_maxlength("'+id+'","'+crid+'",'+max+');')};
        txtarea.onkeyup=function(){eval('v_maxlength("'+id+'","'+crid+'",'+max+');')};
        txtarea.onkeydown=function(){eval('v_maxlength("'+id+'","'+crid+'",'+max+');')};
    }
    function v_maxlength(id, crid, max)
    {
        var txtarea = document.getElementById(id);
        var crreste = document.getElementById(crid);
        var len = txtarea.value.length;
        if(len>max)
        {
            txtarea.value=txtarea.value.substr(0,max);
        }
        len = txtarea.value.length;
        crreste.innerHTML=max-len;
    }

    maxlength_textarea('uploadcorporatecast_content','carac_reste_textarea_1',450);


</script>

{% endblock %}