@extends('layouts.blit')
@section('Breadcrumbs')
    {!! Breadcrumbs::render('home') !!}
@endsection
@section('content')
<div class="the-box rounded">
    <div class="row">
        <div class="col-md-12">
            <div class="btn-toolbar" role="toolbar">
                <div class="btn-group">
                    <a href="{!! route('gerencial.roles.index') !!}">
                        <button type="button" class="btn btn-default"><i class="fa fa-chevron-left"></i> Voltar</button>
                    </a>
                </div>
            </div>

        </div>

    </div>
    <hr class="hr">
    <h2>Permissões de <b>{{ strtoupper($roles->name) }}</b></h2>
    <div class="row">

            @foreach($list as $reg)
            <div class="col-md-4">
                                @foreach($perms as $key=>$perm)
                    <ul class="list-group"><li class="list-group-item active"><i class="fa fa-check-square-o" aria-hidden="true"></i> </li><li class="list-group-item ">
                                    <span class="pull-left" style="margin-right: 10px">
                                        <input id="perm_" onchange="togglePerm('','')" type="checkbox" >
                                    </span>
                                     <span class="disabled" ></span>
                                     <span class="badge badge-info" ></span>
                                </li>                @endforeach
            </div>
        @endforeach
    </div>
</div>
<script>
    var togglePerm = function(role,perm)
    {
        var url = '/gerencial/roles/toggle/permission/'+role+'/'+perm;
        $.ajax({
            method: "GET",
            url: url,
            dataType: "json"
        }).success(function(result,textStatus,jqXHR) {
            console.log(result);
        });
    }
</script>
@endsection