@extends('masushuaia.plantilla')
@section('titulo', "Permisos")
@section('scripts')
<link href="{{ asset('css/datatables.min.css') }}" rel="stylesheet">
<script src="{{ asset('js/datatables.min.js') }}"></script>
<script>
    globalId = '0';
    </script>
@endsection
@section('breadcrumb')
@if(Patente::autorizarOperacion("VISUALIZADORCONSULTA"))
<div class="col-lg-6 text-right inline pr-0">
    <a title="Elimnar" class="btn-blue py-1 px-4" href="#" onclick="javascript: $('#mdlEliminar').modal('toggle');">Eliminar</a>
    <a title="Guardar" class="btn-blue py-1 px-4" href="#" onclick="javascript: $('#modalGuardar').modal('toggle');">Guardar</a>
</div>
@endif
@endsection
@section('breadcrumb-list')
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/">Inicio</a></li><span class="px-2">/</span>
    <li class="breadcrumb-item"><a href="/permisos">Permisos</a></li>
    <li class="breadcrumb-item active">Nuevo</li>
</ol>
@endsection
@section('contenido')
<div id="msg"></div>
<form id="form1" method="POST">
    <input type="hidden" name="_token" value="{{ csrf_token() }}"></input>
    <input type="hidden" id="id" name="id" class="form-control" value="{{$globalId}}">
    <div class="row">
        <div class="form-group col-sm-12">
            <label for="txtNombre">Nombre: *</label>
            <input type="text" id="txtNombre" name="txtNombre" class="form-control" value="{{$permiso->nombre}}" required>
        </div>
        <div class="form-group col-sm-12">
            <label for="txtApellido">Descripción:</label>
            <textarea name="txtDescripcion" id="txtDescripcion" class="form-control">{{$permiso->descripcion}}</textarea>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="card mb-3">
                <div class="card-header">
                    <i class="fa fa-table"></i> Patentes asignadas
                    <div class="pull-right">
                        @if(Patente::autorizarOperacion("VISUALIZADORCONSULTA"))
                        <button type="button" class="btn btn-secondary fa fa-minus-circle" onclick="abrirDialogoEliminarPatenteFamilia()"></button>
                        <button type="button" class="btn btn-secondary fa fa-plus-circle" onclick="abrirAgregarPatentes()"></button>
                        @endif
                    </div>
                </div>
                <div class="panel-body">
                    <table id="grilla" class="display">
                        <thead>
                            <tr>
                                <th>patente_id</th>
                                <th></th>
                                <th>Descripción</th>
                                <th>Tipo</th>
                                <th>Módulo</th>
                                <th>Submódulo</th>
                                <th>Identificador</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="card mb-3">
                <div class="card-header">
                    <i class="fa fa-table"></i> Usuarios asignados
                    <div class="pull-right">
                        @if(!Patente::autorizarOperacion("VISUALIZADORCONSULTA"))
                        <button type="button" class="btn btn-secondary fa fa-minus-circle" onclick="abrirDialogoEliminarUsuario()"></button>
                        <button type="button" class="btn btn-secondary fa fa-plus-circle" onclick="abrirAgregarUsuario()"></button>
                        @endif
                    </div>
                </div>
                <div class="panel-body">
                    <table id="grillaUsuarios" class="display">
                        <thead>
                            <tr>
                                <th>usuario_id</th>
                                <th></th>
                                <th>Usuario</th>
                                <th>Nombre y apellido</th>
                                <th>Mail</th>
                                <th>Creado</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
</form>
<div class="modal fade" id="modalAgregar" tabindex="-1" role="dialog" aria-labelledby="modalAgregarLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content" style="display: inline-table">
            <div class="modal-header">
                <h5 class="modal-title" id="modalBuscarLabel">Patentes del sistema</h5>
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <table id="grillaPatentes" class="display">
                    <thead>
                        <tr>
                            <th>patente_id</th>
                            <th></th>
                            <th>Descripci&oacute;n</th>
                            <th>Tipo</th>
                            <th>M&oacute;dulo</th>
                            <th>Subm&oacute;dulo</th>
                            <th>Identificador</th>
                        </tr>
                    </thead>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-primary" onclick="agregarPatentesGrilla();">Agregar</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalAgregarUsuario" tabindex="-1" role="dialog" aria-labelledby="modalAgregarLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content" style="display: inline-table">
            <div class="modal-header">
                <h5 class="modal-title" id="modalBuscarLabel">Usuarios</h5>
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <table id="grillaUsuariosAgregar" class="display">
                    <thead>
                        <tr>
                            <th>usuario_id</th>
                            <th></th>
                            <th>Usuario</th>
                            <th>Nombre</th>
                            <th>Apellido</th>
                            <th>Mail</th>
                        </tr>
                    </thead>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-primary" onclick="agregarUsuarioGrilla();">Agregar</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalmsg" tabindex="-1" role="dialog" aria-labelledby="modalmsg">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modalBuscarLabel">Eliminar</h5>
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="form-group col-lg-6">
                        &#191;Desea confirmar la operacion?
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-primary" onclick="eliminarPatenteFamilia();">Aceptar</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalmsgUsuario" tabindex="-1" role="dialog" aria-labelledby="modalmsg">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modalBuscarLabel">Eliminar</h5>
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="form-group col-lg-6">
                        &#191;Desea confirmar la operacion?
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-primary" onclick="eliminarUsuarioFamilia();">Aceptar</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="mdlEliminar" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Eliminar registro?</h5>
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">¿Deseas eliminar el registro actual?</div>
            <div class="modal-footer">
                <button class="btn btn-secondary" type="button" data-dismiss="modal">No</button>
                <button type="button" class="btn btn-primary" onclick="eliminar();">Sí</button>
            </div>
        </div>
    </div>
</div>
<script>
    $("#form1").validate();
    cargarGrillaPatentes();
    cargarGrilla();
    cargarUsuarios();
    cargarGrillaUsuarios();
    $("#modalBuscar").modal({
        show: 'false'
    });

    function guardar() {
        if ($("#form1").valid()) {
            $("#form1").append($($('#grilla input[type=checkbox]').prop('checked', true)), $($('#grillaUsuarios input[type=checkbox]').prop('checked', true)));
            modificado = false;
            form1.submit();
        } else {
            $("#modalGuardar").modal('toggle');
            msgShow("Corrija los errores e intenta nuevamente", "danger");
            return false;
        }
    }

    function eliminar() {
        $.ajax({
            type: "GET",
            url: "{{ asset('/permiso/eliminar') }}",
            data: {
                id: globalId
            },
            async: true,
            dataType: "json",
            success: function(data) {
                if (data.err == "0") {
                    msgShow("Registro eliminado exitosamente.", "success");
                    $("#btnEnviar").hide();
                    $("#btnEliminar").hide();
                    $('#mdlEliminar').modal('toggle');
                } else {
                    msgShow(data.MSG, data.ESTADO);
                    $("#btnEnviar").hide();
                    $("#btnEliminar").hide();
                    $('#mdlEliminar').modal('toggle');
                }
            }
        });
    }

    function fasignar_descuento() {
        $("#lstServicio_noasig option:selected").remove().appendTo("#lstServicio_asig");
    }

    function fdesasignar_descuento() {
        $("#lstServicio_asig option:selected").remove().appendTo("#lstServicio_noasig");
    }

    function cargarGrilla() {
        var grilla = $('#grilla').DataTable({
            "processing": true,
            "serverSide": false,
            "bFilter": false,
            "bInfo": true,
            "bSearchable": false,
            "paging": false,
            "pageLength": 25,
            "order": [
                [0, "asc"]
            ],
            "ajax": "{{ asset('permiso/cargarGrillaPatentesPorFamilia?fam='.$globalId) }}",
            "columnDefs": [{
                "targets": [0],
                "visible": false,
                "searchable": false
            }]
        });
    }

    function cargarGrillaPatentes() {
        var grilla = $('#grillaPatentes').DataTable({
            "processing": true,
            "serverSide": true,
            "bFilter": true,
            "bInfo": true,
            "bSearchable": true,
            "pageLength": 10,
            "ajax": "{{ asset('permiso/cargarGrillaPatentesDisponibles?fam='.$globalId) }}",
            "columnDefs": [{
                "targets": [0],
                "visible": false,
                "searchable": false
            }]
        });
    }

    function cargarGrillaUsuarios() {
        var grilla = $('#grillaUsuarios').DataTable({
            "processing": true,
            "serverSide": false,
            "bFilter": false,
            "bInfo": true,
            "bSearchable": false,
            "paging": false,
            "pageLength": 25,
            "order": [
                [0, "asc"]
            ],
            "ajax": "{{ asset('permiso/cargarGrillaUsuarios?fam='.$globalId) }}",
            "columnDefs": [{
                "targets": [0],
                "visible": false,
                "searchable": false
            }]
        });
    }

    function cargarUsuarios() {
        var grilla = $('#grillaUsuariosAgregar').DataTable({
            "processing": true,
            "serverSide": true,
            "bFilter": true,
            "bInfo": true,
            "bSearchable": true,
            "pageLength": 10,
            "ajax": "{{ asset('permiso/cargarGrillaUsuariosAgregar?fam='.$globalId) }}",
            "columnDefs": [{
                    "targets": [0],
                    "visible": false,
                    "searchable": false
                },
                {
                    "targets": [5],
                    "visible": false,
                    "searchable": false
                }
            ]
        });
    }

    function abrirAgregarPatentes() {
        $('#modalAgregar').modal('toggle');
    }

    function abrirAgregarUsuario() {
        $('#modalAgregarUsuario').modal('toggle');
    }

    function agregarPatentesGrilla() {
        var grilla = $('#grilla').DataTable();
        var grillaPatentes = $('#grillaPatentes').DataTable();
        var pos = 0;

        $('#grillaPatentes input[type=checkbox]').each(function() {
            if (this.checked) {
                id = grillaPatentes.row(pos).data()[0];

                if ($("#chk_PatenteFamilia_" + id).prop("checked") == undefined) {
                    //Si no esta lo agrega
                    grilla.row.add([
                        grillaPatentes.row(pos).data()[0],
                        '<input id="chk_PatenteFamilia_' + grillaPatentes.row(pos).data()[0] + '" name="chk_PatenteFamilia_' + grillaPatentes.row(pos).data()[0] + '" value="' + grillaPatentes.row(pos).data()[0] + '" type="checkbox" />',
                        grillaPatentes.row(pos).data()[2],
                        grillaPatentes.row(pos).data()[3],
                        grillaPatentes.row(pos).data()[4],
                        grillaPatentes.row(pos).data()[5],
                        grillaPatentes.row(pos).data()[6]
                    ]).draw();
                }
            }
            pos++;
        });
        $('#modalAgregar').modal('toggle');
    }

    function agregarUsuarioGrilla() {
        var grilla = $('#grillaUsuarios').DataTable();
        var grillaUsuarios = $('#grillaUsuariosAgregar').DataTable();
        var pos = 0;

        $('#grillaUsuariosAgregar input[type=checkbox]').each(function() {
            if (this.checked) {
                id = grillaUsuarios.row(pos).data()[0];

                if ($("#chk_Usuario_" + id).prop("checked") == undefined) {
                    //Si no esta lo agrega
                    if (grillaUsuarios.row(pos).data()[4] == null) {
                        apellido = "";
                    } else {
                        apellido = grillaUsuarios.row(pos).data()[4];
                    }
                    grilla.row.add([
                        grillaUsuarios.row(pos).data()[0],
                        '<input id="chk_Usuario_' + grillaUsuarios.row(pos).data()[0] + '" name="chk_Usuario_' + grillaUsuarios.row(pos).data()[0] + '" value="' + grillaUsuarios.row(pos).data()[0] + '" type="checkbox" />',
                        grillaUsuarios.row(pos).data()[2], //usuario
                        grillaUsuarios.row(pos).data()[3] + " " + apellido, //nombre y apellido
                        grillaUsuarios.row(pos).data()[5], //mail
                        grillaUsuarios.row(pos).data()[6] //creado
                    ]).draw();
                }
            }
            pos++;
        });
        $('#modalAgregarUsuario').modal('toggle');
    }

    function abrirDialogoEliminarPatenteFamilia() {
        $('#modalmsg').modal('toggle');
    }

    function abrirDialogoEliminarUsuario() {
        $('#modalmsgUsuario').modal('toggle');
    }

    function eliminarPatenteFamilia() {
        var grilla = $('#grilla').DataTable();
        $('#grilla input[type=checkbox]').each(function() {
            if (this.checked) {
                $(this.parentElement.parentNode).addClass('borrar');
            }
        });
        grilla.rows('.borrar').remove().draw(false);
        $('#modalmsg').modal('toggle');
    }

    function eliminarUsuarioFamilia() {
        var grilla = $('#grillaUsuarios').DataTable();
        $('#grillaUsuarios input[type=checkbox]').each(function() {
            if (this.checked) {
                $(this.parentElement.parentNode).addClass('borrar');
            }
        });
        grilla.rows('.borrar').remove().draw(false);
        $('#modalmsgUsuario').modal('toggle');
    }
</script>
@endsection