@extends('header_nuevo_generico')
@section('main')
<div class="container mt-5 pt-5">
    <div class="row">
        <div class="col-md-8">
            <h2 class="text-fidelitas">Imperium KPIs</h2>
        </div>
        <div class="col-md-2">
            <button type="button" class="btn btn-fidelitas btn-block"
                onclick="javascript:history.back();">Regresar</button>
        </div>
        <div class="col-md-2">
            <button type="button" class="btn btn-fidelitas btn-block"
                onclick="location.href='/tablasgenerales/imperium-kpi'">Otra consulta</button>
        </div>
    </div>
    <h4 class="mt-3 mb-5">{{$title}} desde el {{$from}} al {{$to}}</h3>
        @IF ($p1 > 0)
        <h4>Usuario: {{$data[0]->first_name}} {{$data[0]->last_name}}</h4> @ELSE @IF ($p2 > 0)
        <h4>Cliente: {{$data[0]->nombre_cliente}}</h4> @ENDIF @ENDIF
        <table class="table table-condensed table-striped table-bordered datatable" id="tablaDocs">
            <thead>
                <tr>
                    <th>Tipo de documento</th>
                    <th>Sección</th>
                    <th>Complejidad</th>
                    <th>Total documentos</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($data as $linea)
                <tr>
                    <td class="text-left">{{$linea->nombre_tipo_doc}}</td>
                    <td class="text-center">@if ($linea->led_seccion == 'C') Empresa @else
                        @if ($linea->led_seccion == 'E') Empleados @ELSE Vehículos @ENDIF @endif
                    </td>
                    <td class="text-center">{{$linea->codigo_complejidad}}</td>
                    <td class="text-center">
                        <a href="#" class="detail" data-report="{{$rpt}}" data-tipo="{{$linea->tipo_doc}}"
                            data-from="{{$from}}" data-to="{{$to}}" data-comp="{{$complejidad}}" data-id="{{$id}}">
                            {{$linea->total_docs}}
                        </a>
                    </td>
                </tr>
                @endforeach
            </tbody>
            <tfoot></tfoot>
        </table>
</div>

<form class="form" id="frmImperiumDetail" method="post" action="/tablasgenerales/imperium-kpi-tipo-doc">
    <input type="hidden" name="_token" id="_token" value="{{csrf_token()}}">
    <input type="Hidden" name="report" value="" id="report">
    <input type="Hidden" name="tipo_doc" value="" id="tipo_doc">
    <input type="Hidden" name="from" value="" id="from">
    <input type="Hidden" name="to" value="" id="to">
    <input type="Hidden" name="complejidad" value="" id="complejidad">
    <input type="Hidden" name="id" value="" id="id">
</form>
@endsection
@section('funcionesJS')
<script language="javascript">
    $(document).ready(function () {

        $('#tablaDocs').DataTable({
            "pagingType": "full_numbers",
            "ordering": true,
            "info": true,
            "lengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "Todos"]],
            "language": {
                "lengthMenu": "Mostrar _MENU_ registros por página",
                "zeroRecords": "No se encontraron  resultados para ésa búsqueda",
                //"info": "Mostrando página _PAGE_ de _PAGES_",
                "info": "Mostrando  _START_  de  _END_ - <b>Total:</b> _TOTAL_ registros",
                "infoEmpty": "No hay registros disponibles",
                "infoFiltered": "(filtrados de _MAX_ total de registros)",
                "sSearch": "Buscar",
                "oPaginate": {
                    "sFirst": "Primera",
                    "sPrevious": "Anterior",
                    "sNext": "Siguiente",
                    "sLast": "Última"
                },
            }
        });

        $(document).on('click', '.detail', function () {
            $('#report').val($(this).data('report'));
            $('#tipo_doc').val($(this).data('tipo'));
            $('#from').val($(this).data('from'));
            $('#to').val($(this).data('to'));
            $('#complejidad').val($(this).data('comp'));
            $('#id').val($(this).data('id'));

            $('#frmImperiumDetail').submit();
        });

    });
</script>
@endsection