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

{% block head_script_extra %}
<script type="text/javascript" src="{{ asset('bundles/d2content/js/about_content_admin.js') }}"></script>
<script>
	$(document).ready(function(){	
		$(function () {
		  $('[data-toggle="popover"]').popover()
		})
	});
</script>
<style type="text/css">
.popover{
	max-width:500px !important;
    width:500px !important;
}
</style>
{% endblock head_script_extra %}
    
{% block page_header %}
<div class="row">
	<div class="col-md-12">
		<form class="filter_form form-inline pull-right" role="form" method="get">
			{% for k, v in app.request.query %}
				{% if k|lower not in ['search', 'page', 'status', 'content_type', 'menu_type'] %}
					<input type="hidden" name="{{ k }}" value="{{ v }}" />
				{% endif %}
			{% endfor %}
			<div class="filter">
				<label for="search">Search</label>
				<input type="text" class="form-control" name="search" id="search" placeholder="Search for" value="{{ app.request.get('search') }}">

				<label for="content_type">Content Type</label>
				<select class="form-control" name="content_type" id="content_type">
				{% set opts = {'':"Show All", '0':"About Content", '1':"Footer", '2':"Website Terms", '3':"Account Terms", '4':"Banner", '5':"Modal Popups", '6':"Tabs and Pills", '7':"Menu Links"} %}
				{% for k, v in opts %}<option value="{{ k }}" {{ app.request.get('content_type') is sameas(k|lower) ? 'selected="selected"' : '' }}>{{ v }}</option>{% endfor %}
				</select>

				<label for="menu_type">Menu Access</label>
				<select class="form-control" name="menu_type" id="menu_type">
				{% set opts = {'':"Show All", '0':"NO MENU", '1':"LOGGED OFF MENU", '2':"LOGGED ON MENU", '3':"LOGGED ON/OFF MENU"} %}
				{% for k, v in opts %}<option value="{{ k }}" {{ app.request.get('menu_type') is sameas(k|lower) ? 'selected="selected"' : '' }}>{{ v }}</option>{% endfor %}
				</select>

				<div class="btn-group">
					<button type="submit" class="btn btn-default">Go</button>
					<button type="button" class="btn btn-default clear_filter">Clear</button>
					{% if is_granted('ROLE_ADMIN_CONTENT_CREATE') %}<a href="{{ path('admin_content_new') }}" class="btn btn-default">New</a>{% endif %}
				</div>
			</div>
		</form>
		<div class="clearfix"></div>
		<div>Displaying 
			{{ (content_list.getCurrentPageNumber()-1) * content_list.getItemNumberPerPage() + 1 }}
			to
			{{ ((content_list.getCurrentPageNumber()-1) * content_list.getItemNumberPerPage()) + (content_list.getItems()|length) }}
			of
			{{ content_list.getTotalItemCount() }} Content records
		</div>
	</div>
</div>
{% endblock page_header %}

{% block content %}
<div class="row">
	<div class="col-md-12">
		<table class="table table-condensed">
			<thead>
				<tr>
					<th>{{ knp_pagination_sortable(content_list, 'Content Title', 'ct.title') }}</th>
					<th>{{ knp_pagination_sortable(content_list, 'Content Type', 'ct.content_type') }}</th>
					<th>{{ knp_pagination_sortable(content_list, 'Menu Access', 'ct.menu_access_type') }}</th>
					<th>{{ knp_pagination_sortable(content_list, 'Route Label', 'ct.slug') }}</th>
					<th style="width:30%">{{ knp_pagination_sortable(content_list, 'Content Text', 'ct.text') }}</th>
					<th>{{ knp_pagination_sortable(content_list, 'Image File Name', 'ct.orig_path') }}</th>
					<th style="width:100px"></th>
				</tr>
			</thead>
			<tbody>
		{% for entity in content_list %}
			<tr>
				<td>{{ entity.title|trim }}</td>
				<td>{{ content_types[entity.contentType] }}</td>
				<td>{{ menu_access_types[entity.menuAccessType] }}</td>
				<td>{{ entity.slug|trim }}</td>
				{% if entity.contentType == constant('D2\\ContentBundle\\Entity\\Content::TYPE_CT_URL') %}
				<td>{{ entity.url|trim }}</td>
				{% else %}
				{% set i_path = path('admin_content_show_image', {'id': entity.id}) %}
				<td><span data-container="body" data-toggle="popover" data-placement="left" data-html="true" data-trigger="click" data-content="<image src='{{ i_path }}'></image>">{{ entity.text|filterScript()|slice(0, 500) }}</span></td>
				{% endif %}
				<td>{{ entity.origPath }}</td>
				<td>
					<div class="btn-group pull-right">
					  <button type="button" class="btn btn-xs btn-info">Actions</button>
					  <button type="button" class="btn btn-xs dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
					  <ul class="dropdown-menu" role="menu">
						{% if is_granted('ROLE_ADMIN_CONTENT_EDIT') %}
						<li><a href="{{ path('admin_content_edit', { 'id': entity.id }) }}">Edit Content</a></li>
						{% if d2_sys_config('sys_allow_grideditor') and entity.contentType != constant('D2\\ContentBundle\\Entity\\Content::TYPE_CT_URL') %}
						<li><a href="{{ path('admin_content_edit_grid', { 'id': entity.id }) }}">Construct Content</a></li>
						{% endif %}
						{% endif %}
						{% if is_granted('ROLE_ADMIN_CONTENT_DELETE') %}
						<li><a href="javascript:DeleteContent({{ entity.getid }})">Delete Content</a></li>
						{% endif %}
						{% if is_granted('ROLE_ADMIN_IMAGE_MANAGE') %}
						{% if app.request.get('menu_type') == constant('D2\\ContentBundle\\Entity\\Content::TYPE_MAT_LOGGED_OFF_MENU') or app.request.get('menu_type') == constant('D2\\ContentBundle\\Entity\\Content::TYPE_MAT_LOGGED_ON_MENU') %}
						<li role="separator" class="divider"></li>
						<li><a href="{{ path('admin_content_order', { 'mode': 'up', 'id': entity.id, 'access': app.request.get('menu_type') }) }}">Move Up</a></li>
						<li><a href="{{ path('admin_content_order', { 'mode': 'down', 'id': entity.id, 'access': app.request.get('menu_type') }) }}">Move Down</a></li>
						{% endif %}
						{% if entity.contentType == constant('D2\\ContentBundle\\Entity\\Content::TYPE_CT_ABOUT') or entity.contentType == constant('D2\\ContentBundle\\Entity\\Content::TYPE_CT_WEBSITE_TERMS') or entity.contentType == constant('D2\\ContentBundle\\Entity\\Content::TYPE_CT_ACCOUNT_TERMS') %}
						<li role="separator" class="divider"></li>
						<li><a href="{{ path('admin_crop_image_view', { 'type': 'content', 'id': entity.id }) }}">Crop Image</a></li>
						<li><a href="{{ path('admin_optimize_image', { 'type': 'content', 'id': entity.id }) }}">Optimize Image</a></li>
						{% endif %}
						{% endif %}
					  </ul>
					</div>
				</td>
			</tr>
		{% endfor %}
			</tbody>
		</table>
		<div class="pagination pull-right">
			{{ knp_pagination_render(content_list) }}
		</div>
	</div>
</div>    
{% endblock content %}