{% extends 'WebelopingLanderBundle:ComunidadDeExpertos:layout.html.twig' %}

{% block _css %}
    {{ parent() }}

    {% stylesheets
        '@WebelopingLanderBundle/Resources/public/css/bootstrap-tagsinput.css'
        '@WebelopingLanderBundle/Resources/public/css/custom-bootstrap-tagsinput.css'
    filter = '?yui_css' %}
        <link rel="stylesheet" type="text/css" media="screen" href="{{ asset_url }}" />
    {% endstylesheets %}
{% endblock %}

{% block _js %}
    {{ parent() }}

    {% javascripts
        '@WebelopingLanderBundle/Resources/public/js/typeahead.bundle.js'
        '@WebelopingLanderBundle/Resources/public/js/bootstrap-tagsinput.js'
    filter='?yui_js' %}
        <script type="text/javascript" src="{{ asset_url }}"></script>
    {% endjavascripts %} 
{% endblock %}

{% block content_id "ferronet"%}

{% block _data -%}
    <div class="col-sm-12">
        {{ form_start(form) }}
            <div class="row margin">
                <div class="col-sm-7 col-md-9 form-group no-margin-bottom">
                        <div class="form-field-row">
                            {{ form_label( form.title ) }}
                            {{ form_widget( form.title ) }}
                            {% if form.title.vars.errors.count > 0 %}
                                <div class="col-sm-12 error-msg">
                                    {{ form_errors( form.title ) }}
                                </div>
                            {% endif %}
                        </div>

                        <div class="form-field-row">
                            {{ form_label( form.content ) }}
                            {{ form_widget( form.content ) }}
                            {% if form.content.vars.errors.count > 0 %}
                                <div class="col-sm-12 error-msg">
                                    {{ form_errors( form.content ) }}
                                </div>
                            {% endif %}
                        </div>   
                </div>
                <div class="col-sm-5 col-md-3 help">
                    <div class="row how-to">
                        <div class="col-sm-12 margin">
                            <span class="title blue">¿CÓMO ABRIR {{ subject |upper }}?</span>
                            <p>Piensa en un tema que te preocupe o una duda que quieras resolver. Intenta sintetizarlo en una frase descriptiva y atractiva para que llame la atención al resto de usuarios.</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-7 col-md-9 form-group">
                    <div class="form-field-row">
                        {{ form_label( form.tags ) }}
                        {{ form_widget( form.tags ) }}
                        {% if form.tags.vars.errors.count > 0 %}
                            <div class="col-sm-12 error-msg">
                                {{ form_errors( form.tags ) }}
                            </div>
                        {% endif %}
                    </div>
                    <div class="inline">
                        {{ form_widget( form.submit ) }}
                    </div>
                    <div class="inline">
                        <a href="{{ cancelAction }}" class="btn default-brown" title="{{ 'cancelar'|trans|capitalize }}">{{ 'cancelar'|trans|capitalize }}</a>
                    </div>
                {{ form_end(form) }}
            </div>
            <div class="col-sm-5 col-md-3 help">
                <div class="row how-to tag">
                    <div class="col-sm-12 margin">
                        <span class="title blue">¿CÓMO USAR ETIQUETAS?</span>
                        <p>Escribe las palabras clave de tu texto. Recuerda utilizar la etiqueta Conducción Eficiente para cualquier contenido relacionado con este tema.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}