{% extends 'AdminBundle:Admin:adminLayout.html.twig' %}
{% set type_name = app.request.get('type_name') %}

{% block breadcrumb %}
    {{ backendHelpers.breadcrumb({ 
        ("content_management.titles.content_management"|trans) : (path(paths.home)),
        (("content_type." ~ type_name ~ ".admin._index")|trans) : (path(paths.index)),
        (("content_type." ~ type_name ~ ".admin._add")|trans) : ''
    }) }}
{% endblock %}

{% block content %}
    {{ backendHelpers.pageTitle( ("content_type." ~ type_name ~ ".admin._add")|trans ) }}

    <div class="actionButtons">
        {{ backendHelpers.addActionButton(path(paths.index), paths.index, ('admin.titles.list'|trans), 'btn-light', 'icon-list' )}}
    </div>

    {%if form_errors(form)%}
    {{ form_errors(form) }}
    {%endif%}
    
    <div class="row">
        <div class="col-xs-12">
            <form novalidate class="form-horizontal" role="form" action="{{form.vars.action}}" method="post" {{ form_enctype(form) }}>
                <div class="widget-box transparent">
                    <div class="widget-header">
                        <h4 class="widget-title">{{ 'content_management.titles.basic'|trans }}</h4>
                        <div class="widget-toolbar no-border">
                            <a href="#" data-action="collapse"><i class="icon icon-chevron-up"></i></a>
                        </div>
                    </div>
                    <div class="widget-body">
                        <div class="widget-main padding-6">
                            {{ form_row(form.title) }}
                            {{ form_row(form.summary) }}
                            {{ form_row(form.source) }}
                        </div>
                    </div>
                </div>

                <div class="widget-box transparent">
                    <div class="widget-header">
                        <h4 class="widget-title">{{ 'content_management.titles.organization'|trans }}</h4>
                        <div class="widget-toolbar no-border">
                            <a href="#" data-action="collapse"><i class="icon icon-chevron-up"></i></a>
                        </div>
                    </div>
                    <div class="widget-body">
                        <div class="widget-main padding-6">
                            {% if form.authors is defined %}
                            {{ form_row(form.authors) }}
                            {% endif %}
                            {{ form_row(form.tags) }}
                            {% if form.categories is defined %}
                            {{ form_row(form.categories) }}
                            {% endif %}
                            {% if form.collection is defined %}
                            {{ form_row(form.collection) }}
                            {{ form_row(form.view_order) }}
                            {% endif %}
                            {{ form_row(form.aggregates) }}
                        </div>
                    </div>
                </div>
                {% if form.properties is defined %}
                <div class="widget-box transparent">
                    <div class="widget-header">
                        <h4 class="widget-title">{{ 'content_management.titles.properties'|trans }}</h4>
                        <div class="widget-toolbar no-border">
                            <a href="#" data-action="collapse"><i class="icon icon-chevron-up"></i></a>
                        </div>
                    </div>
                    <div class="widget-body">
                        <div class="widget-main padding-6">
                            {{ form_errors(form.properties) }}
                            {{ form_widget(form.properties) }}
                        </div>
                    </div>
                </div>
                {% endif %}
                {% if form.content is defined %}
                <div class="widget-box transparent">
                    <div class="widget-header">
                        <h4 class="widget-title">{{ 'content_management.titles.main'|trans }}</h4>
                        <div class="widget-toolbar no-border">
                            <a href="#" data-action="collapse"><i class="icon icon-chevron-up"></i></a>
                        </div>
                    </div>
                    <div class="widget-body">
                        <div class="widget-main padding-6">
                            {{ form_errors(form.content) }}
                            {{ form_widget(form.content) }}
                        </div>
                    </div>
                </div>
                {% endif %}
                {% if form.resources is defined %}
                <div class="widget-box transparent">
                    <div class="widget-header">
                        <h4 class="widget-title">{{ 'content_management.titles.resources'|trans }}</h4>
                        <div class="widget-toolbar no-border">
                            <a href="#" data-action="collapse"><i class="icon icon-chevron-up"></i></a>
                        </div>
                    </div>
                    <div class="widget-body">
                        <div class="widget-main padding-6">
                            {{ form_errors(form.resources) }}
                            {{ form_widget(form.resources) }}
                        </div>
                    </div>
                </div>
                {% endif %}

                {% if form.is_published is defined %}
                <div class="widget-box transparent">
                    <div class="widget-header">
                        <h4 class="widget-title">{{ 'content_management.titles.pub_info'|trans }}</h4>
                        <div class="widget-toolbar no-border">
                            <a href="#" data-action="collapse"><i class="icon icon-chevron-up"></i></a>
                        </div>
                    </div>
                    <div class="widget-body">
                        <div class="widget-main padding-6">
                            {{ form_row(form.is_published) }}
                            {% if form.published_at is defined %}
                            {{ form_row(form.published_at) }}
                            {% endif %}
                        </div>
                    </div>
                </div>
                {% endif %}

                {{ form_rest(form) }}
                <div class=" form-actions">
                    <div class="pull-right">
                        <button type="submit" name="submit" class="btn btn-info">
                            <i class="icon-ok bigger-110"></i>
                            {{'admin.titles.add'|trans}}
                        </button>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </form>
        </div>
    </div>
    <script>
    window.remoteFileBrowserEndpoint = '{{ path("contentmanagement_" ~ (type_name|replace({'-': ''})) ~ "_dir") }}';
    </script>
{% endblock %}

{% block bottomScripts %}
{{ parent() }}
<style>
.choices-in-wpr input[type="checkbox"] { width:10%; }
.choices-in-wpr label { width:90%; }

#entry_aggregates { border: 2px inset buttonface; height:200px; overflow:auto; padding:0 10px; }

div.tagsinput { border:1px solid #ccc; background:#FFF; width:100%; height:33px; padding:3px 0; overflow-y:auto;}
div.tagsinput span.tag { border:1px solid #a5d24a; border-radius:2px; display:block; float:right; padding:1px 5px; text-decoration:none; background:#cde69c; color:#638421; margin:2px 5px; font:normal 14px Tahoma; }
div.tagsinput span.tag a { font-weight:bold; color:#82ad2b; text-decoration:none; font-size:11px;  } 
div.tagsinput input { width:80px; margin:0px; font:normal 14px Tahoma; border:1px solid transparent; padding:1px 5px; background:transparent; color:#000; outline:0px;  margin:2px 5px; }
div.tagsinput div { display:block; float:right; } 
.tags_clear { clear:both; width:100%; height:0px; }
.not_valid {background:#fbd8db !important; color:#90111a !important;}
</style>
{% endblock %}

{% block js_files %}
.script('contentmanagement/js/jquery.tagsinput-1.3.6.min.js')
{% endblock %}

{% block js_document_ready %}
$('#entry_tags').tagsInput({
    'width': '100%',
    'height': '33px',
    'defaultText': '{{ 'content_management.titles.add_tag'|trans }}',
    'onAddTag': function(tag) {
        var container = $('#entry_tags');
        var index = $('#entry_tags input[type="hidden"]').length;
        var _prototype = '<input type="hidden" name="entry[tags][__name__]" value="' + tag + '" />';
        var newForm = _prototype.replace(/__name__/g, index);
        container.append(newForm);
    },
    'onRemoveTag': function(tag) {
        $('input[name^="entry[tags]"]').each(function() {
            if($(this).val() == tag) {
                $(this).remove();
            }
        });
    }
});

if(!$('#entry_aggregates input').length) {
  $('#entry_aggregates').parent().hide();
}

$('#entry_authors').on('change', function(){
  updateCollectionsList();
});

function updateCollectionsList() {
  if(!$('#entry_authors').val()) return;

  var ids = $.map($('#entry_authors').val(), function(v) { return '&ids[]=' + v; });
  var url = '{{ path('contentmanagement_' ~ (type_name|replace({ '-': '' })) ~ '_collections', { 'x': 'y' }) }}'  + ids.join('');
  $.get(url, function(data) {
    $("#entry_collection > option").each(function() {
      if(!(this.value in data)) {
        $('#entry_collection option[value="' + this.value + '"]').remove();
      }
    });

    $.each(data, function(key, value) {
      if(!$('#entry_collection option[value="' + key + '"]').length) {
        $('#entry_collection').append($('<option></option>').attr('value', key).text(value));
      }
    });
    $('#entry_collection').trigger('liszt:updated');
  });
}
{% endblock %}