@extends('layouts.admin')

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

    <div class="card-header">
    <a href='/admin/pessoas' type="button" class="btn btn-secondary btn-sm"><i class="fas fa-arrow-left"></i> Voltar</a>&nbsp;&nbsp;
    Setar perfis para <strong>{{$pessoa->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.perfisPessoa.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/perfisPessoa/atualizarAjax/{{$pessoa->id}}'+complementoUrl,
            success: function(data){
                $('#table').html(data);
            }, 
            error: function(){
                alert("Algo deu errado!");
            }
        });
        return false;
    }



    //CLICK CHECK
    function relacionaPerfil(perfil)
    {   
        var idPerfil = perfil.prop('id');
        
        if(perfil.prop("checked")) {
            var action = 'create';
            perfil.prop("checked", false );
        }else{
            var action = 'delete';
            perfil.prop("checked", true );
        }

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $.ajax({ 
            type: 'POST', url: '/admin/perfisPessoa/{{$pessoa->id}}', 
            data: {action, idPerfil}, 
            beforeSend:function(){
                $( ".checkbox-perfil" ).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') $('#'+idPerfil).prop( "checked", true );
                if(action == 'delete') $('#'+idPerfil).prop( "checked", false );
            }
            $( ".checkbox-perfil" ).prop( "disabled", false );
            }, 
            error: function(){
                alert("Algo deu errado!");
                $('#load-form').css('display', 'none');
            }
        }); 
    }
</script>
@endpush