@include('header')
@include('navigator_menu_principal') 

<form method="post" name="frmActionClientes" action="/led/led-clientes-action">
    <input type="hidden" name="_token" value="{{csrf_token()}}">
    <input type="hidden" name="cliente" value="">
    <input type="hidden" name="accion" value="">
</form>

<form method="post" name="frmConfigClientes" action="/led/led-clientes-config">
    <input type="hidden" name="_token" value="{{csrf_token()}}">
    <input type="hidden" name="cliente" value="">
</form>

<form method="post" name="frmClienteProductos" action="/led/led-cliente-productos">
    <input type="hidden" name="_token" value="{{csrf_token()}}">
    <input type="hidden" name="cliente" value="">
    <input type="hidden" name="producto_fidelitas" value="">
</form>
<form method="post" name="frmClienteFamilias" action="/led/led-familias">
    <input type="hidden" name="_token" value="{{csrf_token()}}">
    <input type="hidden" name="cliente" value="">
    <input type="hidden" name="producto_fidelitas" value="">
</form>
<form method="post" name="frmClienteContrapartes" action="/led/led-contrapartes">
    <input type="hidden" name="_token" value="{{csrf_token()}}">
    <input type="hidden" name="cliente" value="">
    <input type="hidden" name="producto_fidelitas" value="">
</form>
<form method="post" name="frmClasificaciones" action="/led/led-clasificaciones">
    <input type="hidden" name="_token" value="{{csrf_token()}}">
    <input type="hidden" name="cliente" value="">
</form>


<form method="post" name="frmPersonalizacion" action="/led/led-cliente-personalizacion">
    <input type="hidden" name="_token" value="{{csrf_token()}}">
    <input type="hidden" name="cliente" value="">
</form>

<form method="post" name="frmCampos" action="/led/led-valoracion-campos-documentos">
    <input type="hidden" name="_token" value="{{csrf_token()}}">
    <input type="hidden" name="cliente" value="">
</form>

<form method="post" name="frmCump" action="/led/led-reporte-cumplimiento">
    <input type="hidden" name="_token" value="{{csrf_token()}}">
    <input type="hidden" name="cliente" value="">
</form>

<form method="post" name="frmUsuarios" action="/led/led-cliente-usuarios">
    <input type="hidden" name="_token" value="{{csrf_token()}}">
    <input type="hidden" name="cliente" value="">
</form>

<form method="post" name="frmUsuariosServ" action="/led/led-usuarios-servicios">
    <input type="hidden" name="_token" value="{{csrf_token()}}">
    <input type="hidden" name="cliente" value="">
</form>



<div id="clienteproductos" class="modal fade">
    <div class="modal-dialog" style="width:500px" id="modal-productos">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h3 class="modal-title" id="productos_title">Elija cuál panel quiere generar</h3>
            </div>
            <div class="modal-body" id="productos_body">
                <form method="post" name="frmPanelJson" action="/led/led-panel-json" target="_blank">
                    <input type="hidden" name="_token" id="token" value="{{csrf_token()}}">
                    <input type="hidden" name="cliente" value="">
                    <div class="row">
                        <div class="col-md-8">
                            <select name="producto" class="form-control" required>
                                <option value="C">LED - Contratistas</option>
                                <option value="S">LED - SubContratistas</option>
                                <option value="I">Imperium</option>
                            </select>
                        </div>
                        <div class="col-md-4">
                            <button type="button" class="btn btn-primary btn-fidelitas panel_json2">Regenerar
                                panel</button>
                        </div>
                    </div>
                </form>


            </div>
        </div>
    </div>
</div>





<div class="containerbig">

    <form action="/led/led-clientes" method="get" id="frmClientes">
        <div class="row">
            <div class="col-md-6 h3">Clientes @if($producto_fidelitas == 47) LED @elseif ($producto_fidelitas == 10) Inquiro Vitae @endif</div>

        </div>
    </form>

    <!-- <div class="row"><div class="col-md-12 text-center" id="tablaResultados"></div></div> -->

    <table class="table table-bordered table-condensed table-striped" id="tablaClientes">
        <thead>
            <tr>
                <th class="text-center">Código</th>
                <th class="text-center">Nombre o razón social</th>
                <th class="text-center">Identificación</th>
                <th class="text-center">País</th>
                <th class="text-center" width="15%">Servicios</th>
                <th class="text-center" width="30%">Acción</th>
            </tr>
        </thead>
        <tbody>

            @FOREACH ($clientes as $clte)
            <tr>
                <td class="text-center">{{$clte->cli_codigo}}</td>
                <td class="text-left">{{$clte->nombre_persona}}</td>
                <td class="text-center">{{$clte->identificador}} {{$clte->identificacion}}</td>
                <td class="text-center">{{$clte->country_name}}</td>
                <td class="text-left" width="15%">
                    @foreach ($servicios_clientes[$clte->cliente] as $serv)
                        * {{$serv->nombre_producto}} <br>
                    @endforeach
                </td>
                <td class="text-left" width="30%">
                    <p style="line-height: 200%"><a href="#" class="btn btn-fidelitas btn-primary contrapartes"
                            style='width: 32.9%; padding: 2px;' data-cliente="{{$clte->cliente}}"
                            data-prod="{{$producto_fidelitas}}">Contrapartes</a>
                        <a href="#" class="btn btn-fidelitas btn-primary familias" style='width: 32.9%; padding: 2px;'
                            data-cliente="{{$clte->cliente}}" data-prod="{{$producto_fidelitas}}">Familias</a>
                        <a href="#" class="btn btn-fidelitas btn-primary prod" style='width: 32.9%; padding: 2px;'
                            data-cliente="{{$clte->cliente}}" data-prod="{{$producto_fidelitas}}">Productos</a>
                        <a href="#" class="btn btn-fidelitas btn-primary autologin" style='width: 32.9%; padding: 2px;'
                            data-cliente="{{$clte->cliente}}" data-prod="{{$producto_fidelitas}}" data-toggle="modal"
                            data-target="#myModal">AutoLogin</a>
                        <a href="#" class="btn btn-fidelitas btn-primary personalizacion"
                            style='width: 32.9%; padding: 2px;' data-cliente="{{$clte->cliente}}">Personalización</a>
                        <a href="#" class="btn btn-fidelitas btn-primary usuarios_servicios"
                            style='width: 32.9%; padding: 2px;' data-cliente="{{$clte->cliente}}"> Visibilidad
                            Usuarios</a>
                        <button type="button" class="btn btn-primary btn-fidelitas panel_json"
                            style='width: 32.9%; padding: 2px;' data-cliente="{{$clte->cliente}}" data-toggle="modal"
                            data-target="#clienteproductos" style="width:142px">Regenerar panel</button>
                        <a href="#" class="btn btn-fidelitas btn-primary documentos" style='width: 32.9%; padding: 2px;'
                            data-cliente="{{$clte->cliente}}">Valorizar campos Docs</a>
                        @foreach ($servicios_clientes[$clte->cliente] as $serv)
                            @if ($serv->producto == 10 || $serv->producto == 47)
                                <a href="#" class="btn btn-fidelitas btn-primary cumplimiento"
                                    style='width: 32.9%; padding: 2px;' data-cliente="{{$clte->cliente}}">Reporte
                                    cumplimiento</a>
                                @break
                            @endif
                        @endforeach
                </td>
            </tr>

            @ENDFOREACH
        </tbody>
        <tfoot></tfoot>
    </table>



</div>

<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" id="close-autologin">&times;</button>
                <h4 class="modal-title">AutoLogin</h4>
            </div>

            <div class="modal-body" id="body-autologin">
                <div class="row justify-content-center">
                    <div id="loading_autologin" class="col-md-2 col-md-offset-5 text-center hidden">
                        Cargando Cliente
                        <img style="float:none;" src="/images/loading.gif" class="loading img img-responsive" />
                    </div>
                    <div class="col-12 col-md-6 hidden" id="autologin_prod_div">
                        <label for="autologin_prod">Producto/s:</label>
                        <select class="form-control" name="autologin_prod" id="autologin_prod">
                            <option value="">Seleccione una opción</option>
                        </select>
                    </div>
                </div>
                <div class="row justify-content-center hidden" style="margin-top: 20px; margin-bottom:20px;"
                    id="usuario_alert">
                    <p class="text-center text-danger">Ocurrió un error con el cliente y/o producto seleccionado. Revise
                        si el cliente tiene asociado <i>usuarios administradores</i> activos para ese producto</p>
                </div>
                <form id="frmLogin" name="frmLogin" method="post" action="/led/led-clientesAutologin" target="">
                    <input type="hidden" name="_token" value="{{csrf_token()}}" id="_token">
                    <input type="hidden" name="cliente" value="" id="cliente">
                    <input type="hidden" name="servicio_select" value="" id="servicio_select">
                </form>
                <form id="redirectAutologin" name="redirectAutologin" method="get" action="" target="_blank">
                    <input type="hidden" name="identification" value="" id="identification">
                </form>
            </div>
        </div>

    </div>
</div>

<script type="text/javascript">
    $(document).ready(function () {
        $('.selprod').on('click', function () {
            $('#frmClientes').submit();
        });

        let un_prod = 0;
        $('.autologin').on('click', function (e) {
            e.preventDefault();
            $('#autologin_prod_div').addClass('hidden');
            $('#usuario_alert').addClass('hidden');
            $('#autologin_prod').html('<option>Seleccione una opción</option>');
            let cliente = $(this).data('cliente');
            $('#cliente').val(cliente);
            if (!$('#usuario_alert').hasClass('hidden')) {
                $('#usuario_alert').addClass('hidden');
            }
            $.post('/led/led-clientesAutologinProdUs', { cliente: cliente, _token: $('#token').val() }, function (data) {
                let info = JSON.parse(data);
                let productos = info.productos;
                $('#autologin_prod').html('<option>Seleccione una opción</option>');
                $('#autologin_prod').attr('datos-cliente', cliente);
                if (productos.length > 1) {
                    $('#autologin_prod_div').addClass('hidden')
                    for (i = 0; i < productos.length; i++) {
                        $('#autologin_prod').append('<option value="' + productos[i].producto + '">' + productos[i].nombre_producto + '</option>');
                    }
                    $('#loading_autologin').addClass('hidden');
                    $('#autologin_prod_div').removeClass('hidden')
                }
                else {
                    $('#loading_autologin').removeClass('hidden');
                    $('#autologin_prod_div').addClass('hidden');
                    $.post('/led/led-clientesAutologin', { cliente: cliente, _token: $('#token').val(), servicio_select: productos[0].producto }, function (login) {
                        $('#loading_autologin').addClass('hidden')
                        if (login == 'Sin usuarios') {
                            if ($('#usuario_alert').hasClass('hidden')) {
                                $('#usuario_alert').removeClass('hidden');
                            }
                        } else {
                            login = JSON.parse(login);
                            $('#redirectAutologin').attr('action', login.url);
                            $('#identification').val(login.ident);
                            $('#redirectAutologin').submit();
                            $('#close-autologin').click();
                        }
                    });
                }
            });
        });



        $('#autologin_prod').on('change', function () {
            let prod_selected = $('#autologin_prod').val();
            let cliente = $('#autologin_prod').attr('datos-cliente');
            $('#servicio_select').val(prod_selected);
            $.post('/led/led-clientesAutologin', { cliente: cliente, _token: $('#token').val(), servicio_select: $('#servicio_select').val() }, function (login) {
                $('#loading_autologin').addClass('hidden')
                if (login == 'Sin usuarios') {
                    if ($('#usuario_alert').hasClass('hidden')) {
                        $('#usuario_alert').removeClass('hidden');
                    }
                } else {
                    login = JSON.parse(login);
                    $('#redirectAutologin').attr('action', login.url);
                    $('#identification').val(login.ident);
                    $('#redirectAutologin').submit();
                    $('#close-autologin').click();
                }
            });
        });

        $('#tablaClientes').DataTable({

            "pagingType": "full_numbers",
            "dom": "p<'row'>f<t>lp",
            "ordering": true,
            "columns": [null, null, null, null, null, { "orderable": false }],
            "searching": true,
            "order": [[1, "asc"]],
            "info": true,
            "lengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "Todos"]],
            "pageLength": 25,
            "language": {
                "lengthMenu": "Mostrar _MENU_ registros por página",
                "zeroRecords": "No se encontraron resultados",
                //"info": "Mostrando página _PAGE_ de _PAGES_",
                //"info": "Total de Registros: _MAX_", 
                "info": "Mostrando  _START_  de  _END_ - <b>Total:</b> _TOTAL_ registros",
                "infoEmpty": "No hay registros disponibles",
                "infoFiltered": "(filtered from _MAX_ total records)",
                "sSearch": "Buscar",
                "oPaginate": {
                    "sFirst": "Primera",
                    "sPrevious": "Anterior",
                    "sNext": "Siguiente",
                    "sLast": "Última"
                },
            }
        });


    });
</script>

<script type="text/javascript" src="{{ URL::asset('js/led_clientes.js') }}?v={{time()}}"></script>
@include('footer')