{% extends "ContentManagementBundle::layout.html.twig" %}
{% form_theme form 'bootstrap_3_layout.html.twig' %}

{% block page_title %}{{ 'Add new entry'|trans }}{% endblock %}

{% block cms_content %}

<style>
form.form-horizontal { margin:20px 0; }

#entry_resources .control-label { display:none; }
#entry_resources .fileinput-button { float:right; margin:2px 0; }
#entry_resources button { float:left; }
#entry_resources div.progress { clear:both; }

#entry_resources br { display:none; }

div.tagsinput { border:1px solid #ccc; border-radius:4px; background:#FFF; width:100%; height:42px; 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-family:helvetica;  font-size:13px;}
div.tagsinput span.tag a { font-weight:bold; color:#82ad2b; text-decoration:none; font-size:11px;  } 
div.tagsinput input { width:80px; margin:0px; font-family:helvetica; font-size:13px; 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>
<div class="col-xs-12">
  <div id="collection" class="content" style="padding:10px 30px;">
    {{ form_errors(form) }}
    <form novalidate class="form-horizontal" role="form" action="" method="post" {{ form_enctype(form) }}>
      {{ form_errors(form.resources) }}
      {{ form_widget(form.resources) }}

      {{ form_row(form.title) }}
      {{ form_row(form.summary) }}
      {{ form_row(form.categories) }}
      {{ form_row(form.tags) }}
      {{ form_row(form.view_order) }}

      {{ form_widget(form._token) }}
      <button type="submit" id="add-entry-btn" name="submit" class="btn btn-info" disabled>
        <i class="icon-ok bigger-110"></i>
        {{'admin.titles.add'|trans}}
      </button>
    </form>
  </div>
</div>
{% endblock %}

{% block js_document_ready %}
{{ parent() }}
setupTags();
$(document).on('uploaded', 'input[id^="fileupload_entry_resources"]', function() {
  $('#add-entry-btn').prop('disabled', false);
});
{% endblock %}