@extends('admin.layout.master')
@section('title','ROLE MAPPING MANAGEMENT')
@section ('content') 
        <div class="card sina-card"> 
            <div class="card-header card-header-s d-flex flex-wrap align-items-center">
                <h4 class="col-6 pl-0">ROLE MAPPING  EDIT</h4> 
            </div> 
            <div class="card-body"> 
                <form action="{{route('role_mapping.update')}}" method="post">
                    @csrf
                    <div class="d-flex justify-content-center mt-2">
                        <div class="col-1"></div>
                        <div class="col-2 pr-0">
                            <label for="name" class=" ">Action Name</label>
                        </div>
                        <div class="col-6" style="margin-left: -75px">
                            {{-- <input type="text" name="name" id="name" class="form-control" required> --}}
                            <select name="name" id="name" class="form-control name">
                                <option value="{{$action->id}}">{{$action->name}}</option>
                                {{-- @forelse ($actions as $action)
                                    <option value="{{$action->id}}">{{$action->name}}</option>
                                @empty
                                    
                                @endforelse --}}
                            </select>
                        </div>
                        <div class="col-2 pl-2">
                           <button style="position: fixed;top:50%;right:2px;" class="btn-sina-submit" type="Update"><i class="fa fa-save"></i> UPDATE </button>
                        </div>
                    </div>
                    <div class="table-responsive">
                        <div id="tree" class="tree treeview"></div>
                    </div>
                    <br>
                    <div class="table-responsive">
                        <table id="protable" class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>SL</th>
                                    <th>STEP</th>
                                    <th>STEP SERIAL</th>
                                    <th>ROLE</th>
                                    <th>USERS</th>
                                    <th>IS REQUIRED</th>
                                </tr>
                            </thead>
                            <tbody>
                            @php
                                $i=0;
                            @endphp
                                @forelse($action->actionSteps as $key=> $actionStep)
                                    <tr>
                                        <th>{{($key+1)}}</th>
                                        <th>
                                            <div class="checkbox">
                                                <input  type="checkbox" class="{{strtolower($actionStep->id)}}-select" name="asigned_step[{{$actionStep->step_id}}]" value="{{$actionStep->id}}" checked="checked">
                                                <label for="demo-form-checkbox">{{$actionStep->step->name}}</label>
                                            </div>
                                        </th>
                                        <th><input type="number" name="order_sl[{{$actionStep->id}}]" id="order_sl{{$actionStep->id}}" value="{{$actionStep->order_sl}}"></th>
                                        <th>
                                            <select name="role_id[{{$actionStep->id}}]" id="role_id{{$actionStep->id}}" class="select_2" onchange="getUserOption('{{$actionStep->id}}',this.value)">
                                                
                                                @php($action_roles=$actionStep->mappings->pluck('role_id')->toArray())
                                                @php($action_admins=$actionStep->mappings->pluck('admin_id')->toArray())
                                                {{-- <option value="">{{'SELECT ROLE'}}</option> --}}
                                            @forelse ($roles as $role)
                                                <option value="{{$role->id}}" @if(in_array($role->id,$action_roles)) selected="selected" @endif>{{$role->name}}</option>
                                            @empty
                                                
                                            @endforelse
                                        </select>
                                        </th>
                                        <th>
                                            <select name="admin_id[{{$actionStep->id}}][]" id="admin_id{{$actionStep->id}}" class="select_2" multiple>
                                                <option value="">{{'SELECT USER'}}</option>
                                                @forelse ($roles as $role)
                                            <optgroup label="{{$role->name}}">
                                                @forelse ($role->admins as $admin)
                                                    <option value="{{$admin->id}}" @if(in_array($admin->id,$action_admins)) selected="selected" @endif>{{$admin->name}}</option>
                                                @empty
                                                @endforelse
                                            </optgroup>
                                            @empty
                                                
                                            @endforelse
                                        </select>
                                        </th>
                                        <th><input  type="checkbox" class="" name="is_required[{{$actionStep->id}}]" value="1" @if($actionStep->is_required==1) checked="checked" @endif></th>
                                    </tr>
                            @empty
                            @endforelse
                                     
                                                                                 
                               
                            </tbody>
                        </table>
                    </div>
                </form>
            </div> 
        </div> 
@endsection
@section('script')
    <!-- page script -->
    <script type="text/javascript">
   let roles=@json($roles);
    $(document).ready(function(){
        $('.name').select2();
        $('.select_2').select2();
    })

    // function getUserOption(row_id,role_id){
    //     var str='';
    //     $("#admin_id"+row_id+" option").each(function(){
    //         console.log($(this));
    //         if($(this).attr('selected')){
    //             alert();
    //             str+=`<option selected="selected" value="`+$(this).val()+`">`+$(this).text()+`</option>`;
    //         }
    //     });
    //     console.log(str);
    //     for (let i = 0; i < roles.length; i++) {
    //         if((roles[i].id==role_id) && (roles[i].admins.length>0)){
    //            var admins=roles[i].admins;
    //             for (let index = 0; index < admins.length; index++) {
    //                 if(admins[index]){
    //                     str+=`<option value="`+admins[index].id+`">`+admins[index].name+`</option>`;
    //                 }
                    
    //             }   
    //         }
    //     }
    //     $("#admin_id"+row_id).html(str);
        
    // }
    </script>
@stop