@extends('layouts.app')

@section('content')
@include ('components.Combo_FDP')


<div class="container box">
    <div class="row" id="rowDet">
        <h2 id="nadpis">Vývoj spotřeby energií na prostoru {{ $prostor->popis }}</h2>    
    </div>    
    
    
    <div id="labelsChart" style="display:none"> {{ $labels }} </div> 
    @php($i=0)
    @foreach ($vykazHl as $hl)
        <div id="labelChart{{$i}}" style="display:none"> {{ $hl['popis'] }} </div> 
        @php($i++)
    @endforeach    
    
    @php($i=0)
    @foreach($datasetSpPrirustek as $dataChart1)
        <div id="dataChart1{{$i}}" style="display:none"> {{ $dataChart1 }} </div> 
        @php($i++)
    @endforeach
    
    @php($i=0)
    @foreach($datasetNakl as $dataChart2)
        <div id="dataChart2{{$i}}" style="display:none"> {{ $dataChart2 }} </div> 
        @php($i++)
    @endforeach
    
    @php($i=0)
    @foreach($vykazEnergieSet as $colorSet)
        <div id="colorSet{{$i}}" style="display:none"> {{ $colorSet['barva'] }} </div> 
        @php($i++)
    @endforeach
    

<!--Tabulka spotřeb roky ve sloupcích-->   
<div class="styleTable">  
    <div class="table-responsive">
    <table class="table table-sm">
        <thead>
            <tr>
                <th>Medium</th>
                <th>OM</th>    
                <th>Údaj</th> 
                @php($i=0)
                @foreach($vykazPopRow as $rok)
                    @php($i=$i+1)
                    <th style="text-align: center">{{$rok}}</th> 
                @endforeach
            </tr>
        </thead>
    <tbody>
        
        @foreach ($tabSpotreb as $tabPoplatek)
        @php($i=0)
        <tr>
            @foreach ($tabPoplatek as $poplatek)
            <tr>
              @php($i=0)
              @foreach ($poplatek as $popl)
                @if(isset($vykazEnergieSet[$popl['poplatek']]['barva']))
                        @php($color = 'style=color:'.$vykazEnergieSet[$popl['poplatek']]['barva'])
                @else
                        @php($color = '')
                @endif                
                            
                @if($i==0)
                    <td {{$color}} ><strong>{{$popl['medium']}}</strong></td>
                    <td {{$color}}>{{$popl['om']}}</td> 
                    <td {{$color}}>{{$popl['popis']}}</td>
                @endif                           
                    <td class="number" {{$color}}>{{$popl['hodnrok']==0 ? "": $popl['hodnrok']}}</td>
                @php($i=$i+1)
              @endforeach
            </tr>             
            @endforeach
        </tr>           
        
        @endforeach
    </tbody>
    </table>
    </div>
</div>


<!--Graf spotřeb-->   
    <div class="row" id="rowDet">
        <h4 id="nadpis">Změny spotřeby energií v % za období</h4>    
    </div>      
    <!--<a href="{{ route('meric.getVykazChart',['id_domu'=>102]) }}" class="btn btn-outline-blue-custom btn-sm" role="button">Pokus</a>-->

    <div class="container boxChart">
        <canvas width="100" height="35" id="myChart1"> </canvas>
        <script  type="text/javascript" id="spotreba" src="{{ asset('js/myChart.js') }}"> </script>
    </div>     
    
    
<!--Tabulka nákladů - Sloupce s roky nebude použito je součástí Vyúčtování-->   
@if($nakladyExist && false)
    <div class="row" id="rowDet">
        <h2 id="nadpis">Vývoj nákladů na energie na prostoru {{ $prostor->popis }}</h2>    
    </div>    

<div class="styleTable">  
    <div class="table-responsive">
        
    <table class="table table-sm">
        <thead>
            <tr>
               <th>Medium</th>
               <th>OM</th>
               <th>Údaj</th>
               @php($i=0)
               @foreach($vykazPopRow as $rok)
                    @php($i=$i+1)
                    <th style="text-align: center">{{$rok}}</th> 
                @endforeach
            </tr>
    </thead>
    <tbody>
        
            @foreach ($tabNakl as $naklad)
              <tr>
              @php($i=0)
              @foreach ($naklad as $nakl)
                @if(isset($vykazEnergieSet[$nakl['poplatek']]['barva']))
                        @php($color = 'style=color:'.$vykazEnergieSet[$nakl['poplatek']]['barva'])
                @else
                        @php($color = '')
                @endif                
                @if($i==0)
                    <td {{$color}}>{{$nakl['medium']}}</td>
                    <td {{$color}}>{{$nakl['om']}}</td> 
                    <td {{$color}}>{{$nakl['popis']}}</td>
                @endif                           
                    <td {{$color}} class="number">{{$nakl['hodnrok']==0 ? "": $nakl['hodnrok']}}</td>
                @php($i=$i+1)
              @endforeach
              </tr>
                         
            @endforeach
        
    </tbody>
    </table>
    </div>
</div>
@endif


<!--Graf nákladů nebude použito je součástí Vyúčtování--> 
@if($nakladyExist && false)
<div class="row" id="rowDet">
        <h4 id="nadpis">Vývoj nákladů na energie za období</h4>    
</div>      
    <div class="container boxChart">
        <canvas width="100" height="35" id="myChart2"> </canvas>
        <script type="text/javascript" id="naklad" src="{{ asset('js/myChart.js') }}" ></script>
    </div>     
    
</div>    
@endif

@endsection