@extends('layouts.app')


@section('selectZone', 'Programmazione')

@section('content')


<div class="wrapper wrapper-content animated fadeInRight">


    <div class="row equal">
        <div class="ibox">
            <div class="col-md-4">
                <div class="ibox-content">

                    <h2>Aggregato {{ucfirst($meseIta)}}</h2>
                    <div class="clients-list">
                        <div class="full-height-scroll" style="overflow: hidden; width: auto; height: 100%;">
                            <div class="table-responsive">

                                <table class="table table-striped table-hover" >

                                    <thead>

                                        <tr>
                                            <th>Ora</th>
                                            <th> Agg >0</th>
                                            <th> Agg <0</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($criticita[0] as $ora => $mag)
                                        <tr> 
                                            <td>{{$ora}}</td>
                                            <td>{{$mag}}</td>
                                            <td>{{$criticita[1][$ora]}}</td>

                                        </tr>
                                        @endforeach
                                    </tbody>

                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            @foreach($zone as $k => $zona)

            <div class="col-md-3">
                <a href="/programmazione/calculateAggregato?month={{$mese}}&zona={{$zona['zona']}}">
                    <div class="widget navy-bg no-padding">
                        <div class="p-m">
                            <h1 class="m-xs">{{$zona['zona']}}</h1>
                        </div>
                        <div class="p-m">
                            <div class="row-equal">  
                                <div class="text-left col-md-4">
                                    <button class="btn btn-default m-r-sm font-bold no-margins" style="color: #1bb394;">{{$reportZona[0][$k]}}</button>
                                    <h4 class="font-bold">Agg >0</h4>
                                </div>
                                <div class="text-center col-md-4">
                                    <button type="button" class="btn btn-default m-r-sm font-bold no-margins" style="color: #1bb394;">{{number_format($reportZona[0][$k]/$magTot*100,2)}}%</button>
                                    <h4 class="font-bold">% su criticità</h4>
                                </div>
                                <div class="text-right col-md-4">
                                    <button type="button" class="btn btn-default m-r-sm font-bold no-margins" style="color: #1bb394;">{{number_format($reportZona[0][$k]/$reportTot[0][$k]*100,2)}}%</button>
                                    <h4 class="font-bold">% su ore/mese</h4>
                                </div>
                            </div>
                        </div>
                        <br>
                        <br>
                        <div class="p-m">
                            <div class="row-equal">  
                                <div class="text-left col-md-4">
                                    <button type="button" class="btn btn-default m-r-sm font-bold no-margins" style="color: #1bb394;">{{$reportZona[1][$k]}}</button>
                                    <h4 class="font-bold">Agg <0</h4>
                                </div>
                                <div class="text-center col-md-4">
                                    <button type="button" class="btn btn-default m-r-sm font-bold no-margins" style="color: #1bb394;">{{number_format($reportZona[1][$k]/$minTot*100,2)}}%</button>
                                    <h4 class="font-bold">% su criticità</h4>
                                </div>
                                <div class="text-right col-md-4">
                                    <button type="button" class="btn btn-default m-r-sm font-bold no-margins" style="color: #1bb394;">{{number_format($reportZona[1][$k]/$reportTot[1][$k]*100,2)}}%</button>
                                    <h4 class="font-bold">% su ore/mese</h4>
                                </div>
                            </div>
                        </div>
                        <br>
                        <br>
                        <br>
                    </div>
                </a>

            </div>


            @endforeach
        </div>
    </div>

</div>

@endsection


@section('scripts')
<script>


    var table = $('table').DataTable({pageLength: 24
        , bSort: true,
        "orderCellsTop": true,
        "fixedHeader": false,
        "bFilter": true,
        dom: 'Blfrtip',
        buttons: [
            'excel'
        ]}
    ).search('');

</script>
@endsection