@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">{{lt('obs.role')}} {{lt('obs.mapping')}}  {{lt('obs.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=" ">{{lt('obs.action')}} {{lt('obs.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> {{lt('obs.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>{{lt('obs.sl')}}</th>
                                    <th>{{lt('obs.step')}}</th>
                                    <th>{{lt('obs.step')}} {{lt('obs.serial')}}</th>
                                    <th>{{lt('obs.role')}}</th>
                                    <th>{{lt('obs.users')}}</th>
                                    <th>{{lt('obs.is_required')}}</th>
									<th>{{lt('obs.amount_range')}}</th>
									<th>{{lt('obs.is_final')}}</th>
									<th>{{lt('obs.forward_to')}}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php
                                    $i=0;
                                @endphp
                                @forelse($action->actionSteps as $key=> $actionStep)
                                    @if(empty($actionStep->step->name))
                                        @continue;
                                    @endif
                                    <tr>
                                        <th>{{($key+1)}}</th>
                                        <th>
                                            <div class="checkbox">
                                                <input  type="checkbox" class="{{strtolower($actionStep->id)}}-select" name="asigned_step[{{$actionStep->step_id}}]" id="step_{{ $key }}" value="{{$actionStep->id}}" checked="checked">
                                                <label for="step_{{ $key }}">{{$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();
                                                $action_admins = $actionStep->mappings->pluck('admin_id')->toArray();
                                            @endphp

                                                {{-- <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>
                                            @php
                                                $role_users = [];
                                            @endphp

                                            @foreach ($roles as $role)
                                                @foreach ($role->admins as $admin)
                                                    @php
                                                        $role_users[$admin->id] = $admin;
                                                    @endphp
                                                @endforeach
                                            @endforeach
                                            <select name="admin_id[{{$actionStep->id}}][]" id="admin_id{{$actionStep->id}}" class="select_2" multiple>
                                                <option value="">{{'SELECT USER'}}</option>
                                                    @forelse ($role_users as $key => $admin)
                                                        <option value="{{$admin->id}}" @if(in_array($admin->id,$action_admins)) selected="selected" @endif>{{$admin->email}}</option>
                                                    @empty
                                                    @endforelse

                                                <!-- @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>
                                        <th>
											<input type="number" class="form-control" name="amount_from[{{$actionStep->id}}]" value="{{ $actionStep->amount_from }}">
											<input type="number" class="form-control" name="amount_to[{{$actionStep->id}}]" value="{{ $actionStep->amount_to }}">
										</th>
										<th><input type="checkbox" class="" name="is_final[{{$actionStep->id}}]" value="1" @if($actionStep->is_final==1) checked="checked" @endif></th>
										<th><input type="number" title="forward_to" class="form-control" name="forward_to[{{$actionStep->id}}]" value="{{ $actionStep->forward_to }}"></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