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

{% block head_script_extra %}
<script>
    var assetsBaseDir = "{{ asset('bundles/d2core/images/') }}"
</script>
<script type="text/javascript" src="{{ asset('bundles/d2resource/js/resource_admin.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/d2resource/js/resource_admin_utils.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/d2core/js/typeahead.js') }}"></script>
{% endblock head_script_extra %}

{% block page_header %}
<div class="row">
	<div class="col-md-12">
		<div class="pull-right">
			<a href="{{ path('admin_resources_view') }}" class="btn btn-sm btn-default">Back</a>
		</div>
		<div>
			Update <code>Resource</code>.
		</div>
	</div>
</div>
{% endblock page_header %}

{% block content %}
<div class="row">
	<div class="col-md-offset-0 col-md-8">
		<form action="{{ path('admin_resource_update', { 'id': entity.id }) }}" {{ form_enctype(form) }} method="POST" class="form-general">
			<h2 class="form-general-heading">{% trans %}Resource{% endtrans %}</h2>
			<div class="row form-group">
					<div class="col-md-3">
					{{ form_label(form.resource_type) }}
					</div>	
					<div class="col-md-7">
					{{ form_errors(form.resource_type) }}
					{{ form_widget(form.resource_type) }}
					</div>	
			</div>
			<div class="row form-group file_upload_group">
					<div class="col-md-3">
					{{ form_label(form.file) }}
					</div>	
					<div class="col-md-7">
					{{ form_errors(form.file) }}
					{{ form_widget(form.file) }}
					</div>
			</div>
			<div class="row form-group video_entry_group">
					<div class="col-md-3">
					{{ form_label(form.utube_url) }}
					</div>	
					<div class="col-md-7">
					{{ form_errors(form.utube_url) }}
					{{ form_widget(form.utube_url) }}
					</div>	
			</div>
			<div class="row form-group">
					<div class="col-md-3">
					{{ form_label(form.customer) }}
					</div>	
					<div class="col-md-7">
					{{ form_errors(form.customer) }}
					{{ form_widget(form.customer) }}
					</div>	
			</div>
			<div class="row form-group">
					<div class="col-md-3">
					{{ form_label(form.title) }}
					</div>	
					<div class="col-md-7">
					{{ form_errors(form.title) }}
					{{ form_widget(form.title) }}
					</div>	
			</div>
			<div class="row form-group">
					<div class="col-md-3">
					{{ form_label(form.sub_title) }}
					</div>	
					<div class="col-md-7">
					{{ form_errors(form.sub_title) }}
					{{ form_widget(form.sub_title) }}
					</div>	
			</div>
			<div class="row form-group">
					<div class="col-md-3">
					{{ form_label(form.description) }}
					</div>	
					<div class="col-md-7">
					{{ form_errors(form.description) }}
					{{ form_widget(form.description) }}
					</div>	
			</div>
			<div class="row form-group">
					<div class="col-md-3">
					{{ form_label(form.hash_tag) }}
					</div>	
					<div class="col-md-7">
					{{ form_errors(form.hash_tag) }}
					{{ form_widget(form.hash_tag) }}
					</div>	
			</div>
			<div class="row form-group">
					<div class="col-md-3">
					{{ form_label(form.share_tag) }}
					</div>	
					<div class="col-md-7">
					{{ form_errors(form.share_tag) }}
					{{ form_widget(form.share_tag) }}
					</div>	
			</div>
			{{ form_rest(form) }}
			<div class="submit_dev">
				<input class="btn btn-lg btn-default pull-right" type="submit" value="Update" />
			</div>
		</form>
	</div>

	<div class="col-md-4">
		<div class="well">
			<h2 class="form-general-heading">Resource Banner Image</h2>
			{% if entity.banner %}
			<div>
				<ul class="nav nav-tabs" role="tablist">
				<li role="presentation" class="active"><a href="#orig_image" aria-controls="orig" role="tab" data-toggle="tab">Original</a></li>
				<li role="presentation"><a href="#cropped_image" aria-controls="cropped" role="tab" data-toggle="tab">Cropped</a></li>
				</ul>
				<div class="tab-content">
					<div role="tabpanel" class="tab-pane active" id="orig_image">
						<img src="/uploads/resources/{{ entity.customer.id }}/{{ entity.banner.path }}" alt="IMAGE" class="img-responsive" width="100%" />
						<code>Mime Type: {{ image_info['mime'] }}</code> <code>Size: {{ image_info[0] }}x{{ image_info[1] }}</code>
					</div>
					<div role="tabpanel" class="tab-pane" id="cropped_image">
						<img src="/uploads/resources/{{ entity.customer.id }}/{{ entity.banner.croppedPath }}" alt="IMAGE" class="img-responsive" width="100%" />
						<code>Mime Type: {{ crop_image_info['mime'] }}</code> <code>Size: {{ crop_image_info[0] }}x{{ crop_image_info[1] }}</code>
					</div>
				</div>
			</div>	
			{% endif %}
		</div>
		<div class="well">
			<h2 class="form-general-heading">Tags</h2>
				<table class="table table-bordered table-condensed" id="tag_table">
			{% if entity.getTags|length > 0 %}
				{% for tag in entity.getTags %}
					<tr id="tag_row_{{ tag.id }}">
						<td>{{ tag.tag|trim }}</td>
						<td><a href="javascript:UnlinkResourceTag({{ entity.id }}, {{ tag.id }})"> <img src="{{ asset('bundles/d2core/images/cross.png') }}" title="UnLink" alt="Unlink" width="12" /> </a></td>
					</tr>
				{% endfor %} 
			{% endif %}
				</table>
			<div class="submit_dev">
				<a href="javascript:NewResourceTag({{ entity.id }})" class="btn btn-sm btn-default pull-right">Add Tag</a>
			</div>
		</div>
	</div>
</div>	
{% endblock content %}