@extends('layouts.planti')
@section('contenido')
    @if(Session::has('success'))
        <div class="alert alert-info">
            {{Session::get('success')}}
        </div>
    @endif
    <style>
        body,html{
            margin: 0px !important;
            padding: 0px !important;
        }

    </style>

    {!! Charts::styles() !!}


<center>
       

    <div id="print">
        <h1 class="h2 mb-0 text-gray-800"><img src="{{ asset('img/controltower.png')}}" width="35" >TORRE DE CONTROL VENTAS</h1>
        
        <div class="row tile_count">
           @php($i=0 )
           @foreach($tcontrol as $fil)
             
            <div class="col-md-2 col-sm-3 col-xs-6 tile_stats_count">               
                <span class="count_top"><i class="fa fa-clock-o"></i> {{$fil->titulo}}</span>
            <a href="#n{{$i}}"><div class="count">{{ $fil->nro}}</div></a>
            {{-- <a href="/searchpo/{{$fil->titulo}}"><span class="count_bottom"><i class="green">Ver detalle</i></a> {{ $fil->porcentaje}} From last Week</span>                --}}
            <a href="#n{{$i}}"><span class="count_bottom"><i class="green">Ver detalle</i></a> {{-- {{ $fil->porcentaje}} From last Week--}}</span>               
            </div>
            @php($i++ )
            @endforeach
            
        </div>

        

        {{-- {!! $charj->html() !!} --}}
        
        @php($i = 0 )
        @foreach($tcontrol as $fil)
        <a name="n{{$i}}"></a>
        <div class="row">
        <h1 class="h3 mb-0 text-gray-800">{{$fil->titulo}}</h1>
        <div class="col-md-6 col-xs-11">
            <div class="x_panel">
                <div class="x_title">
                {{--<h2> {{$fil->titulo}}</h2>--}}
                    <ul class="nav navbar-right panel_toolbox">
                        <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                        </li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                        </li>

                    </ul>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    <div class="table-container">
                        <table  class="table table-bordred table-striped table-hover" >
                            <thead>
                                {{-- <th><center>AÑO</center></th> --}}
                                <th><center>{{$fil->titulo_campo}}</center></th>
                                {{-- <th><center>NOMBRE MES</center></th> --}}
                                <th><center>CANTIDAD</center></th>  
                                   
                            </thead>
                            <tbody style="cursor:pointer;" ondblclick="Abrir({{$fil->id}})">
                            @if(count($MyTABLA))
                               @php($tot =0 )
                                @foreach($MyTABLA[$i] as $item)
                                    <tr>
                                        {{-- <td align="center">{{$item->Ano}}</td> --}}
                                        <td align="center">{{$item->titulo}}</td>
                                        {{-- <td align="center">{{$item->NombreMes}}</td> --}}
                                        <td align="center">{{$item->nro}}</td>
                                        @php( $tot = $tot + $item->nro)
                                    </tr>
                                   
                                @endforeach

                                <tr style="background:#D8EAFC">
                                    {{-- <td align="center">{{$item->Ano}}</td> --}}
                                    <td align="center"><b>TOTAL</b></td>
                                    {{-- <td align="center">{{$item->NombreMes}}</td> --}}
                                    <td align="center"><b>{{$tot}}</b></td>
                                </tr>
                            @else
                                <tr>
                                    <td colspan="8">No hay registro !!</td>
                                </tr>
                            @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div> 
        
        <div class="col-md-6 col-xs-12">
                <div class="x_panel">
                    <div class="x_title">
                           {{--  <h2> {{$fil->titulo}}</h2>--}}
                        <ul class="nav navbar-right panel_toolbox">
                            <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                            </li>
                        </ul>
                        <div class="clearfix"></div>
                    </div>
                 
                    <div class="x_content">

                       <!-- Main Application (Can be VueJS or other JS framework) -->
                        <div class="app">
                            <center>
                                {{-- @foreach ($MyCHART[$i] as $item) --}}
                                  {!! $MyCHART[$i]->html() !!}
                                {{-- @endforeach                           --}}
                            </center>
                        </div>
                        <!-- End Of Main Application -->

                    </div>
                </div>
            </div> 
        </div>
        @php($i = $i + 1 )

      @endforeach

    </div>

    <button class="btn btn-success" onclick="PrintElem();">Generar Reporte</button>
</center>
    
 
        
    <script>

        function Abrir(oc) {
            //alert(oc);
            var titulo = "Seguimiento de la Orden de Compra";
            window.open("/rexdatosordenes/"+oc, titulo, "width=850, height=600");
        }

        
         
         
        //PrintElem(obj);

        function PrintElem() {         
            obj =document.getElementById('print');            
            Popup(obj.innerHTML);
        }


        function Popup(data) {
            var mywindow = window.open('', 'new div', 'height=400,width=600');
            mywindow.document.write('<html><head><title></title>');
            mywindow.document.write('<link href="{{ asset('vendors/bootstrap/dist/css/bootstrap.min.css') }}" rel="stylesheet">');
            mywindow.document.write('<!-- Font Awesome -->');
            mywindow.document.write('<link href="{{ asset('vendors/font-awesome/css/font-awesome.min.css') }}" rel="stylesheet">');
            mywindow.document.write('<!-- NProgress -->');
            mywindow.document.write('<link href="{{ asset('vendors/nprogress/nprogress.css') }}" rel="stylesheet">');
            mywindow.document.write('<!-- iCheck -->');
            mywindow.document.write('<link href="{{ asset('vendors/iCheck/skins/flat/green.css') }}" rel="stylesheet">');
            mywindow.document.write('<!-- Custom Theme Style -->');
            mywindow.document.write('<link href="{{ asset('build/css/custom.min.css') }}" rel="stylesheet">');
            mywindow.document.write('<!-- Datatables -->');
            mywindow.document.write('<link href="{{ asset('vendors/datatables.net-bs/css/dataTables.bootstrap.min.css') }}" rel="stylesheet">');
            mywindow.document.write('<link href="{{ asset('vendors/datatables.net-buttons-bs/css/buttons.bootstrap.min.css') }}" rel="stylesheet">');
            mywindow.document.write('<link href="{{ asset('vendors/datatables.net-fixedheader-bs/css/fixedHeader.bootstrap.min.css') }}" rel="stylesheet">');
            mywindow.document.write('<link href="{{ asset('vendors/datatables.net-responsive-bs/css/responsive.bootstrap.min.css') }}" rel="stylesheet">');
            mywindow.document.write('<link href="{{ asset('vendors/datatables.net-scroller-bs/css/scroller.bootstrap.min.css') }}" rel="stylesheet">');
            mywindow.document.write('</head><body >');
            mywindow.document.write(data);
            mywindow.document.write('</body></html>');
            mywindow.document.close();
            mywindow.focus();
            setTimeout(function(){mywindow.print();},1000);
            //mywindow.close();

            return true;
        }
    </script>

@endsection

    <!-- End Of Main Application -->
    {!! Charts::scripts() !!}

    {{--  {!! $charj->script() !!} --}}


        @foreach ($MyCHART as $item)
          {!! $item->script() !!}
        @endforeach