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

{% block head_script_extra %}
<script type="text/javascript" src="{{ asset('bundles/d2expert/js/expert_admin.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/d2chat/js/chat_expert.js') }}"></script>
<script>
	$(document).ready(function(){	
		$(function () {
		  $('[data-toggle="popover"]').popover()
		})
	});
</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', 'status', 'approved'] %}
					<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="status">Status</label>
				<select class="form-control" name="status" id="status">
				{% set opts = {'':"Show All", '1':"Enabled", '0':"Disabled"} %}
				{% for k, v in opts %}<option value="{{ k }}" {{ app.request.get('status') is sameas(k|lower) ? 'selected="selected"' : '' }}>{{ v }}</option>{% endfor %}
				</select>
				
				<label for="approved">Approval</label>
				<select class="form-control" name="approved" id="approved">
				{% set opts = {'':"Show All", '1':"Approved", '0':"Not Approved"} %}
				{% for k, v in opts %}<option value="{{ k }}" {{ app.request.get('approved') 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_EXPERT_CREATE') %}<a href="{{ path('admin_expert_new') }}" class="btn btn-default">New</a>{% endif %}
					<a class="btn btn-default" href="javascript:getExpertChatThreads()">Start Chat</a>
				</div>
			</div>
		</form>
		<div class="clearfix"></div>
		<div>Displaying 
			{{ (experts_list.getCurrentPageNumber()-1) * experts_list.getItemNumberPerPage() + 1 }}
			to
			{{ ((experts_list.getCurrentPageNumber()-1) * experts_list.getItemNumberPerPage()) + (experts_list.getItems()|length) }}
			of
			{{ experts_list.getTotalItemCount() }} {% trans %}Expert{% endtrans %} 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(experts_list, 'Status', 'e.enabled') }}</th>
					<th>{{ knp_pagination_sortable(experts_list, 'Approved', 'e.approved') }}</th>
					<th>{{ knp_pagination_sortable(experts_list, 'Expert', 'c.customer') }}</th>
					<th>{{ knp_pagination_sortable(experts_list, 'Title', 'e.title') }}</th>
					<th>{{ knp_pagination_sortable(experts_list, 'Originization', 'e.orginization') }}</th>
					<th>{{ knp_pagination_sortable(experts_list, 'Expertise', 'e.expertise') }}</th>
					<th>{{ knp_pagination_sortable(experts_list, 'Tags', 'cs.tags') }}</th>
					<th>Size(KB)</th>
					<th>{{ knp_pagination_sortable(experts_list, 'Date', 'cs.date') }}</th>
					<th style="width:100px"></th>
				</tr>
			</thead>
			<tbody>
		{% for entity in experts_list %}
			{% set tags = '' %}
			{% if entity.tags|length > 0 %}
			{% for tag in entity.tags %}
			{% set tags = tags ~ '<span id="tag_row_' ~ tag.id ~ '" class="text-warning"><a href="javascript:UnlinkExpertTag(' ~ entity.id ~',' ~ tag.id ~ ')"> [' ~ tag.tag ~ '] </a></span>' %}
			{% endfor %}
			{% endif %}
			<tr>
				<td><img src="{{ asset('bundles/d2core/images/' ~ (entity.enabled ? 'tick.png' : 'cross.png')) }}" title="{{ entity.enabled ? 'Enabled' : 'Disabled' }}" alt="{{ entity.enabled ? 'Enabled' : 'Disabled' }}" width="12" /></td>
				<td><img src="{{ asset('bundles/d2core/images/' ~ (entity.approved ? 'tick.png' : 'cross.png')) }}" title="{{ entity.approved ? 'Approved' : 'Not Approved' }}" alt="{{ entity.approved ? 'Approved' : 'Not Approved' }}" width="12" /></td>
				<td>{% if entity.getCustomer is not null %}<span data-container="body" data-toggle="popover" data-placement="right" data-html="true" data-trigger="hover" data-content="<img src='/uploads/customer/images/{{ entity.customer.path }}?v={{ entity.customer.version }}' alt='IMAGE' class='img-responsive' width='100%' />">{{ entity.getCustomer.getFirstname|trim }} {{ entity.getCustomer.getLastname|trim }}</span>{% endif %}</td>
				<td>{{ entity.title|trim }}</td>
				<td>{{ entity.orginization|trim }}</td>
				<td>{{ entity.expertise|trim }}</td>
				<td id="tags_cell_{{ entity.id }}">{{ tags|raw }}</td>
				<td>{{ d2_image_file_size(entity.getCustomer.absolutePath) }}/{{ d2_image_file_size(entity.getCustomer.absoluteCroppedPath) }}</td>
				<td>{{ entity.date|date("Y/m/d") }}</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_EXPERT_EDIT') %}
						<li><a href="{{ path('admin_expert_edit', { 'id': entity.id }) }}">Edit {% trans %}Expert{% endtrans %}</a></li>
						{% endif %}
						{% if is_granted('ROLE_ADMIN_EXPERT_DELETE') %}
						<li><a href="javascript:DeleteExpert({{ entity.getid }})">Delete {% trans %}Expert{% endtrans %}</a></li>
						{% endif %}
						{% if is_granted('ROLE_ADMIN_EXPERT_MANAGE') %}
							<li role="separator" class="divider"></li>
							<li><a href="javascript:NewExpertTag({{ entity.getid }}, 'list')">Tag {% trans %}Expert{% endtrans %}</a></li>
							<li role="separator" class="divider"></li>
							{% if entity.approved %}
							<li><a href="{{ path('admin_expert_approval', { 'id': entity.id, 'status': 0 }) }}">UnApprove {% trans %}Expert{% endtrans %}</a></li>
							{% else %}
							<li><a href="{{ path('admin_expert_approval', { 'id': entity.id, 'status': 1 }) }}">Approve {% trans %}Expert{% endtrans %}</a></li>
							{% endif %}
							{% if entity.enabled %}
							<li><a href="{{ path('admin_expert_status', { 'id': entity.id, 'status': 0 }) }}">Disable {% trans %}Expert{% endtrans %}</a></li>
							{% else %}
							<li><a href="{{ path('admin_expert_status', { 'id': entity.id, 'status': 1 }) }}">Enable {% trans %}Expert{% endtrans %}</a></li>
							{% endif %}
							{% if is_granted('ROLE_ADMIN_IMAGE_MANAGE') %}
							<li role="separator" class="divider"></li>
							<li><a href="{{ path('admin_crop_image_view', { 'type': 'expert', 'id': entity.id }) }}">Crop Image</a></li>
							<li><a href="{{ path('admin_optimize_image', { 'type': 'expert', 'id': entity.id }) }}">Optimize Image</a></li>
							{% endif %}
							{% if d2_sys_config('sys_comments_show') %}
							<li role="separator" class="divider"></li>
							<li><a href="{{ path('admin_comments', { 'type': 'expert', 'id': entity.id }) }}">{% trans %}Expert{% endtrans %} Comments</a></li>
							{% endif %}
						{% endif %}
					  </ul>
					</div>
				</td>
			</tr>
		{% endfor %}
			</tbody>
		</table>
		<div class="pagination pull-right">
			{{ knp_pagination_render(experts_list) }}
		</div>
	</div>	
</div>    
{% endblock content %}