@extends('layouts.default')

@section('title')
@parent
Статистика по действиям в CRM
@stop

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

@section('css')
	<link rel="stylesheet" href="{{ asset('css/datepicker.css') }}">
  <link rel="stylesheet" href="{{asset('css/fuelux.min.css')}}">
  <link rel="stylesheet" href="{{asset('css/fuelux-responsive.min.css')}}">
  <link rel="stylesheet" href="{{asset('css/360player.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['managerId'] = '{{ $input['managerId'] }}';
			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>

	<script type="text/javascript" src="https://www.google.com/jsapi"></script>
	<script type="text/javascript">
		google.load("visualization", "1", {packages:["corechart"]});
		google.setOnLoadCallback(initChart);

		function initChart() {
			var options = {
				areaOpacity:	0.1,
				title:				'',
				curveType:		'function',
				animation:		{ duration: 500, easing: 'out' },
				hAxis:				{
												maxValue: 2,
												minValue: 2,
												textStyle:
												{
													color: '#898989'
												}
											},
				vAxis:				{
												maxValue: 2,
												minValue: 2,
												textStyle: {
													color: '#898989'
												},
												baselineColor: "#e1e1e1",
												minValue: 0,
												gridlines: { color: "#e1e1e1"}
											}
			};

			var dataDay = [];

			dataDay = google.visualization.arrayToDataTable([
				['Час'
					@foreach ($statManagersArray as $id=>$name)
						, '{{ $name }}'
					@endforeach
				]

				@foreach ($statDay as $key=>$value)
				,['{{ $key }}'
					@foreach ($statManagersArray as $id=>$name)
						@if(isset($value[$id]))
						, {{ $value[$id]['cnt'] }}
						@else
						, 0
						@endif
					@endforeach
				]
				@endforeach
			]);

			var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
			chart.draw(dataDay, options);
		}

	</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>
				Статистика по действиям в CRM
			</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>Статистика по действиям в CRM</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/refrences?projectId={{ $currentProject->id }}" class="btn btn-sm btn-default @if ($input['projectId'] == $currentProject->id) active @endif" data-id="{{ $currentProject->id }}">{{ $currentProject->name }}</a>
								@endforeach
								<br/>
								<br/>
								@foreach ($managers as $currentManager)
								<a href="/stat/refrences?projectId={{ $project->id }}&managerId={{ $currentManager->id }}&startDate={{ $input['startDate'] }}&endDate={{ $input['endDate'] }}" class="btn btn-sm btn-default @if ($input['managerId'] == $currentManager->id) active @endif" data-id="{{ $currentManager->id }}">{{ $currentManager->first_name }} {{ $currentManager->last_name }}</a>
								@endforeach
							</div>

							<div class="panel panel-default">
								 <div class="panel-heading">
									 <b>Статистика всех менеджеров по часам</b>
									 <div class="btn-group" id="chartBtns">
									</div>
								</div>
							 <div id="chart_div" style="height: 500px;"></div>
							</div>

							<div class="panel panel-default">
								 <div class="panel-heading">
									<h3 class="panel-title"><b>{{ $manager->first_name }} {{ $manager->last_name }}: Статистика по действиям в CRM @if($input['startDate'] == $input['endDate']) за {{ $input['startDate'] }} @else с {{ $input['startDate'] }} по {{ $input['endDate'] }} @endif</b></h3>
								</div>
								<table class="table table-striped table-hover lead-stat">
									<thead>
										<tr>
											<th>Информация</th>
											<th>Проект</th>
											<th>Дата</th>
											<th>Сообщение</th>
										</tr>
									</thead>
									<tbody>
										@foreach ($refrences as $refrence)
											<tr>
												<td style="white-space:nowrap">
													<a href="{{ action('PartnerController@index', array($refrence->partner->id)) }}" target="_blank">№{{ $refrence->partner->id }} {{ $refrence->partner->name }}</a><br/>
												</td>
												<td style="white-space:nowrap">
													{{ $refrence->partner->project->name }}
												</td>
												<td style="white-space:nowrap">
													<span class="date-to-humanize" data-date="{{ $refrence->created_at }}">{{ $refrence->created_at }}</span>
												</td>
												<td>
													{{ nl2br($refrence->comment) }}
													@if($refrence->mlsitcall)
														@if(!$refrence->mlsitcall->call_state)
														<?php
															$refrence->mlsitcall->checkStatus();
														?>
														@endif
														({{ $refrence->mlsitcall->getStatusName() }})
														@if($refrence->mlsitcall->call_state == Mlsitcall::STATUS_ANSWERED)
															<div class="ui360">
																<a href="{{ action('PartnerController@getCallFile', array($refrence->mlsitcall->id)) }}"></a>
															</div>
															<a target="_blank" href="{{ action('PartnerController@downloadCallFile', array($refrence->mlsitcall->id, $refrence->mlsitcall->filename)) }}">скачать</a>
														@endif
													@endif
												</td>
											</tr>
										@endforeach
									</tbody>
								</table>
							</div>
						</div>
						<!-- end widget content -->
					</div>
					<!-- end widget div -->
				</div>
				<!-- end widget -->
			</article>
		</div>
	</section>
@stop