@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>Sbilanciamento {{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> Sbilanciamento fisico </th>
                                            <th> Totale misure</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($reportSbilOra as $ora => $sbil)
                                        <tr> 
                                            <td>{{$ora}}</td>
                                            <td>{{number_format($sbil,3)}}</td>
                                            <td>{{number_format($reportTotOra[$ora],3)}}</td>

                                        </tr>
                                        @endforeach
                                    </tbody>

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

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

            <div class="col-md-3">
                <a href="/programmazione/calculatePercentageSbil?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 type="button" class="btn btn-default m-r-sm font-bold no-margins" style="color: #1bb394;">{{number_format($reportZona[0][$k],3)}}</button>
                                    <h4 class="font-bold">Sbilanciamento fisico</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;">{{str_replace('-','',number_format($reportZona[0][$k]/$reportZona[1][$k]*100,2))}}%</button>
                                    <h4 class="font-bold">% sbil fisico su tot misure</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],3)}}</button>
                                    <h4 class="font-bold">Totale misure</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