@extends('layouts/contentNavbarLayout')

@section('title', 'Планирование')

@section('content')
<div class="card">
<h5 class="card-header">
	<span>Планирование</span>
	<div class="demo-inline-spacing"> 
			<ul class="pagination">
				<li class="page-item prev">
					<a class="page-link" href="?year={{$year - 1}}"><i class="tf-icon bx bx-chevrons-left"></i></a>
				</li>
				<li class="page-item active">
					<a class="page-link" href="">{{$year}}</a>
				</li>
				<li class="page-item next">
					<a class="page-link" href="?year={{$year + 1}}"><i class="tf-icon bx bx-chevrons-right"></i></a>
				</li>
			</ul>
	</div>
</h5>
	<div class="text-nowrap">
		<table class="table table-striped">
		<thead>
			<tr class="text-nowrap">
				<th>Товар</th>
				@foreach($month as $n => $m)
					<th>{{$m}}</th>
				@endforeach
			</tr>	
		</thead>
		<tbody>
			@foreach($products as $product)
			<tr product="{{$product['product']}}" weight="{{$product['weight']}}" density="{{$product['density']}}">
				<th class="alignLeft" scope="row">{{$product['name']}}</th>
				@for($i=1; $i<=12; $i++)
					<td class="alignLeft"	
					@if(strtotime(date("$year-$i-01")) < strtotime(date('Y-m-d')))
						disabled
					@endif
					month="{{$i}}">{{$product['plan'][$i] ?? 0}}/{{$product['fact'][$i] ?? 0}}/{{number_format($product['percent'][$i] ?? 0, 2, '.')}}</td>
				@endfor
			</tr>
			@endforeach
		</tbody>
		</table>
	</div>
</h5>

</div>

<!-- template popup -->
<div id="template-popup" hidden>
	<input class="plan" type="number">
	<span class="dropdown plan">
		<div class="dropdown-menu plan show">
			<div class="alignRight">
				<span class="dropdown-item plan"><input class="alignRight kgInp" type="text"></span>
				<span class="dropdown-item plan"><input class="alignRight literInp" type="text"></span>
			</div>
			<div>
				<span class="dropdown-item plan alignLeft">кг.</span>
				<span class="dropdown-item plan alignLeft">л.</span>
			</div>
		</div>
	</span>
</div>
		
<!-- template popup -->


<link href="{{ asset('assets/css/plan.css') }}" rel="stylesheet">
<script src="{{ asset('assets/js/pages-plan.js')}}"></script>

@endsection