@extends('layouts.app')

@section('css')
{{ Html::style("css/dashboard.css") }}
@endsection

@section('content')

<h1>Reporte de Inventario <small>Tablets-Biométricos</small></h1>

<div class="row">
    <div class="col-md-7">
        <table class="table">
            <thead>
                <tr>
                    <th>CONCEPTO</th>
                    <th>TABLETS</th>
                    <th>BIOMÉTRICOS</th>
                    <th>TOTAL</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <th>Nóveles</th>
                    <td>{{ $count['noveles']['tablets'] }}</td>
                    <td>{{ $count['noveles']['hamsters'] }}</td>
                    <td>{{ $count['noveles']['total'] }}</td>
                </tr>
                <tr>
                    <th>Financiamiento</th>
                    <td>{{ $count['financiamiento']['tablets'] }}</td>
                    <td>{{ $count['financiamiento']['hamsters'] }}</td>
                    <td>{{ $count['financiamiento']['total'] }}</td>
                </tr>
                <tr>
                    <th>Sistemas</th>
                    <td>{{ $count['sistemas']['tablets'] }}</td>
                    <td>{{ $count['sistemas']['hamsters'] }}</td>
                    <td>{{ $count['sistemas']['total'] }}</td>
                </tr>
                <tr>
                    <th>Compra Directa</th>
                    <td>{{ $count['compra_directa']['tablets'] }}</td>
                    <td>{{ $count['compra_directa']['hamsters'] }}</td>
                    <td>{{ $count['compra_directa']['total'] }}</td>
                </tr>
                <tr>
                    <th>Equipamiento Gerencias</th>
                    <td>{{ $count['equipamiento_gerencias']['tablets'] }}</td>
                    <td>{{ $count['equipamiento_gerencias']['hamsters'] }}</td>
                    <td>{{ $count['equipamiento_gerencias']['total'] }}</td>
                </tr>

                <tr>
                    <th>Servicio a Clientes</th>
                    <td>{{ $count['servicio_a_clientes']['tablets'] }}</td>
                    <td>{{ $count['servicio_a_clientes']['hamsters'] }}</td>
                    <td>{{ $count['servicio_a_clientes']['total'] }}</td>
                </tr>
                <tr>
                    <th>Mesa de Control</th>
                    <td>{{ $count['mesa_de_control']['tablets'] }}</td>
                    <td>{{ $count['mesa_de_control']['hamsters'] }}</td>
                    <td>{{ $count['mesa_de_control']['total'] }}</td>
                </tr>
                <tr>
                    <th>Premios y concursos</th>
                    <td>{{ $count['premios_y_concursos']['tablets'] }}</td>
                    <td>{{ $count['premios_y_concursos']['hamsters'] }}</td>
                    <td>{{ $count['premios_y_concursos']['total'] }}</td>
                </tr>
                <tr>
                    <th>Garantías</th>
                    <td>{{ $count['garantia']['tablets'] }}</td>
                    <td>{{ $count['garantia']['hamsters'] }}</td>
                    <td>{{ $count['garantia']['total'] }}</td>
                </tr>
                <tr class="success">
                    <th>TOTAL</th>
                    <td>{{ $count['total']['tablets'] }}</td>
                    <td>{{ $count['total']['hamsters'] }}</td>
                    <td>{{ $count['total']['total'] }}</td>
                </tr>
                <tr>
                    <th>COMPRAS TOTALES</th>
                    <td>{{ $count['inventario']['tablets'] }}</td>
                    <td>{{ $count['inventario']['hamsters'] }}</td>
                    <td>{{ $count['inventario']['total'] }}</td>
                </tr>
                <tr class="info">
                    <th>STOCK</th>
                    <td>{{ $count['stock']['tablets'] }}</td>
                    <td>{{ $count['stock']['hamsters'] }}</td>
                    <td>{{ $count['stock']['total'] }}</td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="col-md-5">
        <h4>Totales</h4>
        <div id="g-totals" style="height:250px"></div>
        <hr>
        <div id="g-conceptos" style="height:300px"></div>
    </div>
</div>

<h2>Tipo de producto en Inventario</h2>
<div class="row">
    <div class="col-md-3">
        <h4>Stock</h4>
        <div id="g-concepto-stock" style="height:250px"></div>
    </div>
    <div class="col-md-3">
        <h4>Asignados</h4>
        <div id="g-concepto-inventario" style="height:250px"></div>
    </div>
</div>
<h3>Por concepto</h3>
<div class="row">
    <div class="col-md-3">
        <h4>Total</h4>
        <div id="g-concepto-total" style="height:180px"></div>
    </div>
    @if($count['noveles']['total'])
    <div class="col-md-3">
        <h4>Nóveles</h4>
        <div id="g-concepto-noveles" style="height:180px"></div>
    </div>
    @endif
    @if($count['financiamiento']['total'])
    <div class="col-md-3">
        <h4>Financiamiento</h4>
        <div id="g-concepto-financiamiento" style="height:180px"></div>
    </div>
    @endif
    @if($count['sistemas']['total'])
    <div class="col-md-3">
        <h4>Nóveles</h4>
        <div id="g-concepto-sistemas" style="height:180px"></div>
    </div>
    @endif
    @if($count['equipamiento_gerencias']['total'])
    <div class="col-md-3">
        <h4>Equipamiento Gerencias</h4>
        <div id="g-concepto-equipamiento_gerencias" style="height:180px"></div>
    </div>
    @endif

    @if($count['servicio_a_clientes']['total'])
    <div class="col-md-3">
        <h4>Servicio a Clientes</h4>
        <div id="g-concepto-servicio_a_clientes" style="height:180px"></div>
    </div>
    @endif
    @if($count['mesa_de_control']['total'])
    <div class="col-md-3">
        <h4>Mesa de Control</h4>
        <div id="g-concepto-mesa_de_control" style="height:180px"></div>
    </div>
    @endif
    @if($count['premios_y_concursos']['total'])
    <div class="col-md-3">
        <h4>Premios y concursos</h4>
        <div id="g-concepto-premios_y_concursos" style="height:180px"></div>
    </div>
    @endif
</div>
<hr><br>
@endsection

@section('js')
{{ Html::script("js/imports.js") }}

<script type="text/javascript">
inventario = angular.module("inventario", []);

inventario.config(function($interpolateProvider, $locationProvider) {
    $interpolateProvider.startSymbol('{%');
    $interpolateProvider.endSymbol('%}');
});

inventario.controller('summaryController', ['$scope', '$http', function($scope, $http) {
    $scope.test = "jaja";

    var chart = c3.generate({
        bindto: '#g-totals',
        data: {
          columns: [
            ['Compras totales', {{$count['inventario']['tablets']}}, {{$count['inventario']['hamsters']}}],
            ['Total asignado', {{$count['total']['tablets']}}, {{$count['total']['hamsters']}}],
            ['Garantía', {{$count['garantia']['tablets']}}, {{$count['garantia']['hamsters']}}]
          ],
          type: 'bar',
          colors: {
            'Compras totales': '#00437a',
            'Total asignado': '#fdb813',
            'Garantía': '#333333'
          }
        },
        axis : {
          x:{
            type : 'category',
            categories : ['Tablets', 'Hamsters'],
          }
        },
        grid: {
          x: {
            show: true
          },
          y: {
            show: true
          }
        },
      });

    var chart = c3.generate({
        bindto: '#g-conceptos',
        data: {
          columns: [
            ['Nóveles', {{ $count['noveles']['total'] }}],
            ['Financiamiento', {{ $count['financiamiento']['total'] }}],
            ['Sistemas', {{ $count['sistemas']['total'] }}],
            ['Equipamiento Gerencias', {{ $count['equipamiento_gerencias']['total'] }}],
            ['Servicio a clientes', {{ $count['servicio_a_clientes']['total'] }}],
            ['Mesa de Control', {{ $count['mesa_de_control']['total'] }}],
            ['Premios y concursos', {{ $count['premios_y_concursos']['total'] }}]
          ],
          type : 'pie',
          colors: {
            'Nóveles': '#555555',
            'Financiamiento': '#285ca9',
            'Equipamiento Gerencias': '#fdb813',
            'Sistemas': '#3A79D6',
            'Servicio a clientes': '#333333',
            'Mesa de Control': '#00437a',
            'Premios y concursos': '#d88816'
          },
          onclick: function (d, i) { console.log("onclick", d, i); }
        }
    });

    @foreach($count as $k=>$c)
    var chart = c3.generate({
        bindto: '#g-concepto-{{$k}}',
        data: {
          columns: [
            ['Tablets', {{$count[$k]['tablets']}}],
            ['Hamsters', {{$count[$k]['hamsters']}}],
          ],
          type : 'pie',
          colors: {
            'Tablets': '#00437a',
            'Hamsters': '#fdb813'
          },
          onclick: function (d, i) { console.log("onclick", d, i); }
        }
    });

    @endforeach
}]);
</script>
@endsection