@extends('layouts.app')

@section('content')
    <!-- end sidebar menu -->
    <!-- start page content -->
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                    <!--<div class="pull-left">
                            <div class="page-title text-danger">Sin Sucursal</div>
                        </div>-->
                    <ol class="breadcrumb page-breadcrumb pull-right">
                        <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item"
                                href="{{ url('/dashboard') }}">Inicio</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li class="active">Reporte Errores</li>
                    </ol>
                </div>
            </div>
            <!-- start widget -->
            <!-- start admited patient list -->
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="card  card-box">
                        <div class="card-head">
                            <header>Reporte de errores</header>
                        </div>
                        <div class="card-body ">
                            <div class="row">
                                <div class="col-10">

                                    <a href="{{ url('reportes/errores') }}" class="btn btn-warning mb-3">Limpiar Filtro</a>
                                </div>
                                <div class="tools">
                                    {!! Form::open(['url' => 'reportes/errores', 'method' => 'get', 'id' => 'frmFiltros']) !!}
                                    <input type="hidden" id="accion" name="accion" value="1">
                                    <!-- Example split danger button -->
                                    <div class="btn-group">
                                        <button class="btn btn-default dropdown-toggle" type="button"
                                            data-toggle="dropdown" aria-expanded="false">
                                            <i class="fa fa-filter"></i>
                                        </button>
                                        <div class="dropdown-menu">
                                            <a class="dropdown-item">
                                                <div class="icheck-primary d-inline">
                                                    <input type="checkbox" name="todos" onclick="marcarTodos()"
                                                        id="filtro_numero" checked="">
                                                    <label for="chkNumero">
                                                      Marcar todos
                                                    </label>
                                                </div><br>
                                            </a>

                                            <a class="dropdown-item">
                                                <div class="icheck-primary d-inline">
                                                    <input type="checkbox" name="filtro_numero" onclick="chkMarcados()"
                                                        id="filtro_numero" checked="">
                                                    <label for="chkNumero">
                                                        #ID
                                                    </label>
                                                </div><br>
                                            </a>
                                            <a class="dropdown-item">
                                                <div class="icheck-primary d-inline">
                                                    <input type="checkbox" name="filtro_modulo" onclick="chkMarcados()"
                                                        id="filtro_modulo" checked="">
                                                    <label for="chkNumero">
                                                        Modulo
                                                    </label>
                                                </div><br>
                                            </a>
                                            <a class="dropdown-item">
                                                <div class="icheck-primary d-inline">
                                                    <input type="checkbox" name="filtro_mensaje" onclick="chkMarcados()"
                                                        id="filtro_mensaje" checked="">
                                                    <label for="chkNumero">
                                                        Error mensaje
                                                    </label>
                                                </div><br>
                                            </a>

                                            <a class="dropdown-item">
                                                <div class="icheck-primary d-inline">
                                                    <input type="checkbox" name="filtro_fecha" onclick="chkMarcados()"
                                                        id="filtro_fecha" checked="">
                                                    <label for="chkNumero">
                                                        Fecha
                                                    </label>
                                                </div><br>
                                            </a>
                                            {{-- <a class="dropdown-item">
                                                <div class="icheck-primary d-inline">
                                                    <input type="checkbox" name="filtro_codigo" onclick="chkMarcados()"
                                                        id="filtro_codigo" checked="">
                                                    <label for="chkNumero">
                                                        Error codigo
                                                    </label>
                                                </div><br>
                                            </a>

                                            <a class="dropdown-item">
                                                <div class="icheck-primary d-inline">
                                                    <input type="checkbox" name="filtro_sql" onclick="chkMarcados()"
                                                        id="filtro_sql" checked="">
                                                    <label for="chkNumero">
                                                        Error SQL
                                                    </label>
                                                </div><br>
                                            </a> --}}



                                            {{-- <a class="dropdown-item">
                                                <div class="icheck-primary d-inline">
                                                    <input type="checkbox" name="filtro_usuario" onclick="chkMarcados()"
                                                        id="filtro_usuario" checked="">
                                                    <label for="chkNumero">
                                                        Usuario
                                                    </label>
                                                </div><br>
                                            </a>
 --}}


                                        </div>
                                    </div>
                                    <div class="btn-group">
                                        <button class="btn btn-default dropdown-toggle" type="button"
                                            data-toggle="dropdown" aria-expanded="false">
                                            Exportar Todo
                                        </button>
                                        <div class="dropdown-menu">
                                            <a class="dropdown-item" onclick="generar()"><i
                                                    class="fa fa-file-excel-o"></i>&nbsp;Excel</a>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            @if ($message = Session::get('success'))
                                <div class="sufee-alert alert with-close bg-success alert-dismissible fade show">
                                    {{ $message }}
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                            @endif
                            <div class="table-wrap">
                            <span class="text-muted">Mostrando {{$data->firstItem()}} - {{$data->lastItem()}} de {{$data->total()}}</span>
                                <div class="table-responsive">
                                    <table class="table display product-overview mb-30">
                                        <thead>
                                            <tr>
                                                <th><b>#</b></th>
                                                <th><b>Módulo</b></th>
                                                <th><b>Fecha</b></th>
                                                <th><b>Error mensaje</b></th>
                                            </tr>
                                            <tr>
                                                <th></th>
                                                <th>
                                                    {!! Form::select('modulo', [1 =>'CLIENTE',  2=> 'COBRO',  3=> 'CONTRATO'
                                                  ], $modulo,  [
                                                        'id' => 'modulo',
                                                        'class' => 'form-control',
                                                        'placeholder' => 'Módulo',
                                                    ]) !!}
                                                </th>
                                                <th>
                                                    {!! Form::text('fecha', $fecha, ['id' => 'fecha', 'class' => 'form-control', 'placeholder' => 'Fecha']) !!}
                                                </th>
                                                <th>
                                                    {!! Form::text('mensaje', $mensaje, [
                                                        'id' => 'mensaje',
                                                        'class' => 'form-control',
                                                    ]) !!}
                                                </th>

                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if (count($data) > 0)
                                                @foreach ($data as $key => $item)
                                                    <tr class="gradeX odd" role="row">
                                                        <td>{{ $contador++ }}</td>
                                                        <td>{{ $item->modulo }}</td>
                                                        <td>{{ $item->error_fecha }}</td>
                                                        <td>{{ $item->error_mensaje }}</td>

                                                    </tr>
                                                @endforeach
                                            @else
                                                <tr>
                                                    <td colspan="10" class="text-center">No se encontraron resultados.
                                                    </td>
                                                </tr>
                                            @endif

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

                        </div>
                        <div class="card-footer">
                            <div class="float-right">
                                {{ $data->appends(['error_codigo' => $error_codigo, 'fecha' => $fecha, 'modulo' => $modulo, 'mensaje' => $mensaje])->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script type="text/javascript">
        $(function() {
            let fecha = @json($fecha);


            if (fecha != null) {
                let fechas = fecha.split(' - ')
                var fecha_inicio = fechas[0];

                var fecha_fin = fechas[1];

                $('input[name="fecha"]').daterangepicker({
                //timePicker: true,
                startDate: fecha != null ? fecha_inicio : '',
                endDate: fecha != null ? fecha_fin : '',
                locale: {
                    format: 'DD-MM-YYYY'
                }
            });

            }else{
                $('input[name="fecha"]').daterangepicker({
                //timePicker: true,
                locale: {
                    format: 'DD-MM-YYYY'
                }
            });

            $('input[name="fecha"]').val('');
            $('input[name="fecha"]').attr('placeholder', moment().format('DD-MM-YYYY')+' '+moment().format('DD-MM-YYYY'));

            }

            $('input[name=fecha]').on('apply.daterangepicker', function() {
                console.log($(this).val());
                if ($(this).val() != '') {
                    document.getElementById("frmFiltros").submit();
                }

            })


            $('#mensaje').on('keyup', function(e) {

                const ENTER_KEY_CODE = 13;
                if (e.keyCode === ENTER_KEY_CODE) {
                    document.getElementById("frmFiltros").submit();
                }

            })

        });

        $('#modulo').change(function() {
            document.getElementById("frmFiltros").submit();
        });


        function generar() {
            $('#accion').val(2);
            document.getElementById("frmFiltros").submit();
        }

        function chkMarcados() {
            console.log('marcar chk');
        }

        function limpiar() {
            $('#nombre').val('');
            $('#descripcion').val('');

            $('#estado').val('').change();

            document.getElementById("frmFiltros").submit();
        }


        function buscar(tipo) {

            $('#accion').val(1);
            var textoSelect = $('#' + tipo).val();

            switch (tipo) {
                default:
                    document.getElementById("frmFiltros").submit();
                    break;
            }

        }

        function marcarTodos(o) {
            var boxes = document.getElementsByTagName("input");
            for (var x = 0; x < boxes.length; x++) {
                var obj = boxes[x];
                    if (obj.type == "checkbox") {
                        if (obj.name != "check")
                    obj.checked = o.checked;
                    }
                }
            }
    </script>
@endsection