@extends('fragments.fullTemplate')
@section('contenido')
    <div class="ui big breadcrumb">
        <div class="section">Sistema</div>
        <i class="right chevron icon divider"></i>
        <div class="active section">Usuarios</div>
    </div>

    <div class="ui divider"></div>

    <div data-module-notifications-anchor></div>
    @include('fragments.navs', [
    "navs" => [
        [
            "active" => 0,
            "url" => "usuarios",
            "name" => "Usuarios"
        ],
        [
            "active" => 1,
            "url" => "permisos",
            "name" => "Permisos"
        ],
        [
            "active" => 0,
            "url" => "areas",
            "name" => "Áreas"
        ]

    ]
    ])

    <div class="ui divider"></div>
    <div class="content">
        <div class="col-lg-12 col-md-12 col-sm-12">
            @if(session()->has('warning'))
            <div class="alert alert-warning text-center">
                <strong>{{ session()->get('warning') }}</strong>
            </div>
            @endif
            @if(session()->has('success'))
                <div class="alert alert-success text-center">
                    <strong>{{ session()->get('success') }}</strong>
                </div>
            @endif
            @if (count($errors) > 0)
            <div class="alert alert-danger">
                <strong>¡Error!</strong> Revise los campos obligatorios.<br><br>
                <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
                </ul>
            </div>
            @endif
            
        </div>
    </div>
    <button class="ui button fluid primary create_modal_usuario">
        <i class="pencil alternate icon"></i> Nuevo Rol
    </button>
    <div class="ui divider"></div>

    <div class="sx-autorender">
        <div class="sx-scroll-x">
            <table id="lang-dt" class="ui celled table unstackable">
                <thead>
                    <tr>
                        <th>Roles</th>
                        <th class="collapsing">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @if($tipos_usuario->count())
                    @foreach ($tipos_usuario as $rol)
                        <tr>
                            <td>{{ $rol->tipo_usuario }}</td>
                            <td>
                                <div class="ui tiny icon buttons">
                                    <!-- Editar -->                                    
                                    <a 
                                        class="ui button green edit" 
                                        title="Modifica" 
                                        id="usuario{{$rol->id_tipo_usuario}}"
                                        
                                        data-id="{{$rol->id_tipo_usuario}}"
                                    >
                                        <i class="pencil alternate icon"></i>
                                    </a>
                                    
                                </div>
                            </td>
                        </tr>
                    @endforeach
                    @else
                    <tr>
                        <td colspan="8">No se encontraron registros</td>
                    </tr>
                    @endif
                </tbody>
            </table>
            {{-- $usuarios->links("pagination::bootstrap-4") --}}
        </div>
    </div>
    @include('Permisos.create_modal')
    @include('Permisos.modify_modal')
    <script>
        $(document).on('click','.create_modal_usuario',function(){

            $('#create_modal').modal('show'); 
        });

        var resultData = {};
        $(document).ready(function(){
            $('a.edit').on('click', function(){
                
                idRol = $(this).data('id');
                $('#modal').load('{{url("permisos/edit")}}/rol/'+idRol, function(){
                    /*$.ajax({
                    url:id_linea_prueba_reporte+"/show_datos_reporte_linea_pruebas_variables",
                    method:"POST",
                    data:{'id_linea_prueba_reporte': id_linea_prueba_reporte, 'id_capitulo': id_capitulo, '_token': _token = $('input[name="_token"]').val()},
                        success:function(response){
                            //alert(response);
                            result = JSON.parse(response); 
                            resultData = result.data;
                            console.log(resultData);
                            //$('#programacion_muestra_edit_modal').modal('show');*/
                            $('#modify_modal').modal('show');
                        
                        /*}
                    });*/
                });
            });
        });
    </script>
    {{--@include('Usuarios.delete_modal')
    <script>
        $(document).on('click','.eliminarUsuario',function(){
            var id_usuario=$(this).attr('data-id_usuario');
            var nombre_completo=$(this).attr('data-nombre_completo');
           
            $('#id_usr').val(id_usuario);
            $('#nombre_usr').html(nombre_completo);

            $('#delete_usuario_mod').modal('show'); 
        });
    </script>
    @include('Usuarios.delete_firma_modal')
    <script>
        $(document).on('click','.eliminarFirma',function(){
            var id_usuario=$(this).attr('id');
            var nombre_firma=$(this).attr('data-nombre_firma');
           
            $('#id_usr_firma_delete').val(id_usuario);
            $('#nombre_firma_usr').html(nombre_firma);

            $('#delete_firma_mod').modal('show'); 
        });
    </script>
    <script>
        
    </script>--}}
@endsection