@extends('layouts.admin')

@section('content')
<!------------------------------------------------------- CONTEUDO TABLE ------------------------------------------------------------------->

    <div class="card-header">
    <a href='/admin/perfis' type="button" class="btn btn-secondary btn-sm"><i class="fas fa-arrow-left"></i> Voltar</a>&nbsp;&nbsp;
    Setar as funções para <strong>{{$perfil->nome}}</strong></div>
    <div class="card-body">
        <div class='actions PB-20'>
            <input id="search-register" class="form-control col-4 d-inline" type="search" placeholder="Search" aria-label="Search">
        </div>
        <br/>
        <div id='table'>
            @include('admin.funcoesDoPerfil.table')
        </div>
    </div>
@endsection

@push('scripts')
<script>

    //FILTRA TABELA
    $(document).keypress(function(e) {
            if(e.which == 13) {
                atualizarTable($("#search-register").val());
            }
        });

    //ATUALIZAR TABELA VIA AJAX
    function atualizarTable(data)
    {
        var complementoUrl = data?'/'+data:'';
        
        $.ajax({ 
            type: 'GET', 
            data: data,
            url: '/admin/funcoesDoPerfil/atualizarAjax/{{$perfil->id}}'+complementoUrl, 
            success: function(data){
                $('#table').html(data);
            }, 
            error: function(){
                alert("Algo deu errado!");
            }
        }); 
        return false;
    }

    //CLICK CHECKBOX
    function relacionaFuncao(funcao)
    {
        var idFuncao = funcao.prop('id');

        if(funcao.prop('checked')) {
            var action = 'create';
            funcao.prop( "checked", false );
        }else{
            var action = 'delete';
            funcao.prop( "checked", true );
        }
                
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $.ajax({ 
            type: 'POST', url: '/admin/funcoesDoPerfil/{{$perfil->id}}/{{$perfil->tag_nome}}', 
            data: {action, idFuncao}, 
            beforeSend:function(){
                $( ".checkbox-funcao" ).prop( "disabled", true );
            },
            success: function(data){
            
            if(data.error) console.log('false');
            
            if(data.result) {
                toastr["success"]("Ação concluída.", "Sucesso!");

                if(action == 'create') $('#'+idFuncao).prop( "checked", true );
                if(action == 'delete') $('#'+idFuncao).prop( "checked", false );
            }
            $( ".checkbox-funcao" ).prop( "disabled", false );
            }, 
            error: function(){
                alert("Algo deu errado!");
                $('#load-form').css('display', 'none');
            }
        });
    }
</script>
@endpush