@extends('layouts.default')

@section('title')
	@parent
	Статистика по продуктам
@stop

@section('css')
	<link rel="stylesheet" href="{{ asset('css/datepicker.css') }}">
@stop

@section('js')
	<script src="{{ asset('js/kmk-support.js') }}"></script>
	<script src="{{ asset('js/bootstrap-datepicker.js') }}"></script>
	<script>
		function reload () {
			var params = kmkGiveGetParams(location.search);
			params['projectId'] = '{{ $input['projectId'] }}';
			params['startDate'] = $('#startDate').val();
			params['endDate'] = $('#endDate').val();
			kmkSetBrowserAddressParams(kmkObjectToGetString(params, false));
			location.reload();
		}

		$(document).ready(function(){
			var startDate = $('#startDate')
				.datepicker({
					format: 'dd.mm.yyyy',
					weekStart: 1
				})
				.on('changeDate', function(ev) {
					$('#startDate').datepicker('hide');
					if (ev.date.valueOf() > endDate.date.valueOf()){
						startDate.setValue(endDate.date);
			    }
					reload();
				}).data('datepicker');
			var endDate = $('#endDate')
				.datepicker({
					format: 'dd.mm.yyyy',
					weekStart: 1
				})
				.on('changeDate', function(ev) {
					$('#endDate').datepicker('hide');
					if (ev.date.valueOf() < startDate.date.valueOf()){
						endDate.setValue(startDate.date);
			    }
					reload();
				}).data('datepicker');
			});
	</script>
@stop

@section('content')
	<div class="well well-sm">
		<form class="form-inline" role="form">
			<div class="form-group">
				<label for="startDate">Дата оформления с</label> <input id="startDate" name="startDate" class="form-control" value="{{ $input['startDate'] }}"/>
			</div>
			<div class="form-group">
				<label for="endDate">по</label> <input id="endDate" name="endDate" class="form-control" value="{{ $input['endDate'] }}"/>
			</div>
		</form>
	</div>

	@if($products)
		<div class="panel panel-default">
			 <div class="panel-heading">
				<h3 class="panel-title"><b>{{ $project->name }}</b></h3>
			</div>
			<table class="table table-striped table-hover lead-stat">
				<tbody>
					<thead>
						<tr>
							<th>Продукт</th>
							<th class="text-right">Количество</th>
							<th class="text-right">Сумма</th>
						</tr>
					</thead>
					@foreach ($products as $product)
						@if ($product['quant'])
							<tr>
								<td>
									<p>{{ $product['name'] }}</p>
								</td>
								<td>
									<p class="text-right"><span class="to-humanize">{{ $product['quant'] }}</span></p>
								</td>
								<td>
									<p class="text-right"><span class="to-humanize">{{ $product['price'] }}</span> <i class="fa fa-rub"></i></p>
								</td>
							</tr>
						@endif
					@endforeach
				</tbody>
			</table>
		</div>
	@endif
@stop