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

{% block head_style_extra %}
	<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
	<link href="{{ asset('bundles/d2phsdsbc/css/jquery.signaturepad.css') }}" rel="stylesheet">
{% endblock head_style_extra %}

{% block head_script_extra %}
	<script type="text/javascript" src="{{ asset('bundles/d2borrowedasset/js/borrowed_asset_admin.js') }}"></script>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
	<script type="text/javascript" src="{{ asset('bundles/d2core/js/datetimepicker_utils.js') }}"></script>
	<script type="text/javascript" src="{{ asset('bundles/d2core/js/typeahead.js') }}"></script>
	<script type="text/javascript" src="{{ asset('bundles/d2phsdsbc/js/numeric-1.2.6.min.js') }}"></script>
	<script type="text/javascript" src="{{ asset('bundles/d2phsdsbc/js/bezier.js') }}"></script>
	<script type="text/javascript" src="{{ asset('bundles/d2phsdsbc/js/jquery.signaturepad.js') }}"></script>
	<script type="text/javascript" src="{{ asset('bundles/d2phsdsbc/js/json2.min.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', 'asset_filter', 'author', 'genre'] %}
					<input type="hidden" name="{{ k }}" value="{{ v }}" />
				{% endif %}
			{% endfor %}
			<div class="filter">
				<label for="asset_filter">Filter</label>
				<select class="form-control" name="asset_filter" id="asset_filter">
				{% set opts = {'0':"Show All", '1':"Available for Loan", '2':"On Loan", '3':"Loan Overdue", '4':"Extended Loans"} %}
				{% for k, v in opts %}<option value="{{ k }}" {{ app.request.get('asset_filter')|lower is sameas(k|lower) ? 'selected="selected"' : '' }}>{{ v }}</option>{% endfor %}
				</select>
				<label for="author">Author</label>
				<select class="form-control" name="author" id="author">
					<option value="">Show All</option>
				{% for v in authors %}<option value="{{ v['author'] }}" {{ app.request.get('author')|lower is sameas(v['author']|lower) ? 'selected="selected"' : '' }}>{{ v['author'] }}</option>{% endfor %}
				</select>
				<label for="genre">Genre</label>
				<select class="form-control" name="genre" id="genre">
					<option value="">Show All</option>
				{% for v in genres %}<option value="{{ v['genre'] }}" {{ app.request.get('genre')|lower is sameas(v['genre']|lower) ? 'selected="selected"' : '' }}>{{ v['genre'] }}</option>{% endfor %}
				</select>

				<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_borrowed_asset_report_format') }}" class="btn btn-default">PDF</a>
					<a href="{{ path('admin_borrowed_asset_new') }}" class="btn btn-default">New</a>
					<a title="Launch Loan Assistant" href="{{ path('admin_borrowed_asset_loan_assistant') }}" class="btn btn-default">Assistant</a>
				</div>
			</div>
		</form>
		<div class="clearfix"></div>
		<div>Displaying 
			{{ (borrowed_assets.getCurrentPageNumber()-1) * borrowed_assets.getItemNumberPerPage() + 1 }}
			to
			{{ ((borrowed_assets.getCurrentPageNumber()-1) * borrowed_assets.getItemNumberPerPage()) + (borrowed_assets.getItems()|length) }}
			of
			{{ borrowed_assets.getTotalItemCount() }} {% trans %}Library Asset{% 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(borrowed_assets, 'Available', 'b.available') }}</th>
					<th>{{ knp_pagination_sortable(borrowed_assets, 'Genre', 'b.isbn') }}</th>
					<th>{{ knp_pagination_sortable(borrowed_assets, 'Title', 'b.title') }}</th>
					<th>{{ knp_pagination_sortable(borrowed_assets, 'Author', 'b.author') }}</th>
					<th>{{ knp_pagination_sortable(borrowed_assets, 'Genre', 'b.genre') }}</th>
					<th>{{ knp_pagination_sortable(borrowed_assets, 'Capture Date', 'b.date') }}</th>
					<th style="text-align:right">{{ knp_pagination_sortable(borrowed_assets, 'Loaned Cnt', 'b.loan_cnt') }}</th>
					<th>Loan Status</th>
					<th>Loan Period</th>
					<th>Pending Loans</th>
					<th style="width:100px"></th>
				</tr>
			</thead>
			<tbody>
		{% for entity in borrowed_assets %}
			<tr>
				<td><img src="{{ asset('bundles/d2core/images/' ~ (entity.available ? 'tick.png' : 'cross.png')) }}" title="{{ entity.available ? 'Available' : 'Not Available' }}" alt="{{ entity.available ? 'Available' : 'Not Available' }}" width="12" /></td>
				<td>{{ entity.isbn|trim }}</td>
				<td>{{ entity.title|trim }}</td>
				<td>{{ entity.author|trim }}</td>
				<td>{{ entity.genre|trim }}</td>
				<td>{{ entity.date|date('Y-m-d') }}</td>
				<td style="text-align:right">{{ entity.loanCnt }}</td>
				<td>
					{% set current_loan = null %}
					{% if entity.getLoans|length > 0 %}
					Out to 
					{% for item in entity.getLoans %}
					{% if loop.first %}
						{% set current_loan = item %}
					{% endif %}
					{% if item.customer is not null %}{{ item.customer.firstname }} {{ item.customer.lastname }}{% endif %} 
					{% endfor %}
					{% else %}
					<span style="color:green">Available</span>
					{% endif %}
				</td>
				<td>
					{% if current_loan is not null %}
					{{ current_loan.loanDate|date('Y-m-d') }} to {{ current_loan.returnDate|date('Y-m-d') }}
					{% endif %}
				</td>
				<td>
					{% if entity.scheduledLoans|length > 0 %}
					{% for item in entity.scheduledLoans %}
					<span class="pending_loan_item" data-loan="{{ item.id }}" style="color:green;cursor:pointer">[{{ item.customer.firstname }} {{ item.customer.lastname }}]</span> 
					{% endfor %}
					{% endif %}
				</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_BORROWED_ASSET_EDIT') %}
						<li><a href="{{ path('admin_borrowed_asset_edit', { 'id': entity.id }) }}">Edit {% trans %}Asset{% endtrans %}</a></li>
						{% endif %}
						{% if is_granted('ROLE_ADMIN_BORROWED_ASSET_DELETE') %}
						<li><a href="javascript:DeleteAsset({{ entity.getid }})">Delete {% trans %}Asset{% endtrans %}</a></li>
						{% endif %}
						{% if is_granted('ROLE_ADMIN_BORROWED_ASSET_MANAGE') %}
						<li role="separator" class="divider"></li>
						<li><a href="javascript:AssetLoanHistory({{ entity.getid }})">Asset History</a></li>
						{% if entity.available %}
						<li><a href="{{ path('admin_borrowed_asset_status', { 'id': entity.id, 'status': 0 }) }}">Mark as Un-available</a></li>
						{% else %}
						<li><a href="{{ path('admin_borrowed_asset_status', { 'id': entity.id, 'status': 1 }) }}">Mark as Available</a></li>
						{% endif %}
						{% if entity.available%}
						<li role="separator" class="divider"></li>
						<li><a href="javascript:AddAssistantLoan({{ entity.getid }})">Schedule Loan</a></li>
						{% endif %}
						{% if entity.getLoans|length == 0 and entity.available%}
						<li role="separator" class="divider"></li>
						<li><a href="javascript:AddAssetLoan({{ entity.getid }})">Admin {% trans %}Asset{% endtrans %} Loan</a></li>
						{% elseif current_loan is not null %}
						<li role="separator" class="divider"></li>
						<li><a href="javascript:AddAssetReturn({{ current_loan.getid }})">Return {% trans %}Asset{% endtrans %}</a></li>
						<li><a href="javascript:ExtendAssetLoan({{ current_loan.getid }})">Extend Loan</a></li>
						{% endif %}
						{% endif %}
					  </ul>
					</div>
				</td>
			</tr>
		{% endfor %}
			</tbody>
		</table>
		<div class="pagination pull-right">
			{{ knp_pagination_render(borrowed_assets) }}
		</div>
	</div>
</div>    
{% endblock content %}