@extends('admin.layout.master')
@section('title','ROLE MANAGEMENT PRINT')
@section ('content')
<style>
    /* for checkbox */
    .cb-table .vh {
        position: absolute !important;
        clip: rect(1px, 1px, 1px, 1px);
        padding: 0 !important; 
        border: 0 !important;
        height: 1px !important; 
        width: 1px !important;
        overflow: hidden;
    }
    .cb-table .sp-label label:before {
        content: ''; 
        width: 20px; 
        height: 20px;
        background: #f2f2f2; 
        border: 1px solid rgba(75, 101, 132, 0.3); 
        display: inline-block;
    }
    .cb-table input[type="checkbox"]:checked ~ label:before {
        background: var(--cl-primary) no-repeat center; 
        background-size: 12px 12px; 
        background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQ1LjcwMSA0NS43IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NS43MDEgNDUuNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yMC42ODcsMzguMzMyYy0yLjA3MiwyLjA3Mi01LjQzNCwyLjA3Mi03LjUwNSwwTDEuNTU0LDI2LjcwNGMtMi4wNzItMi4wNzEtMi4wNzItNS40MzMsMC03LjUwNCAgICBjMi4wNzEtMi4wNzIsNS40MzMtMi4wNzIsNy41MDUsMGw2LjkyOCw2LjkyN2MwLjUyMywwLjUyMiwxLjM3MiwwLjUyMiwxLjg5NiwwTDM2LjY0Miw3LjM2OGMyLjA3MS0yLjA3Miw1LjQzMy0yLjA3Miw3LjUwNSwwICAgIGMwLjk5NSwwLjk5NSwxLjU1NCwyLjM0NSwxLjU1NCwzLjc1MmMwLDEuNDA3LTAuNTU5LDIuNzU3LTEuNTU0LDMuNzUyTDIwLjY4NywzOC4zMzJ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
    }
    input[type="checkbox"] { pointer-events: none; }
</style>

<div class="card sina-card">
    <div class="card-header d-flex flex-wrap align-items-center">
        <h4 class="col-6">{{__('obs.role')}} {{__('obs.print')}}</h4>
    </div>

    <div class="card-body">
        @php
            $i=1;
            $moduleIds=$selectedPermissions->pluck('module_id','module_id')->toArray();
            $sub_moduleIds=$selectedPermissions->pluck('code','code')->toArray();
            $grp_Ids=$selectedPermissions->pluck('group_name','group_name')->toArray();
        @endphp
        
        <ul class="nav nav-tabs mb-3">
            <li class="nav-item">
                <a class="nav-link active" data-toggle="tab" href="#general001" data-bs-toggle="tab" data-bs-target="#general001">{{__('obs.normal')}}</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#report001" data-bs-toggle="tab" data-bs-target="#report001">{{__('obs.report')}}</a>
            </li>
        </ul>

        <div class="tab-content pt-0">
            <div id="general001" class="tab-pane active">
                <div id="printThis">
                    <div class="cl-table-container">
                        <style>
                            @media print {
                                .sp-label {
                                    display: flex; !important;
                                    gap: 2px;
                                }
                                input[type="checkbox"]:disabled { 
                                    background-color: var(--cl-primary);
                                }
                            }
                            
                        </style>
                        <table class="table cl-table table-bordered cb-table mb-0">
                            <thead>
                                <tr>
                                    <th style="">{{__('obs.group')}}</th>
                                    <th style="">
                                        <div class="sp-label">
                                            <input type="checkbox" id="index_head" class="vh" onchange="column_head(this,0)" disabled>
                                            <label for="index_head" class="d-flex align-items-center justify-content-center" style="gap: 2px">{{__('obs.index')}}</label>
                                        </div>
                                    </th>
                                    <th style="">
                                        <div class="sp-label">
                                            <input type="checkbox" id="create_head" class="vh" onchange="column_head(this,1)" disabled>
                                            <label for="create_head" class="d-flex align-items-center justify-content-center" style="gap: 2px;">{{__('obs.create')}}</label>
                                        </div>
                                    </th>
                                    <th style="">
                                        <div class="sp-label">
                                            <input type="checkbox" id="edit_head" class="vh" onchange="column_head(this,2)" disabled>
                                            <label for="edit_head" class="d-flex align-items-center justify-content-center" style="gap: 2px;">{{__('obs.edit')}}</label>
                                        </div>
                                    </th>
                                    <th style="">
                                        <div class="sp-label">
                                            <input type="checkbox" id="delete_head" class="vh" onchange="column_head(this,3)" disabled>
                                            <label for="delete_head" class="d-flex align-items-center justify-content-center" style="gap: 2px;">{{__('obs.delete')}}</label>
                                        </div>
                                    </th>
                                    <th style="">
                                        <div class="sp-label">
                                            <input type="checkbox" id="print_head" class="vh" onchange="column_head(this,4)" disabled>
                                            <label for="print_head" class="d-flex align-items-center justify-content-center" style="gap: 2px;">{{__('obs.print')}}</label>
                                        </div>
                                    </th>
                                    <th style="">
                                        <div class="sp-label">
                                            <input type="checkbox" id="others" class="vh" onchange="column_head(this,5)" disabled>
                                            <label for="others" class="d-flex align-items-center justify-content-center" style="gap: 2px;">{{__('obs.other')}}</label>
                                        </div>
                                    </th>
                                </tr>
                            </thead>
                            <tbody id="tbody">
                                @forelse ($submodules as $codes=>$submodule)
                                    @if($codes && array_key_exists($codes,$sub_moduleIds))
                                        <tr id="module_1_sub_1" class="tr{{$codes}}">
                                            <th colspan="7" class="text-center">{{ucwords(getMenuGroup()[$codes] ?? '')}}</th>
                                        </tr>
    
                                        @forelse ($submodule->groupBy('group_name') as $group_name=>$permissionRows)
                                            @php 
                                                $permissionGroup = array_key_exists($group_name, $grp_Ids);
                                            @endphp
    
                                            <tr id="module_1_sub_1" class="tr{{$codes}} @if(!$permissionGroup) d-none @endif">
                                                <td>
                                                    <div class="sp-label">
                                                        <input type="checkbox" id="{{$group_name}}" class="vh" onchange="row_head(this,'{{$group_name}}')" @if($permissionGroup) checked="true" @endif disabled />
                                                        <label for="{{$group_name}}" class="d-flex flex-wrap" style="gap: 2px;">{{ucwords($group_name)}}</label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="d-flex flex-column" style="gap: 2px;">
                                                        @foreach ($permissionRows->where('task',0) as $task=>$permission)
                                                            @php
                                                                $isChecked = array_key_exists($permission->id,$previous_permission);
                                                            @endphp
    
                                                            <div class="sp-label @if (!$isChecked) d-none @endif">
                                                                <input type="checkbox" id="{{$permission->id}}" class="vh vh0 {{$group_name}} {{$permission->task}}" name="asigned_permission[]" value="{{$permission->id}}" @if($isChecked) checked="true" @endif onchange="same_group_task(this,{{$permission->id}})" disabled />
                                                                <label for="{{$permission->id}}" class="d-flex align-items-center" style="gap: 2px;">
                                                                    {{ucwords($permission->name)}}
                                                                </label>
                                                            </div>
                                                        @endforeach
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="d-flex flex-column" style="gap: 2px;">
                                                        @foreach ($permissionRows->where('task',1) as $task=>$permission)
                                                            @php
                                                                $isChecked = array_key_exists($permission->id,$previous_permission);
                                                            @endphp
    
                                                            <div class="sp-label @if (!$isChecked) d-none @endif">
                                                                <input type="checkbox" id="{{$permission->id}}" class="vh vh1 {{$group_name}} {{$permission->task}}" name="asigned_permission[]" value="{{$permission->id}}" @if ($isChecked) checked="true" @endif onchange="same_group_task(this,{{$permission->id}})" disabled />
                                                                <label for="{{$permission->id}}" class="d-flex align-items-center" style="gap: 2px;">
                                                                    {{ucwords($permission->name)}}
                                                                </label>
                                                            </div>
                                                        @endforeach
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="d-flex flex-column" style="gap: 2px;">
                                                        @foreach ($permissionRows->where('task',2) as $task=>$permission)
                                                            @php
                                                                $isChecked = array_key_exists($permission->id,$previous_permission);
                                                            @endphp
    
                                                            <div class="sp-label @if (!$isChecked) d-none @endif">
                                                                <input type="checkbox" id="{{$permission->id}}" class="vh vh2 {{$group_name}} {{$permission->task}}" name="asigned_permission[]" value="{{$permission->id}}" @if($isChecked) checked="true" @endif onchange="same_group_task(this,{{$permission->id}})" disabled />
                                                                <label for="{{$permission->id}}" class="d-flex align-items-center" style="gap: 2px;">
                                                                    {{ucwords($permission->name)}}
                                                                </label>
                                                            </div>
                                                        @endforeach
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="d-flex flex-column" style="gap: 2px;">
                                                        @foreach ($permissionRows->where('task',3) as $task=>$permission)
                                                            @php
                                                                $isChecked = array_key_exists($permission->id,$previous_permission);
                                                            @endphp
    
                                                            <div class="sp-label @if (!$isChecked) d-none @endif">
                                                                <input type="checkbox" id="{{$permission->id}}" class="vh vh3 {{$group_name}} {{$permission->task}}" name="asigned_permission[]" value="{{$permission->id}}" @if($isChecked) checked="true" @endif onchange="same_group_task(this,{{$permission->id}})" disabled />
                                                                <label for="{{$permission->id}}" class="d-flex align-items-center" style="gap: 2px;">
                                                                    {{ucwords($permission->name)}}
                                                                </label>
                                                            </div>
                                                        @endforeach
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="d-flex flex-column" style="gap: 2px;">
                                                        @foreach ($permissionRows->where('task',4) as $task=>$permission)
                                                            @php
                                                                $isChecked = array_key_exists($permission->id,$previous_permission);
                                                            @endphp
    
                                                            <div class="sp-label @if (!$isChecked) d-none @endif">
                                                                <input type="checkbox" id="{{$permission->id}}" class="vh vh4 {{$group_name}} {{$permission->task}}" name="asigned_permission[]" value="{{$permission->id}}" @if($isChecked) checked="true" @endif onchange="same_group_task(this,{{$permission->id}})" disabled />
                                                                <label for="{{$permission->id}}" class="d-flex align-items-center" style="gap: 2px;">
                                                                    {{ucwords($permission->name)}}
                                                                </label>
                                                            </div>
                                                        @endforeach
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="d-flex flex-column" style="gap: 2px;">
                                                        @foreach ($permissionRows->where('task',5) as $task=>$permission)
                                                            @php
                                                                $isChecked = array_key_exists($permission->id,$previous_permission);
                                                            @endphp
    
                                                            <div class="sp-label @if (!$isChecked) d-none @endif">
                                                                <input type="checkbox" id="{{$permission->id}}" class="vh vh5 {{$group_name}} {{$permission->task}}" name="asigned_permission[]" value="{{$permission->id}}" @if($isChecked) checked="true" @endif onchange="same_group_task(this,{{$permission->id}})" disabled />
                                                                <label for="{{$permission->id}}" class="d-flex align-items-center" style="gap: 2px;">
                                                                    {{ucwords($permission->name)}}
                                                                </label>
                                                            </div>
                                                        @endforeach
                                                    </div>
                                                </td>
                                            </tr>
                                        @empty
                                        @endforelse
                                    @endif
                                @empty
                                @endforelse
                            </tbody>
                        </table>
                    </div>

                    <div class="mt-3">
                        <h4 class="text-center mb-1">User list in this role</h4>
    
                        @if (isset($role->admins) && count($role->admins) > 0)
                            <table class="table cl-table table-bordered table-sm mb-0">
                                <thead>
                                    <tr>
                                        <th style="width: 50px;">ID</th>
                                        <th>Name</th>
                                        <th>Email</th>
                                        <th>Designation</th>
                                        <th>Department</th>
                                        <th>Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($role->admins as $key=>$user)
                                        <tr>
                                            <td>{{ $key+1 }}</td>
                                            <td>{{ $user?->name }}</td>
                                            <td>{{ $user->email }}</td>
                                            <td>
                                                @if (isset($user->get_designations) && count($user->get_designations) > 0)
                                                    {{ implode(', ', $user->get_designations->pluck('name')->toArray()) }}
                                                @endif
                                            </td>
                                            <td>
                                                @if (isset($user->get_departments) && count($user->get_departments) > 0)
                                                    {{ implode(', ', $user->get_departments->pluck('name')->toArray()) }}
                                                @endif
                                            </td>
                                            <td>{{ $user->status == 1 ? 'Active' : 'Inactive' }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        @else
                            <p class="text-center">No user found</p>
                        @endif
                    </div>
                </div>

                <div class="mt-3 text-end">
                    <button class="btn btn-sm btn-hover d-flex align-items-center btn-warning" type="button" name="button" onclick="$('#printThis').printThis();">
                        <i class="fa fa-print me-1"></i>
                        <div class=""> {{__('obs.print')}} </div>
                    </button>
                </div>
            </div>

            <div id="report001" class="tab-pane">
                <table class="table table-bordered cb-table mb-0">
                    <thead>
                        <tr>
                            {{-- <th colspan="2" style="">Group</th> --}}
                            <th colspan="2" style="" class="text-center">
                                <div class="sp-label d-flex align-items-center" style="gap: 2px;">
                                    <input type="checkbox" id="report_others" class="vh" onchange="report_column_head(this,'report_permission')">
                                    <label for="report_others">{{__('obs.all')}} {{__('obs.reports')}}</label>
                                </div>
                            </th>
                        </tr>
                    </thead>
                    <tbody id="tbody_report">
                        @forelse ($submodules as $codes=>$submodule)
                            @if($codes && array_key_exists($codes,$sub_moduleIds))
                                <tr id="module_1_sub_1" class="tr{{$codes}}"><th colspan="2" class="text-center">{{ucwords(getMenuGroup()[$codes] ?? '')}}</th></tr>
                                @php
                                $sub_module_task7=$submodule->where('task',7);
                                @endphp
                                @if(count($sub_module_task7)>0)
                                @forelse ($sub_module_task7->groupBy('group_name') as $group_name=>$permissionRows)
                                    <tr id="module_1_sub_1" class="tr{{$codes}}">
                                        <td>
                                            <div class="d-flex flex-wrap ">
                                                <div class="col-3 pl-0 sp-label">
                                                <input type="checkbox" id="report_{{$group_name}}" class="vh" onchange="report_row_head(this,'report_{{$group_name}}')" @if(array_key_exists($group_name,$grp_Ids)) checked="true" @endif >
                                                <label for="report_{{$group_name}}"></label>
                                                </div>
                                                <div class="col-9 pl-0">
                                                    <label for="{{$group_name}}">{{ucwords($group_name)}}</label>
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                        @forelse ($permissionRows as $task=>$permission)
                                            <div class="col-12 px-0 sp-label text-left">
                                                <input type="checkbox" id="report_{{$permission->id}}" class="vh report_{{$group_name}} report_permission" name="asigned_permission[]" value="{{$permission->id}}" @if(array_key_exists($permission->id,$previous_permission)) checked="true" @endif>
                                                        <label for="report_{{$permission->id}}">
                                                            {{ucwords($permission->name)}}
                                                        </label>
                                            </div>
                                        @empty
                                        @endforelse

                                        </td>
                                    </tr>
                                @empty
                                @endforelse
                                @endif
                            @endif

                        @empty
                        @endforelse
                        </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

@endsection
@section('script')




@endsection