@extends('layouts.default')

@section('title')
	@parent
	Бюджет на рекламу :: Статистика по посещениям
@stop

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

@section('js')
	<script src="{{ asset('js/plugin/x-editable/x-editable.min.js') }}"></script>
	<script src="{{ asset('js/kmk-support.js') }}"></script>
	<script>
		function reload () {
			var params = kmkGiveGetParams(location.search);
			params['projectId'] = '{{ $input['projectId'] }}';
			params['filterMonth'] = $('#filterMonth').val();
			params['filterYear'] = $('#filterYear').val();
			kmkSetBrowserAddressParams(kmkObjectToGetString(params, false));
			location.reload();
		}

		$(document).ready(function(){
			$('#filterApply').click(function(){
				reload();
			});

			function initEditable() {
				$('.editable-amount').editable({
					url: '{{ action("VisitsBudgetController@update") }}',
					emptytext: '0',
					params: function(params) {
							params.day = $(this).editable().data('day');
							params.month = $(this).editable().data('month');
							params.year = $(this).editable().data('year');
							params.visit_utm_compaign = $(this).editable().data('visitUtmCompaign');
							return params;
					}
				});

				$('.editable').on('save', function(e, params) {
					if (params.response.status == 'success') {
						initEditable();
					}
				});
			}

			initEditable();
		});
	</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="well well-sm">
					<form class="form-inline" role="form">
						<div class="form-group">
							<label for="filterYear">Год <input id="filterYear" name="filterYear" class="form-control" value="{{ $input['filterYear'] }}"/></label>
						</div>
						<div class="form-group">
							<label for="filterMonth">Месяц</label>
							<select class="form-control" id="filterMonth" name="filterMonth">
								<option value="1"@if ($input['filterMonth'] == 1) selected @endif>Январь</option>
								<option value="2"@if ($input['filterMonth'] == 2) selected @endif>Февраль</option>
								<option value="3"@if ($input['filterMonth'] == 3) selected @endif>Март</option>
								<option value="4"@if ($input['filterMonth'] == 4) selected @endif>Апрель</option>
								<option value="5"@if ($input['filterMonth'] == 5) selected @endif>Май</option>
								<option value="6"@if ($input['filterMonth'] == 6) selected @endif>Июнь</option>
								<option value="7"@if ($input['filterMonth'] == 7) selected @endif>Июль</option>
								<option value="8"@if ($input['filterMonth'] == 8) selected @endif>Август</option>
								<option value="9"@if ($input['filterMonth'] == 9) selected @endif>Сентябрь</option>
								<option value="10"@if ($input['filterMonth'] == 10) selected @endif>Октябрь</option>
								<option value="11"@if ($input['filterMonth'] == 11) selected @endif>Ноябрь</option>
								<option value="12"@if ($input['filterMonth'] == 12) selected @endif>Декабрь</option>
							</select>
						</div>
						<div class="form-group">
							<button id="filterApply" class="btn btn-default">Открыть</button>
						</div>
					</form>
					<br/>
				</div>

				<div class="table-responsive">
					<table class="table table-condensed table-bordered table-hover">
						<thead>
							<tr>
								<th>Число</th>
								@foreach($project->visitUtmSources as $utmSource)
									<th colspan="{{ $utmSource->visitUtmCampaigns()->count() ? $utmSource->visitUtmCampaigns()->count() : 1 }}">{{ $utmSource->name }}</th>
								@endforeach
							</tr>
							<tr>
								<th></th>
								@foreach($project->visitUtmSources as $utmSource)
									@if ($utmSource->visitUtmCampaigns()->count())
										@foreach($utmSource->visitUtmCampaigns as $utmCampaign)
											<th>{{ $utmCampaign->name }}</th>
										@endforeach
									@else
										<th></th>
									@endif
								@endforeach
							</tr>
						</thead>
						<tbody>
							@for ($i = 1; $i <= cal_days_in_month(CAL_GREGORIAN, $input["filterMonth"], $input["filterYear"]); $i++)
							<tr>
								<td>{{ $i }}</td>
								@foreach($project->visitUtmSources as $utmSource)
									@if ($utmSource->visitUtmCampaigns()->count())
										@foreach($utmSource->visitUtmCampaigns as $utmCampaign)
											<?php
												$budget = VisitUtmCampaignBudget::whereVisitUtmCampaignId($utmCampaign->id)->where('day', '=', $i)->where('month', '=', $input["filterMonth"])->where('year', '=', $input["filterYear"])->first();
												$budgetAmount = $budget ? $budget->amount : 0;
											?>
											<td><a href="#" class="to-humanize editable editable-amount" data-type="text" data-pk="{{ ($budget) ? $budget->id : 0 }}" data-name="amount" data-day="{{ $i }}" data-month="{{ $input["filterMonth"] }}" data-year="{{ $input["filterYear"] }}" data-visit-utm-compaign="{{ $utmCampaign->id }}" data-value="{{ $budgetAmount }}">{{ $budgetAmount }}</a> <i class="fa fa-rub"></i></td>
										@endforeach
									@else
										<td></td>
									@endif
								@endforeach
							</tr>
							@endfor
						</tbody>
					</table>
				</div>
			</article>
		</div>
	</section>
@stop