{% extends 'IcapBlogBundle::layout.html.twig' %}

{% form_theme form _self %}

{% block form_row %}
    {% spaceless %}
        <div class="form-group{% if errors|length > 0 %} has-error{% endif %}">
            {{ form_label(form, label|default(null)) }}
            {% set ctrl_width = theme_options.control_width is defined ? theme_options.control_width : 'col-md-10' %}
            <div class="{{ ctrl_width }}">
                {{ form_errors(form) }}
                {% if help is defined and help %}
                    <div class="help-block">{{ help }}</div>
                {% endif %}
                {{ form_widget(form) }}
            </div>
        </div>
    {% endspaceless %}
{% endblock form_row %}

{% block title %}{{ _resource.resourceNode.name }} - {{ "add_new_post"|trans({}, 'icap_blog') }}{% endblock %}

{% block blog_content %}
    <form action="{{ _path('icap_blog_post_new', {'blogId': _resource.id}) }}" method="post" {{ form_enctype(form) }} class="well" id="icap_blog_post_form" novalidate>
        <legend>{{ "add_new_post"|trans({}, 'icap_blog') }}</legend>
        {% if false == is_granted('EDIT', _resource) and false == _resource.isAutoPublishPost %}
        <p class="alert alert-warning">
            {{ 'icap_blog_post_need_validation_before_publishing'|trans({}, 'icap_blog') }}
        </p>
        {% elseif is_granted('EDIT', _resource) %}
        <p class="alert alert-warning">
            {{ 'icap_blog_post_need_publishing'|trans({}, 'icap_blog') }}
        </p>
        {% endif %}
        {{ form_errors(form) }}

        <div class="row">
            {{ form_row(form.title) }}
        </div>
        {% if is_granted('EDIT', _resource) or is_granted('POST', _resource) %}
        <div class="row">
            <div class="form-group">
                <label class="control-label col-md-3" for="icap_blog_post_form_publicationDate">{{ 'icap_blog_post_form_publicationDate'|trans({}, 'icap_blog') }}</label>
                {{ form_errors(form.publicationDate) }}
                <div class="col-md-3">
                    {{ form_widget(form.publicationDate) }}
                </div>
            </div>
        </div>
        {% endif %}
        <div class="row">
            {{ form_row(form.content) }}
        </div>
        {{ form_row(form.tags) }}

        {{ form_rest(form) }}
        <div class="form-actions">
            <button type="submit" class="btn btn-primary">{{ 'add'|trans({}, 'platform') }}</button>
            <a href="{{ path("icap_blog_view", {"blogId": _resource.id}) }}" title="{{ 'cancel'|trans({}, 'platform') }}" class="btn btn-danger">{{ 'cancel'|trans({}, 'platform') }}</a>
        </div>
    </form>
{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" type="text/css" href="{{ asset('bundles/frontend/jquery/plugin/tag-it/css/jquery.tagit.css') }}"/>
{% endblock %}

{% block javascripts %}
{{ parent() }}
{% javascripts output='js/blog.js'
    '@FrontEndBundle/Resources/public/jquery/jquery-ui-1.9.2/components/jquery.ui.position.min.js'
    '@FrontEndBundle/Resources/public/jquery/jquery-ui-1.9.2/components/jquery.ui.menu.min.js'
    '@FrontEndBundle/Resources/public/jquery/jquery-ui-1.9.2/components/jquery.ui.autocomplete.min.js'
    '@FrontEndBundle/Resources/public/jquery/plugin/tag-it/js/tag-it.min.js'
    %}<script type="text/javascript" src="{{ asset_url }}"></script>
{% endjavascripts %}
<script type="text/javascript">
    $(function() {
        $(".tags").tagit({
            'availableTags' : ["{{ blog_tags(_resource)|tagnames|join('","')|raw }}"],
            'allowSpaces' : true
        });
    });
</script>
{% endblock %}