{% extends 'base.html.twig' %}

{% block title %}Receive Stock{% endblock %}

{% block content %}
<div class="kt-subheader kt-grid__item"></div>

<div class="kt-container kt-grid__item kt-grid__item--fluid">
	<div class="kt-portlet kt-portlet--mobile">
		<div class="kt-portlet__head kt-portlet__head--lg">
			<div class="kt-portlet__head-label">
				<h3 class="kt-portlet__head-title">Receive Stock</h3>
			</div>

			<div class="kt-portlet__head-toolbar">
				<div class="kt-portlet__head-wrapper">
					<a href="{{ path('receive_stock_export', app.request.get('range') ? { 'range': app.request.get('range')} : {}) }}"
						class="btn btn-brand btn-bold">Export</a>
				</div>
			</div>
		</div>

		<div class="kt-portlet__body">
			{% include 'parts/flash.html.twig' %}

			<form class="kt-form kt-margin-b-10">
				<div class="form-group row">
					<label class="form-label kt-padding-t-10 col-lg-1">Search Filters</label>

					<div class="col-lg-3">
						<select name="drug" id="search-drugs" class="form-control">
							<option></option>
							{% for drug in drugs %}
							<option value="{{ drug.id }}" {{ (app.request.get('drug')==drug.id) ? ' selected' : '' }}>
								{{ drug.name }}
							</option>
							{% endfor %}
						</select>
					</div>

					<div class="col-lg-3">
						<div class="input-group" id="from-to-dates">
							<input type="text" name="range" value="{{ app.request.get('range') }}" class="form-control"
								readonly placeholder="Select Date Range">

							<div class="input-group-append">
								<span class="input-group-text"><i class="la la-calendar-check-o"></i></span>
							</div>
						</div>
					</div>

					<div class="col-lg-3">
						<button class="btn btn-brand btn-bold">Submit</button>
						<a href="{{ path(url) }}" class="btn btn-clean btn-bold ml-2">Reset</a>
					</div>
				</div>
			</form>
			<div class="table-responsive">
				<table class="table table-striped table-bordered table-hover">
					<thead>
						<tr>
							<th width="5%">Sr. No.</th>
							<th>Indent</th>
							<th>Item</th>
							<th>Batch No.</th>
							<th>Mfg. Name</th>
							<th>Mfg. Address</th>
							<th>Mfg. Contact</th>
							<th width="8%">Mfg. Date</th>
							<th>Quantity</th>
							<th>Received Quantity</th>
							<th width="8%">Expiry Date</th>
							<th>Voucher No.</th>
							<th>Status</th>
							<th>Rejection Reason</th>
							<th width="8%">Date Created</th>
							<th width="3%" class="text-center">Actions</th>
						</tr>
					</thead>
					<tbody>
						{% for receive_stock in receive_stocks %}
						<tr>
							<td class="text-right">{{ loop.index }}</td>
							<td>{{ receive_stock.indentRequest }}</td>
							<td>{{ receive_stock.indentRequest.item }}</td>
							<td class="text-right">{{ receive_stock.batchNum }}</td>
							<td>{{ receive_stock.mfgName }}</td>
							<td>{{ receive_stock.mfgAddress }}</td>
							<td>{{ receive_stock.mfgMobile }}</td>
							<td class="text-right">{{ receive_stock.mfgDate|date('d/m/Y') }}</td>
							<td class="text-right">{{ receive_stock.qty }}</td>
							<td class="text-right">{{ receive_stock.receivedQty }}</td>
							<td class="text-right">{{ receive_stock.expiryDate|date('d/m/Y') }}</td>
							<td class="text-right">{{ receive_stock.voucherNum }}</td>
							<td>{{ receive_stock.status == 'Partial' ? 'Partially Accepted' : receive_stock.status }}
							</td>
							<td>{{ receive_stock.rejectReason ? receive_stock.rejectReason : '&mdash;' }}</td>
							<td class="text-right">{{ receive_stock.createdAt|date('d/m/Y') }}</td>
							<td class="text-center">
								{% if not is_granted('ROLE_STOCK') and receive_stock.indentRequest.status == 'Pending'
								and
								receive_stock.status != 'Rejected' and receive_stock.indentRequest.createdBy == app.user
								%}
								<a href="{{ path('receive_stock_process',{'id': receive_stock.id | nzo_encrypt}) }}"
									class="actions" data-toggle="kt-tooltip" title="Receive Stock">
									<i class="fa far fa-arrow-circle-right fa-2x"></i>
								</a>
								{% else %}
								&mdash;
								{% endif %}
							</td>
						</tr>
						{% else %}
						<tr>
							<td colspan="17" class="text-center">No records found</td>
						</tr>
						{% endfor %}
					</tbody>
				</table>
			</div>

			{{ include('parts/pagination.html.twig', {'lastPage': last_page}) }}
		</div>
	</div>
</div>
{% endblock %}

{% block scripts %}
{{ parent() }}

<script>
	$('#search-drugs').select2({
		placeholder: "Search Essential Drugs"
	});

	$('#from-to-dates').daterangepicker({
		buttonClasses: 'btn',
		applyClass: 'btn-primary',
		cancelClass: 'btn-secondary',
		format: 'yyyy-mm-dd',
		maxDate: new Date()
	}, function (start, end, label) {
		$('#from-to-dates .form-control').val(start.format('YYYY-MM-DD') + ' / ' + end.format('YYYY-MM-DD'));
	});
</script>
{% endblock %}