@extends('layouts.app')
<meta name="_token" content="{!! csrf_token() !!}" />

@section('content')

<!--Filters and actions-->
<!-- <div class="actions">
    <div class="container">
        <a class="add" href="forms">
            <i class="fa fa-plus-circle"></i>
        </a>

        <form class="form-search form form-inline">
            <input type="text" name="pesquisar" placeholder="Pesquisar?" class="form-control">
            <input type="submit" name="pesquisar" value="Encontrar" class="btn btn-success">
        </form>
    </div>
</div> --><!--Actions-->
<div class="row">        
    <div class="col-md-12">
      <!--   <a class="btn btn-success float-right mb-4 " href="{{ route('register') }}">Novo Relacionamento</a> -->
        <button type="button" class="btn btn-success float-right" data-toggle="modal" data-target="#Newrole" data-whatever="@getbootstrap">Nova Função "Cargo"</button> 
    </div>          
</div>
<div id="validation_return"></div>

<div class="clear"></div>

<div class="container">
    <h4 class="title">
        Lista de Funções "Cargo"
    </h4>

    <table class="table table-hover">
        <tr>
            <th>Função "Cargo"</th>
            <th>Descrição</th>
            <th width="21%">Ações</th>
        </tr>

        @forelse( $roles as $role )
        <tr>
            <td>{{$role->name}}</td>
            <td>{{$role->label}}</td>
            <td>
                <button class="badge badge-pill badge-danger float-right delete-product" value="{{ $role->id }}">Excluir</button>
                <a href="{{url("/configuracoes/role/$role->id/permissions")}}" class="badge badge-pill badge-info" >
                    Permissões
                </a>
                 <a href="{{url("/configuracoes/role/$role->id/users")}}" class="badge badge-pill badge-secondary" >
                    Usuários
                </a>
                
                
              
            </td>
        </tr>
        @empty
        <tr>
            <td colspan="90">
                <p>Nenhum Resultado!</p>
            </td>
        </tr>
        @endforelse
    </table>


 <input id="url" type="hidden" value="{{ \Request::url() }}">
            <div class="modal fade" id="Newrole" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"  data-backdrop="static">
              <div class="modal-dialog" role="document">
                <div class="modal-content">

             

             
                    <div class="modal-header">
                        <form method="POST" action="{{url('configuracoes/roles/novo')}}">
                            @csrf
                              <div class="form-group row">
                                <div class="col-12">
                                    <label for="fn_Cargo">Função "Cargo"</label>
                                    <div class="form-group mb-3">                           
                                        <input type="text" class="form-control" id="nome_funcao" name="nome_funcao"  required>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <label for="fn_Cargo">Descrição</label>
                                    <div class="form-group mb-3">                           
                                        <input type="text" class="form-control" id="desc_funcao" name="desc_funcao"  required>
                                    </div>
                                </div>
                               
                            </div>       
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                                <button type="submit" class="btn btn-primary" id="btn-save" value="add" >Cadastrar</button>
                            </div>
                        </form>
                    </div>
                </div>
              </div>
            </div>

</div>

@endsection
@section('post-script')
<script type="text/javascript">
        //Apagar uma configuração
        $(document).on('click','.delete-product',function(){
            var id_funcao = $(this).val();
             $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                }
            })

            var name            = confirm("Tem certeza que deseja excluir?");
            if (name == (true)){ 
                if(id_funcao > 1){
                    $.ajax({
                        type: "POST",
                        data:{id_funcao:id_funcao},
                        url: '../../get-role/deleterole' ,
                        success: function (data) { 
                                $.each(JSON.parse(data),function(key,value){
                                    $('#validation_return').append('<div class="alert alert-'+key+'"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>'+value+'</div');
                                                                    
                                });   
                  
                             location.reload();  
                        },
                        error: function (data) {
                            alert('erro');
                                
                        }
                    });
                }else{
                    alert("Função não pode ser Excluída");
                }
            }
        });



</script>
@endsection