{% extends '::base_admin.html.twig' %}

{% if id is defined %}
    {% set _title = 'Update a featured post' %}
{% else %}
    {% set _title = 'Create a new featured post' %}
{% endif %}
{% set _route = app.request.attributes.get('_route') %}
{% block title %}{{ _title|trans }}{% endblock %}

{% block breadcrumb %}
    <ul class="breadcrumb">
        <li><a href="{{ path('admin_homepage') }}">{% trans %}Admin{% endtrans %}</a><span class="divider">/</span></li>
        <li><a href="{{ path('admin_cms_post_list') }}">{% trans %}Content Management System{% endtrans %}</a><span class="divider">/</span></li>
        <li><a href="{{ path('admin_cms_featuredpost_list') }}">{% trans %}All featured posts{% endtrans %}</a><span class="divider">/</span></li>
        <li class="active"><a href="{% if id is defined %}{{ path('admin_cms_featuredpost_update', {'id':id}) }}{% else %}{{ path('admin_cms_featuredpost_new') }}{% endif %}" class="current">{{ _title|trans }}</a></li>
    </ul>
{% endblock %}

{% block body %}
 <div class="row-fluid" id="page-header">
    <div class="span9"><h1>{{ block('title') }}</h1></div>
    <div class="span3">
    {% if id is defined  and (entity.deletable is not defined or entity.deletable) %}
        <a class="btn btn-danger btn-default pull-right" href="{{ path('admin_cms_featuredpost_delete', {'id':id}) }}" data-confirm="{% trans %}Are you sure you really want to delete this entity?{% endtrans %}" data-original-title="{% trans %}Delete this entity{% endtrans %}" onclick="return confirmDelete(this);">
            <i class="fa fa-plus"></i>
            {% trans %}Delete{% endtrans %}
        </a>
    {% endif %}
    </div>
</div>
{{ breadcrumb() }}
<div id="manager">
    <div class="entity-form clearfix">
        <form action="" method="post" {{ form_enctype(form) }} novalidate="novalidate" class="form-horizontal">
            <span class="row">
                <span class="span8">
                    {{ form_row(form.title, {'form_type' : 'horizontal', attr: {'class' : 'input-xlarge'}} ) }}
                    {{ form_row(form.shortdescription, {'form_type' : 'horizontal', attr: {'class' : 'input-xlarge'}} ) }}
                    {{ form_row(form.description, {'form_type' : 'horizontal', attr: {'class' : 'input-xlarge'}} ) }}
                </span>
                <span class="span4">
                    {{ form_row(form.domain, {attr: {'class' : 'input-xlarge'}} ) }}
                    {{ form_row(form.slug, { attr: {'class' : 'input-xlarge'}} ) }}
                    {{ form_row(form.status, {attr: {'class' : 'input-xlarge'}} ) }}
                    {{ form_row(form.publishedAt, {attr: {'class' : 'input-xlarge'}} ) }}
                    {{ form_row(form.publishedto, {attr: {'class' : 'input-xlarge'}} ) }}
                </span>
            </span>
            {{ form_rest(form, {'form_type' : 'horizontal', attr: {'class' : 'input-xlarge'}}) }}
            {{ form_errors(form) }}
            <div class="centered clearfix">
                <hr />
                <input type="submit" name="validate" class="btn btn-primary btn-large" />
            </div>
        </form>
    </div>

    {% if entity.id is defined %}
	<hr />
    <h1>{% trans %}Attached media{% endtrans %}</h1>
    <div class="entity-form spacer">
		<span class="span9">
		<ul id="gallery" class="thumbnails gallery">
        {% for media in entity.medias %}
			<li class="span3" id="file-uploader-item-{{ media.id }}">
				<div class="thumbnail">
					<h5 id="edittitle-{{ media.id }}" style="display: block;">{{ media.title }}</h5>
					<a href="{{ asset(media.image) }}" title="{% trans %}View larger{% endtrans %}" class="thumbnail ui-icon-zoomin">
						<img src="{{ asset(media.image) }}" alt="{{media.description}}" />
					</a>
					<div class="description" id="editdescription-{{ media.id }}" style="display: block;">{{media.description}}</div>
					<div class="source" id="editsource-{{ media.id }}" style="display: block;">{{media.source}}</div>
					<div class="button">
						<a href="{{ asset(media.image) }}" title="{% trans %}View larger{% endtrans %}" class="btn btn-small ui-icon-zoomin">{% trans %}View larger{% endtrans %}</a>
						<a href="{{ path('admin_cms_featuredmedia_delete', { 'id': media.id }) }}" title="{% trans %}Delete this image{% endtrans %}" class="btn btn-small btn-danger ui-icon-trash">{% trans %}Delete this image{% endtrans %}</a>
					</div>
				</div>
                <script>
                 $('#file-uploader-item-{{ media.id }} h5').editInPlace({
                    url: "{{ path('admin_cms_featuredmedia_update')}}",
                    params: "champ=title",
                    field_type: "text",
                    default_text: "{% trans %}(Click here to add a title){% endtrans %}",
                });
                $('#file-uploader-item-{{ media.id }} .description').editInPlace({
                    url: "{{ path('admin_cms_featuredmedia_update')}}",
                    params: "champ=description",
                    field_type: "textarea",
                    textarea_rows: "2",
                    textarea_cols: "15",
                    default_text: "{% trans %}(Click here to add a description){% endtrans %}",
                });
                 $('#file-uploader-item-{{ media.id }} .source').editInPlace({
                    url: "{{ path('admin_cms_featuredmedia_update')}}",
                    params: "champ=source",
                    field_type: "text",
                    default_text: "{% trans %}(Video address here){% endtrans %}",
                });
                </script>
            </li>
        {% endfor %}
        </ul>
		</span>

		<span class="span3">
			{% render controller("TwtoolsFileManagerBundle:FileAdmin:new", {'id': entity.id, 'updateRoute': 'admin_cms_featuredmedia_update', 'uploadRoute': 'admin_cms_featuredmedia_upload'}) %}
		</span>
    {% endif %}
    </div>
</div>
{% endblock %}