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

{% block head_script_extra %}
<script type="text/javascript" src="{{ asset('bundles/d2content/js/nav_admin.js') }}"></script>
{% 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', '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') }}">

				<div class="btn-group">
					<button type="submit" class="btn btn-default">Go</button>
					<button type="button" class="btn btn-default clear_filter">Clear</button>
					<a href="{{ path('admin_content_nav_new') }}" class="btn btn-default">New</a>
				</div>
			</div>
		</form>
		<div class="clearfix"></div>
		<div>Displaying 
			{{ (navs.getCurrentPageNumber()-1) * navs.getItemNumberPerPage() + 1 }}
			to
			{{ ((navs.getCurrentPageNumber()-1) * navs.getItemNumberPerPage()) + (navs.getItems()|length) }}
			of
			{{ navs.getTotalItemCount() }} Content Image 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(navs, 'Nav Title', 'n.title') }}</th>
					<th>{{ knp_pagination_sortable(navs, 'Nav Type', 'n.nav_type') }}</th>
					<th>Nav Items</th>
					<th style="width:100px"></th>
				</tr>
			</thead>
			<tbody>
		{% for entity in navs %}
			<tr>
				<td>{{ entity.title|trim }}</td>
				<td>{{ nav_types[entity.navType]|trim }}</td>
				<td>
					{% for nav_item in entity.navItems %}
						<code>[{{ nav_item.title }}]</code> 
					{% endfor %}
				</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_nav_edit', { 'id': entity.id }) }}">Edit Nav</a></li>
						{% endif %}
						{% if is_granted('ROLE_ADMIN_CONTENT_DELETE') %}
						<li><a href="javascript:DeleteContentNav({{ entity.getid }})">Delete Nav</a></li>
						{% endif %}
					  </ul>
					</div>
				</td>
			</tr>
		{% endfor %}
			</tbody>
		</table>
		<div class="pagination pull-right">
			{{ knp_pagination_render(navs) }}
		</div>
	</div>
</div>    
{% endblock content %}