@extends(Request::root() == "https://motomel.depcsuite.com" ? 'motomel.plantilla' : 'plantilla')
@section('titulo', "Datos del usuario")
@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')
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/home">Inicio</a></li>
    <li class="breadcrumb-item"><a href="/usuarios">Usuarios</a></li>
    <li class="breadcrumb-item active">Modificar</li>
</ol>
<ol class="toolbar">
    <li class="btn-item"><a title="Nuevo" href="/usuarios/nuevo" class="fa fa-plus-circle" aria-hidden="true"><span>Nuevo</span></a></li>
    <li class="btn-item"><a title="Guardar" href="#" class="fa fa-floppy-o" aria-hidden="true" onclick="javascript: $('#modalGuardar').modal('toggle');"><span>Guardar</span></a>
    </li>
    <li class="btn-item"><a title="Eliminar" href="#" class="fa fa-trash-o" aria-hidden="true" onclick="javascript: $('#mdlEliminar').modal('toggle');"><span>Eliminar</span></a></li>
    <li class="btn-item"><a title="Salir" href="#" class="fa fa-arrow-circle-o-left" aria-hidden="true" onclick="javascript: $('#modalSalir').modal('toggle');"><span>Salir</span></a></li>
</ol>
<script>
function fsalir(){
    location.href ="/usuarios";
}
</script>
@endsection
@section('contenido')
<div id = "msg"></div>
<form id="form1" method="POST">
    <div class="row">
        <input type="hidden" name="_token" value="{{ csrf_token() }}"></input>
        <input type="hidden" id="id" name="id" class="form-control" value="{{$globalId}}" required>
        <div class="form-group col-lg-2">
            <label>Usuario: *</label>
        </div>
       <div class="form-group col-lg-4">
            <input type="text" id="txtUsuario" name="txtUsuario" class="form-control" value="{{$usuario->usuario }}" required>
            <input type="hidden" id="txtLegajo" name="txtLegajo" value="{{$usuario->fk_legajo_id }}" required>
        </div>
        <div class="form-group col-lg-2">
            <label>Nombre:</label>
       </div>
        <div class="form-group col-lg-4">
            <input type="text" id="txtNombre" name="txtNombre" class="form-control" value="{{$usuario->nombre }}">
        </div>
        <div class="form-group col-lg-2">
            <label>Apellido:</label>
        </div>
        <div class="form-group col-lg-4">
            <input type="text" id="txtApellido" name="txtApellido" class="form-control" value="{{$usuario->apellido }}">
        </div>
        <div class="form-group col-lg-2">
            <label>Email: *</label>
        </div>
        <div class="form-group col-lg-4">
            <input type="email" id="txtEmail" name="txtEmail" class="form-control" required value="{{$usuario->mail }}">
        </div>
        <div class="form-group col-lg-2">
            <label>Intentos de bloqueo:</label>
        </div>
        <div class="form-group col-lg-4">
            <input value="0" type="number" id="txtBloqueo" name="txtBloqueo" class="form-control" value="{{$usuario->cantidad_bloqueo }}">
        </div>
        <div class="form-group col-lg-2">
            <label>Activo: *</label>
        </div>
        <div class="form-group col-lg-4">
            <select id="lstEstado" name="lstEstado" class="form-control" required>
                <option value="" disabled selected>Seleccionar</option>
                <option value="1" {{isset($usuario) && $usuario->activo == 1? 'selected' : ''}}>Si</option>
                <option value="0" {{isset($usuario) && $usuario->activo == 0? 'selected' : ''}}>No</option>
            </select>
        </div>
        <div class="form-group col-lg-2">
            <label>Área predeterminada: *</label>
        </div>
        <div class="form-group col-lg-4">
            <select id="lstArea" name="lstArea" class="form-control" required>
                <option value="" disabled selected>Seleccionar</option>
                @for ($i = 0; $i < count($array_area); $i++)
                    @if (isset($usuario) and $array_area[$i]->idarea == $usuario->areapredeterminada)
                        <option selected value="{{ $array_area[$i]->idarea }}">{{ $array_area[$i]->ncarea }}</option>
                    @else

                        <option value="{{ $array_area[$i]->idarea }}">{{ $array_area[$i]->ncarea }}</option>
                    @endif
                @endfor

            </select>
        </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> Permisos asignados
                    <div class="pull-right">
                        <button type="button" class="btn btn-secondary fa fa-plus-circle" onclick="abrirAgregarPatentes()"></button>
                    </div>
                </div>
                <div class="card-body">
                    <table id="grilla" class="display">
                        <thead>
                            <tr>
                                <th>familia_id</th>
                                <th>Permiso</th>
                                @foreach($array_grupo as $grupo)
                                    <th>{{ $grupo->ncarea }}</th>
                                @endforeach
                            </tr>
                        </thead>
                    </table> 
                </div>
            </div>
        </div>
    </div>
</form>

<!-- Modal -->
<div class="modal fade" id="modalAgregar" tabindex="-1" role="dialog" aria-labelledby="modalAgregarLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modalBuscarLabel">Permisos 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="grillaPermisos" class="display">
                        <thead>
                            <tr>
                                <th>familia_id</th>
                                <th></th>
                                <th>Nombre</th>
                                <th>Descripci&oacute;n</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="modalAgregarGrupos" tabindex="-1" role="dialog" aria-labelledby="modalAgregarGruposLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modalBuscarLabel">Grupos 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="grillaTodosLosGrupos" class="display">
                        <thead>
                            <tr>
                                <th>grupo_id</th>
                                <th></th>
                                <th>Nombre</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="agregarGruposGrilla();">Agregar</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">x</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();
    cargarGrillaPermisos();
    cargarGrilla();

    function guardar() {
        if ($("#form1").valid()) {
            modificado = false;
            form1.submit(); 
        } else {
            $("#modalGuardar").modal('toggle');
            msgShow("Corrija los errores e intente nuevamente.", "danger");
            return false;
        }
    }

    function cargarGrilla() {
           var grilla = $('#grilla').DataTable({
            "processing": true,
            "serverSide": false,
            "bFilter": false,
            "bInfo": true,
            "bSearchable": false,
            "paging": false,
            "ajax": "{{ asset('usuarios/cargarGrillaFamiliasDelUsuario?us='.$globalId) }}",
            "columnDefs": [
                {
                    "targets": [0],
                    "visible": false,
                    "searchable": false
                },
                 {
                    "targets": [1],
                    "visible": true,
                    "searchable": true,
                    "width": 200
                }
                @php ($pos = 2)
                @foreach($array_grupo as $grupo)
                ,
                {
                    "targets": [@php (print_r($pos))],
                    "visible": true,
                    "searchable": true,
                    "width": 30,
                    "className": "dt-head-center"
                }
                @php ($pos++)
                @endforeach
            ]
        });
    }
    function cargarGrillaPermisos() {
        var grilla = $('#grillaPermisos').DataTable({
            "processing": true,
            "serverSide": true,
            "bFilter": true,
            "bInfo": true,
            "bSearchable": true,
            "pageLength": 10,
            "ajax": "{{ asset('usuarios/cargarGrillaFamiliaDisponibles?fam='.$globalId) }}",
            "columnDefs": [
                {
                    "targets": [0],
                    "visible": false,
                    "searchable": false
                }
            ]
        });
    }

    function abrirAgregarPatentes() {
        $('#modalAgregar').modal('toggle');
    }
 
    function agregarPatentesGrilla() {
        var grilla = $('#grilla').DataTable();
        var grillaPermisos = $('#grillaPermisos').DataTable();
        var pos = 0;

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

                if ($("[name*='chk_Familia_" + id + "']").length == 0) {
                    //Si no esta lo agrega
                    grilla.row.add([
                        id,
                        grillaPermisos.row(pos).data()[2]
                        @php ($pos = 2)

                        @foreach($array_grupo as $grupo)
                            ,
                            "<input id='chk_Familia_" + id + "_{{$grupo->idarea}}' name='chk_Familia_" +  id + "_{{$grupo->idarea}}' type='checkbox' class='form-control' />"
                            @php ($pos++)
                        @endforeach

                    ]).draw();
                }
            }
            pos++;
        });
        $('#modalAgregar').modal('toggle');
    }

    function eliminar(){
        $.ajax({
            type: "GET",
            url: "{{ asset('/usuarios/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("Error al eliminar", "success");
                }
            }
        });
    }
 
</script>
@endsection