@extends('plantilla')

@section('container')
    <div class="portlet box red" xmlns="http://www.w3.org/1999/html">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-cogs"></i>Reporte de Servicios(Estadisticas)</div>
            <div class="actions">
                <a href="/ordenes/salida" class="btn btn-default btn-sm">
                    <i class="fa fa-plus"></i> Agregar </a>
            </div>
        </div>
        <div class="portlet-body">
            <form id="form_sample_2" action='/reportes/servicios' class="form-horizontal">
                <div class="form-body">
                    <div class="form-group">
                        <div class="col-md-2">
                            <label>Filtrar Fechas</label>
                        </div>
                        <div class="col-md-5">
                            <div class="col-md-6">
                                <div class="input-group date date-picker" data-date-format="yyyy-mm-dd">
                                    <input type="text" class="form-control"  name="desde" id="fecha" value="{{$desde}}">
                                    <span class="input-group-btn">
                                        <button class="btn default" type="button">
                                            <i class="fa fa-calendar"></i>
                                        </button>
                                    </span>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="input-group date date-picker" data-date-format="yyyy-mm-dd">
                                    <input type="text" class="form-control"  name="hasta" id="fechaH"  value="{{$hasta}}">
                                    <span class="input-group-btn">
                                        <button class="btn default" type="button">
                                            <i class="fa fa-calendar"></i>
                                        </button>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <button type="submit" class="btn blue" ng-click="getOrdenes()" >Filtrar</button>
                        </div>
                    </div>
                </div>
            </form>
            <table class="table table-striped table-bordered table-hover table-checkable order-column" id="sample_3">
                <thead>
                <tr>
                    <th > Servicio </th>
                    <th style="width: 100px;"> M&eacute;dico </th>
                    <th> Atencion </th>
                    <th> Tipo Servicio </th>
                    <th> Cantidad  </th>
                    <th> Total </th>
                </tr>
                </thead>
                <tbody>
                <br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home/invfsanzgeohti/public_html/resources/views/reportes/servicios.blade.php</b> on line <b>60</b><br />
                </tbody>
            </table>
            <br>
            <table style="width:300px"   class="table table-striped table-bordered table-hover table-checkable order-column">
                <tr> <th>C</th> <td>Cuota (Normal)</td> </tr>
                <tr>  <th>E</th> <td>Excento</td></tr>
                <tr> <th>R</th>  <td>Revision</td> </tr>
            </table>
            <table class="table table-striped table-bordered table-hover table-checkable order-column" id="sample_3">
                <thead>
                <tr>
                    <th  style="width: 300px !important;"> Servicio </th>
                    <th >Primera<br>
                        <table style="width: 100%">
                            <tr>
                                <td style="width: 33%">C</td><td style="width: 33%">E</td><td style="width: 33%">R</td>
                            </tr>
                        </table> 
                    </th>
                    <th> Subsecuente<br>
                        <table style="width: 100%">
                            <tr>
                                <td style="width: 33%">C</td><td style="width: 33%">E</td><td style="width: 33%">R</td>
                            </tr>
                        </table> 
                    </th>
                    <th> Privada<br>
                        <table style="width: 100%">
                            <tr>
                                <td style="width: 33%">C</td><td style="width: 33%">E</td><td style="width: 33%">R</td>
                            </tr>
                        </table> 
                    </th>
                    <th> Cirugia<br>
                        <table style="width: 100%">
                            <tr>
                                <td style="width: 33%">C</td><td style="width: 33%">E</td><td style="width: 33%">R</td>
                            </tr>
                        </table> 
                    </th>
                    <th> Urgencia<br>
                        <table style="width: 100%">
                            <tr>
                                <td style="width: 33%">C</td><td style="width: 33%">E</td><td style="width: 33%">R</td>
                            </tr>
                        </table> 
                    </th>
                    <th> Total </th>
                </tr>
                </thead>
                <tbody>
                <br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home/invfsanzgeohti/public_html/resources/views/reportes/servicios.blade.php</b> on line <b>125</b><br />
                </tbody>
            </table>
        </div>
    </div>
@endsection

@section('footer')
    <script>
        var bbapp = angular.module('bbapp', []);
        bbapp.controller('FundacionCtrl', function ($scope, $http, $httpParamSerializerJQLike, $location) {
            $scope.model = {};
            $scope.ordenes = [];

            $scope.getOrdenes = function () {
                console.log("entrando");
                var fecha = document.getElementById("fecha").value;
                var fechaH = document.getElementById("fechaH").value;
                var parametros = "a=1";
                console.log(fecha);
                if (fecha !== undefined && fecha.length>0)
                    parametros = parametros + '&desde=' + fecha;
                if (fechaH !== undefined && fechaH.length>0)
                    parametros = parametros + '&hasta=' + fechaH;

                $http({
                    method: 'GET',
                    url: '/reportes/servicios?' + parametros
                }).then(function (response) {
                    console.log(response.data);
                    $scope.ordenes = response.data;
                    console.log("Termino");
                }, function (error) {
                    console.log("Entre 2");
                    console.log(error);
                });
            };

            //$scope.getOrdenes();

        });
        $('#datatable_tabletools').dataTable({
            "lengthMenu": [[5,10, 25, 50, -1], [5,10, 25, 50, "Todos"]],
            language: {
                "info": "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
                "infoEmpty": "Mostrando registros del 0 al 0 de un total de 0 registros",
                "infoPostFix": "",
                "infoFiltered": "(filtrado de un total de _MAX_ registros)",
                "loadingRecords": "Cargando...",
                "lengthMenu": "Mostrar _MENU_ registros",
                "paginate": {
                    "first": "Primero",
                    "last": "�ltimo",
                    "next": "Siguiente",
                    "previous": "Anterior"
                },
                "processing": "Procesando...",
                "search": "Buscar:",
                "searchPlaceholder": "Busqueda",
                "zeroRecords": "No se encontraron resultados",
                "emptyTable": "Sin datos disponibles en esta tabla",
                "aria": {
                    "sortAscending":  ": Activar para ordenar la columna de manera ascendente",
                    "sortDescending": ": Activar para ordenar la columna de manera descendente"
                },
            }

        });
    </script>
@endsection