@extends('layouts.default')

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

@section('breadcrumbs')
	{{ Breadcrumbs::render('stat.products') }}
@stop

@section('js')
	<script src="{{ asset('js/kmk-support.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({
					onClose: function( selectedDate ) {
						$("#endDate").datepicker( "option", "minDate", selectedDate );
						reload();
					}
				});
			var endDate = $('#endDate')
				.datepicker({
					onClose: function( selectedDate ) {
						$( "#startDate" ).datepicker( "option", "maxDate", selectedDate );
						reload();
					}
				});
		});
	</script>
@stop

@section('content')
	<div class="row">
		<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
			<h1 class="page-title txt-color-blueDark">
				<i class="fa fa-bar-chart-o fa-fw"></i>
				Статистика по продуктам
			</h1>
		</div>
	</div>

	<section id="widget-grid">
		<div class="row">
			<article class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
				<div class="jarviswidget" id="wid-id-0" data-widget-colorbutton="false" data-widget-editbutton="false" data-widget-sortable="false" data-widget-deletebutton="false" data-widget-togglebutton="false">
					<header>
						<span class="widget-icon"> <i class="fa fa-bar-chart-o"></i> </span>
						<h2>Статистика по продуктам</h2>
					</header>

					<!-- widget div-->
					<div>
						<!-- widget edit box -->
						<div class="jarviswidget-editbox">
							<!-- This area used as dropdown edit box -->
						</div>
						<!-- end widget edit box -->

						<!-- widget content -->
						<div class="widget-body">
							<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>
								<br/>
								@foreach ($user->projects()->whereUsecrm(1)->whereType(Project::TYPE_SHOP)->get() as $currentProject)
								<a href="/stat/products?projectId={{ $currentProject->id }}&startDate={{ $input['startDate'] }}&endDate={{ $input['endDate'] }}" class="btn btn-sm btn-default @if ($input['projectId'] == $currentProject->id) active @endif" data-id="{{ $currentProject->id }}">{{ $currentProject->name }}</a>
								@endforeach
							</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>
													<th class="text-right">Прибыль</th>
												</tr>
											</thead>
											@foreach ($products as $product)
												@if ($product['quant'])
													<tr>
														<td>
															<p>{{ $product['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>
														<td>
															<p class="text-right"><span class="to-humanize">{{ $product['profit'] }}</span> <i class="fa fa-rub"></i></p>
														</td>
													</tr>
												@endif
											@endforeach
										</tbody>
									</table>
								</div>
							@endif
						</div>
						<!-- end widget content -->
					</div>
					<!-- end widget div -->
				</div>
				<!-- end widget -->
			</article>
		</div>
	</section>
@stop