@extends('layouts.default')

@section('title')
	@parent
	Статистика выплат з/п
@stop

@section('breadcrumbs')
	{{-- Breadcrumbs::render('budget.salary.stat', $workProject) --}}
@stop

@section('content')
<div class="row">
  <div class="col-md-12 col-lg-12 col-sm-12">
		<div class="panel panel-default">
		@include('budget/menu')
			<div class="panel-body">
				@include('budget/salary/btns')
				<div class="salary-user-list bottom-menu-small">
					<a class="btn link-white btn-xs btn-default @if( Request::is('budget/salary/stat/operations') )active @else bg-color-blueLight @endif" href="/budget/salary/stat/operations">< Все  сотрудники ></a>
					@foreach ($salaryUsers as $salaryUser)
					  <?php
						  $activeClasses = 'bg-color-blueLight';
						  if( Request::is('budget/salary/stat/operations/'.$salaryUser->id) ){
								$activeClasses = 'btn-default active';
							}
						?>
					  <a class="btn link-white btn-xs {{ $activeClasses }}" href="/budget/salary/stat/operations/{{ $salaryUser->id }}"> {{ $salaryUser->last_name }} {{ $salaryUser->first_name }} </a>
					@endforeach
				</div>
				<div class="clearfix"></div>
				<div class="table-responsive">
					<table class="table table-condensed table-hover">
						<thead>
							<th>Дата начисления</th>
							<th>Операция в бюджете</th>
							<th>Проект</th>
							<th>Сотрудник</th>
							<th>З/п за: </th>
							<th>Сумма</th>
							<th>Комментарий</th>
						</thead>
						<tbody>
							@foreach($salaryOperations as $salaryOperation)
							<tr>
								<td>{{ $salaryOperation->getDateTime('created_at') }}</td>
								<td>№{{ $salaryOperation->budget_operation_id }}, {{ $salaryOperation->getDate('bo_date') }}, <span class="operation-amount" data-value="{{ $salaryOperation->bo_amount/100 }}"> {{ $salaryOperation->bo_amount/100 }}</span> <i class="fa fa-rub"></i></td>
								<td>{{ $salaryOperation->project_name }}</td>
								<td>{{ $salaryOperation->last_name }} {{ $salaryOperation->first_name }}</td>
								<td>{{ $salaryOperation->getDate('salary_date') }}</td>
								<td><span class="salary-amount" data-value="{{ $salaryOperation->amount/100 }}"> {{ $salaryOperation->amount/100 }}</span> <i class="fa fa-rub"></i></td>
								<td class="salary-comment">{{ $salaryOperation->comment }}</td>
							</tr>
						  @endforeach
						</tbody>
					</table>
				</div>
				<dl class="dl-horizontal">
					<dt>Итого: </dt>
					<dd><span id="totalOperaionsSum" class="to-humanize"> </span> <i class="fa fa-rub"></i></dd>
				</dl>
			</div>
		</div>
	</div>
</div>
@stop

@section('js')
	<script src="{{ asset('js/budget_salary.js') }}"></script>
	<script src="{{ asset('js/kmk-support.js') }}"></script>
	<script>
		$(document).ready(function() {
      var monthNames = ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'];

			var today = new Date,
			     i = 0;

			for(i; i>=-11; i--){
				var today = new Date,
						select,
						todayMonth;

        todayMonth = today.getMonth();
				today.setMonth(todayMonth+i);

				select += '<option value="'+i+'" class="01_'+(+today.getMonth()+1)+'_'+today.getFullYear()+'">'+monthNames[today.getMonth()]+', '+today.getFullYear()+'</option>';
			}
			$('#monthSelect').html(select);

			$('#monthSelect').on('change', function(){
				var startDate, endDate, startMonthPos, today, currMonth, month, lastDay;

				startMonthPos = $(this).val();
				today = new Date;
				currMonth = today.getMonth();

		    today.setMonth(currMonth+ +startMonthPos+1);
				month = today.getMonth();
				if(month == 0){
					month = 12;
				}
				startDate = '01.'+month+'.';
				today.setDate(0);
				startDate += today.getFullYear();

				lastDay = today.getDate();
				endDate = lastDay+'.'+(+today.getMonth()+1)+'.'+today.getFullYear();

				$("#startDate").val(startDate);
				$("#endDate").val(endDate);
				reload();
				return false;
			});

      var selectedMonth = ($("#startDate").val()).split('.').join('_');
      $('body').find('.'+selectedMonth).attr('selected','selected');

			$('a.to-humanize').each(function() {
				$(this).html(humanizeNumber($(this).html()));
			});
		});
	</script>
@stop