@extends('layouts.app')

@section('content')
<div class="page-wrapper manage-rights-pg">
    <!-- Page-header start -->
    <div class="page-header">
        <div class="row align-items-end">
            <div class="col-lg-8">
                <div class="page-header-breadcrumb">
                    <ul class="breadcrumb-title">
                        <li class="breadcrumb-item">
                            <a href="index.html"> <i class="feather icon-home"></i> </a>
                        </li>
                        <li class="breadcrumb-item">Manage rights</li>
                    </ul>
                </div>
                <div style="clear: both"></div>
                <div class="page-header-title">
                    <div class="d-inline">
                        <h4>Manage Graphical User Interface (GUI)</h4>
                         
                        <!-- <span>lorem ipsum dolor sit amet, consectetur adipisicing elit</span> -->
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- Page-header end -->

    <!-- Page-body start -->
    <div class="page-body">
      
        @include('common.error')
            <form class=" " method="POST" action="{{ url('manage-rights') }}" id="needs-validation">
                @csrf
                <input type="hidden" name="role_id" value="{{ ( !empty($role_id) ? $role_id : '') }}">
                @foreach ($permissions_list as $permission)
                    <div class="card">
                        <div class="card-header">
                            <h5>{{ $permission->module }}</h5>
                        </div>
                        <div class="card-block">
                        <div class="row">
                            <div class="col-md-12">
                                @php  $action_checked = false; $count = 0; $tabs_array = explode(',', $permission->tabs); @endphp
                                    @if(!empty($role_permissions))
                                    @foreach($tabs_array as $tabsitem)
                                        @foreach($role_permissions as $role_permission)
                                            @if (($role_permission->module == $permission->module)
                                                && ($role_permission->tabs == $tabsitem) && ($role_permission->has_access == 0))
                                                    @php  $action_checked = true; $count++; @endphp
                                            @endif
                                        @endforeach
                                    @endforeach
                                    
                                    @endif

                                <input type="checkbox" class="check_all_in_section mb-3" @if (($count == 0) || count($tabs_array) == $count )
                                    {{ "checked" }} @endif>&nbsp;Check All
                            </div>
                            @php $tabsitem_arr = explode(',', $permission->tabs);$count_permission=0; @endphp
                            @foreach($tabsitem_arr as $tabsitem)
                                <div class="col-md-6">
                                    <input type="checkbox" value="{{$tabsitem}}" name="selected[{{$permission->module}}][{{$tabsitem}}]" 
                                    @php $action_checked = false;  @endphp
                                    @if(!empty($role_permissions))

                                        @foreach($role_permissions as $role_permission)
                                            @if ($role_permission->module == $permission->module
                                                && $role_permission->tabs == $tabsitem && $role_permission->has_access == 1)
                                                    @php $action_checked = true; $count_permission++; @endphp
                                            @endif
                                        @endforeach

                                        @if ($action_checked == true || $count_permission==0)
                                            {{ "checked" }}
                                        @endif                                                
                                    @endif onclick='{{($tabsitem == 'Manage GUI' ? 'return false' : '')}}' > {{$tabsitem}}

                                    {{-- {{ $action_checked = false }}
                                    @if(!empty($role_permissions))
                                        @foreach($role_permissions as $role_permission)
                                            @if ($role_permission->controller == $permission->controller
                                                && $role_permission->action == $action && $role_permission->has_access == 1)
                                                    {{ $action_checked = true }}
                                            @endif
                                        @endforeach
                                        @if ($action_checked == true)
                                            {{ "checked" }}
                                        @endif
                                    @endif>&nbsp;{{$actionname}} --}}

                                </div>
                            @endforeach
                        </div>
                    </div>
                    </div>
                @endforeach

                <div class="mt-2 text-center">
                    <button  type="submit"  class="btn btn-success btn-sm m-t-10" data-toggle="tooltip" title="Save" name="roleupdate" value="update">Update Permissions</button>
                </div>
            </form>
        </div>
    </div>
  
    <!-- Page-body end -->
 

<script src="{{ asset('bower_components\datatables.net\js\jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('bower_components\datatables.net-buttons\js\dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('assets\pages\data-table\js\jszip.min.js') }}"></script>
<script src="{{ asset('assets\pages\data-table\js\pdfmake.min.js') }}"></script>
<script src="{{ asset('assets\pages\data-table\js\vfs_fonts.js') }}"></script>
<script src="{{ asset('bower_components\datatables.net-buttons\js\buttons.print.min.js') }}"></script>
<script src="{{ asset('bower_components\datatables.net-buttons\js\buttons.html5.min.js') }}"></script>
<script src="{{ asset('bower_components\datatables.net-bs4\js\dataTables.bootstrap4.min.js') }}"></script>
<script src="{{ asset('bower_components\datatables.net-responsive\js\dataTables.responsive.min.js') }}"></script>
<script src="{{ asset('bower_components\datatables.net-responsive-bs4\js\responsive.bootstrap4.min.js') }}"></script>
<script>
    $(function(){
        $('#simpletable').DataTable();
        $('.delete_btn').on('click', fn_delete);
        // $('.check_all_in_section').on('click',function(){
        //     if($(this).is(':checked')){
        //         $(this).parents('.card-block').find('input[type="checkbox"]').prop('checked','checked');
        //     }else{
        //         $(this).parents('.card-block').find('input[type="checkbox"]').prop('checked','');
        //     }
        // });
       // Convert PHP array $tabsitem_arr to JavaScript array
//        var manage_gui = @json($tabsitem_arr);
// console.log(manage_gui);

// $('.check_all_in_section').on('click', function(){
//     // Check if "Manage GUI" is present in the array
//     var isManageGUI = manage_gui.includes('Manage GUI');

//     if (!isManageGUI) {
//         // If "Manage GUI" is not present, perform the check-all operation
//         $(this).parents('.card-block').find('input[type="checkbox"]').not('#manage_gui').prop('checked', $(this).is(':checked'));
//     }
// });

var manage_gui = @json($tabsitem_arr);
// console.log(manage_gui);

$('.check_all_in_section').on('click', function(){
    var isCheckAllChecked = $(this).is(':checked');

    $(this).parents('.card-block').find('input[type="checkbox"]').not('#manage_gui').each(function() {
        // Exclude the checkbox with the id 'manage_gui' from the check-all operation
        if ($(this).val() !== 'Manage GUI') {
            $(this).prop('checked', isCheckAllChecked);
        }
    });
});




        // $('#manage_gui').attr('readonly',true); // On Load, should it be read only?
        // $('#manage_gui').attr('disabled', 'disabled');// On Load, should it be read only?
        
        
    })
    function fn_delete()
    {
        bootbox.confirm("Do yAre you sure you want to delete this record?ou really want to delete?", function(result){
            console.log('This was logged in the callback: ' + result);
        });
    }

</script>
@endsection
<!-- data-table js -->