@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">{{__('obs.role')}} {{__('obs.mapping')}}  {{__('obs.create')}}</h4> 
        </div>
        <div class="card-body">
            @if(!$actionSteps)
                <div class="d-flex justify-content-center mt-2">
                    <div class="col-1"></div>
                    <div class="col-2 pr-0">
                        <label for="name" class=" ">{{__('obs.action')}} {{__('obs.name')}}</label>
                    </div>
                    <div class="col-6" style="margin-left: -75px">
                        <select name="name" id="name" class="form-control name" onchange="setActionId(this.value)">
                            @forelse ($actions as $action)
                                <option value="{{ $action->id }}" {{ request()->action_id==$action->id?'selected':'' }}>{{ $action->name }}</option>
                            @empty
                            @endforelse
                        </select>
                    </div>
                </div>
                <br>
            @endif
            <div class="table-responsive">
                <table id="protable" class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th class="text-center">{{__('obs.sl')}}</th>
                            <th class="text-center">{{__('obs.step')}}</th>
                            <th class="text-center">{{__('obs.step')}} {{__('obs.serial')}}</th>
                            <th class="text-center">{{__('obs.role')}}</th>
                            <th class="text-center">{{__('obs.users')}}</th>
                            <th class="text-center">{{__('obs.is_required')}}</th>
                            <th class="text-center">{{__('obs.amount_range')}}</th>
                            <th class="text-center">{{__('obs.is_final')}}</th>
                            <th class="text-center">{{__('obs.forward_to')}}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php $dataObj = []; @endphp
                        @forelse($steps as $key=> $step)
                            @php
                                if($actionSteps && $acStp = $actionSteps->where('step_id', $step->id)->first()) {
                                    $arr = $acStp->toArray();
                                    unset($arr['mappings']);
                                    $arr['admins'] = $acStp['mappings']->pluck('admin_id')->toArray();
                                    $arr['role_id'] = $acStp['mappings']->first()->role_id;
                                    $dataObj[] = $arr;

                                    $admins = $roles->where('id', $arr['role_id'])->first()->admins;
                                } else {
                                    $dataObj[] = [
                                        'id'=> null,
                                        'action_id'=> request()->action_id??$actions->first()->id,
                                        'step_id'=> '',
                                        'order_sl'=> '',
                                        'is_required'=> 0,
                                        'edit_type'=> 0,
                                        'is_final'=> 0,
                                        'forward_to'=> '',
                                        'amount_from'=> '',
                                        'amount_to'=> '',

                                        'role_id'=> $roles->first()->id,
                                        'admins'=> [],
                                    ];
                                    
                                    $admins = $roles->first()->admins;
                                }
                            @endphp
                            <tr>
                                <th>{{$key+1}}</th>
                                <th>
                                    <div class="checkbox">
                                        <input  type="checkbox" class="{{strtolower($step->id)}}-select" id="step_id_{{ $key }}" name="asigned_step[]" value="{{$step->id}}" NsModelBind="action_step_obj[{{ $key }}].step_id">
                                        <label for="step_id_{{ $key }}" class="demo-form-checkbox">{{$step->name}}</label>
                                    </div>
                                </th>
                                <th><input type="number" name="order_sl[{{$step->id}}]" id="order_sl{{$step->id}}" NsModelBind="action_step_obj[{{ $key }}].order_sl"></th>
                                <th>
                                    <select name="role_id[{{$step->id}}]" id="role_id{{$step->id}}" class="select_2" onchange="getUserOption('{{$step->id}}', this.value)" NsModelBind="action_step_obj[{{ $key }}].role_id">
                                        @forelse ($roles as $role)
                                            <option value="{{$role->id}}">{{$role->name}}</option>
                                        @empty
                                        @endforelse
                                    </select>
                                </th>
                                <th>
                                    <select name="admin_id[{{$step->id}}][]" id="admin_id{{$step->id}}" class="select_2" multiple NsModelBind="action_step_obj[{{ $key }}].admins">
                                        <option value="">Select User</option>
                                        @forelse ($admins as $admin)
                                            <option value="{{$admin->id}}">{{$admin->email}}</option>
                                        @empty
                                        @endforelse
                                    </select>
                                </th>
                                <th class="text-center"><input type="checkbox" class="" name="is_required[{{$step->id}}]" value="1" NsModelBind="action_step_obj[{{ $key }}].is_required"></th>
                                <th>
                                    <input type="number" title="From" class="form-control" name="amount_from[{{$step->id}}]" value="" NsModelBind="action_step_obj[{{ $key }}].amount_from">
                                    <input type="number" title="To" class="form-control" name="amount_to[{{$step->id}}]" value="" NsModelBind="action_step_obj[{{ $key }}].amount_to">
                                </th>
                                <th class="text-center"><input type="checkbox" class="" name="is_final[{{$step->id}}]" value="1"></th>
                                <th><input type="number" title="forward_to" class="form-control" name="forward_to[{{$step->id}}]" value="" NsModelBind="action_step_obj[{{ $key }}].forward_to"></th>
                            </tr>
                        @empty
                        @endforelse
                    </tbody>
                </table>
            </div>
            <div class="text-center">
                <button class="btn-sina-submit" type="submit" onclick="storeAndUpdate()"><i class="fa fa-save"></i> {{__('obs.save')}} </button>
            </div>
        </div>  
    </div>
@endsection
@section('script')
    <!-- page script -->
    <script type="text/javascript">
		let roles = @json($roles);
		const action_step_obj = @json($dataObj);
		
		$(document).ready(function() {
			$('.name').select2({
				tags: true
			});
			$('.select_2').select2();
			console.log(action_step_obj);
			viewSetter(action_step_obj, 'action_step_obj');
		})

		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].email+`</option>`;
						}
						
					}   
				}
			}
			$("#admin_id"+row_id).html(str);
		}

		/* ----------------------------------------- */
		const storeAndUpdate = () => {
			commonSubmitForm({
				post_url: '/admin/role-mapping-store',
				dataObj: action_step_obj,
				callback: res=> {
					location.reload();
				}
			});
		}

		const setActionId = id => {
			for (const i in action_step_obj) action_step_obj[i].action_id = id;
		}
    </script>
@stop