@extends('layouts.master-horizontal')
@section('title') Facedra @endsection
@section('css')
    <!-- DataTables -->
    <link href="{{ URL::asset('assets/libs/datatables/datatables.min.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{ URL::asset('assets/css/bootstrap.min.css')}}" id="bootstrap-style" rel="stylesheet" type="text/css" />
	<link href="{{ URL::asset('assets/css/app.min.css')}}" id="app-style" rel="stylesheet" type="text/css" />
    <link href="{{ URL::asset('assets/libs/sweetalert2/sweetalert2.min.css')}}" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
@endsection
@section('content')
@component('common-components.breadcrumb')
    @slot('pagetitle') Gestion Usuarios @endslot
    @slot('title')<a href="{{Route('dashboard')}}"> Menu principal </a> / Administración de Roles por Usuario @endslot
@endcomponent
<div class="row">
	<div class="col-12">
		<div class="card">
			<div class="card-body">
				<h4 class="card-title">Filtros</h4>
                <hr>
                <form action="{{route('aplicaciones.filtro') }}" method="POST">
                    @csrf
                    <div class="form-group row">
                        <label class="col-md-2 col-form-label" for="password">Usuario: </label>
                        <div class="col-md-5">
                            <input type="text" class="form-control" id="usuario" name="usuario" placeholder="Nombre usuario">
                            <input type="text" id="id_user" name="id_user" value="">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-md-2 col-form-label" for="nombre">Aplicacion: </label>
                        <div class="col-md-5">
                            <input type="text" class="form-control" id="aplicacion" name="aplicacion" placeholder="Aplicacion">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-md-2 col-form-label" for="nombre">Rol: </label>
                        <div class="col-md-5">
                            <input type="text" class="form-control" id="rol" name="rol" placeholder="Rol">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-md-2 col-form-label" for="nombre">Entidades: </label>
                        <div class="col-md-3">
                            <select class="form-control" id="entidad" name="entidad">
                                <option value="">Seleccione</option>
                                @foreach($entidades as $obj_item)
                                    <option value="{{ $obj_item->ENTI_ID_ENTIDAD }}">{{ $obj_item->ENTI_DS_ENTIDAD }} </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    @include('flash::message')
                    <div class="button-items">
                        <a href=""> 
                            <button type="button" class="btn btn-primary waves-effect waves-light">
                                Buscar

                            </button>
                        </a>
                        <button id="ButtonLimpiar" type="button" class="btn btn-primary waves-effect waves-light" >
                            Limpiar Filtros
                        </button>
                        <button id="ButtonDel" type="button" class="btn btn-primary waves-effect waves-light">
                            Alta de Aplicacion
                        </button>
                    </div>
                </form>
				<br>
                <div class="table-responsive">
                    <table id="datatable" class="table table-bordered dt-responsive nowrap yajra-datatable" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                        <thead>
							<tr>
                                <th>Usuario</th>
                                <th>Entidades</th>
                                <th>Aplicacion</th>
                                <th>Rol</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @forEach($rol_user as $item)
                            <tr class="filas">
                                <td>{{$item->get_user->USUA_CODIGO_USUARIO." - ".$item->get_user->USUA_NOMBRE.' '.$item->get_user->USUA_APELLIDOS}}</td>
                                <td>{{$item->get_entidad->ENTI_CODIGO_ENTIDAD." - ".$item->get_entidad->ENTI_DS_ENTIDAD}}</td>
                                <td>{{$item->get_aplicaciones->APLI_CODIGO_APLICACION.' - '.$item->get_aplicaciones->APLI_NOMBRE}}</td>
                                <td>{{$item->get_rol->ROLE_CODIGO_ROL.' - '.$item->get_rol->ROLE_DS_ROL}}</td>
                                <td>
                                    <button type="button" class="btn btn-primary">Editar <i class='uil-edit ml-2'></i></button>
                                    <button type="button" class="btn btn-danger"  onclick="eliminar({{$item->APLI_ID_APLICACION}})">Eliminar <i class='mdi mdi-delete'></i></button>
                                </td>          
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Modal -->
<div class="modal fade" id="exampleModal" 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">Seguimiento | <span id="modal_doc_paciente"></span></h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
            <div class="alert alert-secondary alert-dismissible fade show" role="alert">
                1.
                Ingreso al sistema.
                
            </div>
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                2.
                Pruebas: Postivo
                
            </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
        </div>
      </div>
    </div>
  </div>
@endsection
@section('script')  
    <script src="{{ URL::asset('assets/libs/datatables/datatables.min.js')}}"></script>
    <script src="{{ URL::asset('assets/js/pages/datatables.init.js')}}"></script>
    
    <!-- Sweet Alerts js -->
    <script src="{{ URL::asset('assets/libs/sweetalert2/sweetalert2.min.js')}}"></script>
    <!-- Range slider init js-->
	<script src="{{ URL::asset('assets/js/pages/sweet-alerts.init.js')}}"></script> 
    <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
    <script>
        /*
        var table;
        var l_Item;
        $(document).ready(function() {
            table = $('.yajra-datatable').DataTable({
            select: true,
            "order": [[ 0, "desc" ]],
            language:{url:'https://cdn.datatables.net/plug-ins/1.10.20/i18n/Spanish.json'},
            processing: true,
            serverSide: true,
            "ajax": {
                "url": "",
                "dataType": "json",
                "type": "GET",

            },
            "columns": [
                {data: 'id_paciente', orderable: true, searchable: false},
                {data: 'documento_identificacion'},
                {data: 'numero_expediente'},
                {data: 'codigo_paciente'},
                {data: 'id_sexo_nominal'},
                {data: 'post',orderable: false, searchable: false},
            
            ],
            
            //Configuracion Inicial
                
                "lengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, 'Todos  * ']],
                
            });


            table.on( 'select', function ( e, dt, type, indexes ) {
               var rowData = table.rows( indexes ).data().toArray();
               l_Item = table.rows({ selected: true }).data()[0];
               seleccion(l_Item.id_paciente)
           });
         });
    */

     
    $("#usuario").autocomplete({
        source: "{{URL::to('rol_usuario/getusuario')}}",
        select: function(event, ui) {
            $('#usuario').val(ui.item.id);
        }
    });
    $('#aplicacion').autocomplete({
        source: "{{URL::to('rol_usuario/getaplicacion')}}",
        select: function(event, ui){
            $('#aplicacion').val(ui.item.id);
        }
        
    });
    $('#rol').autocomplete({
            source:"{{URL::to('roluser.getrol')}}",
            select:function(event,ui){
                $('#rol').val(ui.item.id);
            }
    });

    $('#ButtonLimpiar').click(function() {
        $('input[type="text"]').val('');
        $("#entidad").val('');
    });

    </script>
@endsection