@extends('layout._default')
@section('body-con')

    @section('title')
        Roles
    @endsection

    {{-- @section('breadcrumbs')
        {{ Breadcrumbs::render('user-management.roles.index') }}
    @endsection --}}

    <!--begin::Content container-->
    <div id="kt_app_content_container" class="app-container container-xxl">
        @include('livewire.permission.role-list')
    </div>
    <!--end::Content container-->

    <!--begin::Modal-->
    @include("livewire.permission.add-role-modal")
    @include("livewire.permission.edit-role-modal")
    <!--end::Modal-->

@endsection

@push('scripts')

<script>
    $("#kt_roles_select_all").on('change', function() {
        
        if($(this).is(":checked")) 
        {
            $(".single-checkbox-permission").prop('checked', true);
        }
        else
        {
            $(".single-checkbox-permission").prop('checked', false);
        }
    })

    function checkAllOnEdit(el)
    {
        if($(el).is(":checked")) 
        {
            $(".single-checkbox-permission-edit").prop('checked', true);
        }
        else
        {
            $(".single-checkbox-permission-edit").prop('checked', false);
        }
    }
    function editRole(roleId)
    {
        // $("#body-edit-form")
        $.ajax({
            url : "/admin/admin-user/roles/"+roleId+"/edit",
            type: "GET",
            success : function(response){
                if(response.status == 1)
                {
                    $("#body-edit-form").empty()
                    $("#body-edit-form").html(response.data);
                    $("#kt_modal_update_role").modal('show');
                }
                
            }
        });
       
    }

    function getPermissions()
    {
        //
    }
</script>

@endpush