@extends('layouts.default')

@section('js')
	<script src="{{ asset('js/kmk-support.js') }}"></script>
	<script>
		function reload () {
			var params = kmkGiveGetParams(location.search);
			params['projectId'] = '{{ $input['projectId'] }}';
			params['siteId'] = '{{ $input['siteId'] }}';
			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();
					}
				});

				var today = new Date();
				$("#todayDate").data('date', today.getDate()+'.'+(parseInt(today.getMonth())+1)+'.'+today.getFullYear());
				today.setDate(today.getDate()-1);
				$("#yeasterdayDate").data('date', today.getDate()+'.'+(parseInt(today.getMonth())+1)+'.'+today.getFullYear());

				$('.btn-set-date').unbind('click').on('click', function(){
					$('#startDate').val($(this).data('date'));
					$('#endDate').val($(this).data('date'));
					reload();
					return false;
				});
			});
	</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 id="partnersContainer" 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>
									<div class="form-group">
										<button id="yeasterdayDate" class="btn btn-default btn-set-date" data-date="">Вчера</button>
										<button id="todayDate" class="btn btn-default btn-set-date">Сегодня</button>
									</div>
								</form>
								<br/>
								@foreach ($user->projects()->whereUsecrm(1)->whereType(Project::TYPE_SHOP)->get() as $currentProject)
								<a href="/{{ Request::path() }}?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
								<br/>
								<br/>
								@foreach ($project->sites as $currentSite)
								<a href="/{{ Request::path() }}?projectId={{ $project->id }}&siteId={{ $currentSite->id }}&startDate={{ $input['startDate'] }}&endDate={{ $input['endDate'] }}" class="btn btn-sm btn-default @if ($input['siteId'] == $currentSite->id) active @endif" data-id="{{ $currentSite->id }}">{{ $currentSite->url }}</a>
								@endforeach
							</div>

							<div class="panel panel-default" id="partnersContainer">
								<div class="panel-heading" style="padding-bottom:0">
									<ul class="nav nav-tabs" style="border-bottom:0">
										<li {{ (Request::is('stat/visits') ? 'class="active"' : '') }}><a href="{{ URL::to('stat/visits') }}">Информация</a></li>
										<li {{ (Request::is('stat/visits/dashboard') ? 'class="active"' : '') }}><a href="{{ URL::to('stat/visits/dashboard') }}">Сводка</a></li>
										<li {{ (Request::is('stat/visits/all*') ? 'class="active"' : '') }}><a href="{{ URL::to('stat/visits/all') }}">Посетители</a></li>
										<li {{ (Request::is('stat/visits/lead*') ? 'class="active"' : '') }}><a href="{{ URL::to('stat/visits/lead') }}">Оставили заявку</a></li>
										<li {{ (Request::is('stat/visits/utmsource') ? 'class="active"' : '') }}><a href="{{ URL::to('stat/visits/utmsource') }}">Рекламные каналы</a></li>
										<li {{ (Request::is('stat/visits/utmsourceext') ? 'class="active"' : '') }}><a href="{{ URL::to('stat/visits/utmsourceext') }}">Рекламные каналы общая</a></li>
										<li class="pull-right {{ (Request::is('stat/visits/costs*') ? 'active' : '') }}"><a href="{{ URL::to('stat/visits/costs') }}">Стоимость переходов</a></li>
										<li class="pull-right {{ (Request::is('stat/visits/utm_campaigns*') ? 'active' : '') }}"><a href="{{ URL::to('stat/visits/utm_campaigns') }}">Кампании</a></li>
										<li class="pull-right {{ (Request::is('stat/visits/utm_sources*') ? 'active' : '') }}"><a href="{{ URL::to('stat/visits/utm_sources') }}">Каналы</a></li>
										<li class="pull-right {{ (Request::is('stat/visits/budget*') ? 'active' : '') }}"><a href="{{ URL::to('stat/visits/budget') }}">Бюджет</a></li>
									</ul>
								</div>

								<div class="panel-body">
									@yield('visits_content')
								</div>
							</div>
						</div>
						<!-- end widget content -->
					</div>
					<!-- end widget div -->
				</div>
				<!-- end widget -->
			</article>
		</div>
	</section>
@stop