@extends('layouts.master')
@section('title')
    @lang('role.title')
@endsection

@section('content')
@component('components.breadcrumb')
@slot('li_1')
    @lang('menu.roles')
@endslot
@slot('title')
    @lang('role.title')
@endslot
@endcomponent

    <div class="row">
        <div class="col-lg-12 mb-4 order-0">
            <form action="{{ route('roles.update', $role->id) }}" method="post">
                @csrf

                <input type="hidden" name="roleId" value="{{ $role->id }}">
                <input type="button" onclick='selects()' class="btn btn-success" value="@lang('role.select-all')"/>
                <input type="button" onclick='deSelect()' class="btn btn-danger" value="@lang('role.deselect-all')"/>

                <div class="row mt-3 mb-3">
                    <div class="col-6 m-3">
                        <div class="form-group">
                            <label for="name">@lang('role.role-name')<span class="is-required"> (*)</span></label>
                            <input type="text" class="form-control" name="name" placeholder="@lang('role.role-name-ph')" value="{{ old('name', $role->name) }}" />
                            @error('name')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                </div>

                <hr>

                <div class="row">
                    @foreach ($moduleNameArr as $key => $moduleName)
                        <div class="card col-5 m-2 p-3">
                            <div class="d-flex align-items-end row">
                                <div class="card-body">
                                    @if (LaravelLocalization::getCurrentLocale() == 'ar')
                                        <h4>{{ $moduleNameArabicArr[$key] }}</h4>
                                    @else
                                        <h4>{{ $moduleNameArr[$key] }}</h4>                                     
                                    @endif

                                    <hr>

                                    @foreach ($permissions as $permission)
                                        @if ($permission->module_name == $moduleName)
                                            <div class="row">
                                                @if (in_array($permission->id, $assignedPermissions))
                                                <div class="col-12 mb-3">
                                                    <div class="form-check">
                                                        <input class="form-check-input" type="checkbox" name="permissions[]" id="permissions_{{ $permission->id }}" value="{{ $permission->id }}" checked>
                                                        @if (LaravelLocalization::getCurrentLocale() == 'ar')
                                                            <label class="form-check-label" for="permissions_{{ $permission->id }}"> {{ str_replace('_', ' ', $permission->arabic_name) }}</label>
                                                        @else
                                                            <label class="form-check-label" for="permissions_{{ $permission->id }}"> {{ ucwords(str_replace('_', ' ', $permission->name)) }}</label>
                                                        @endif
                                                    </div>
                                                </div>
                                                @else
                                                    <div class="col-12 mb-3">
                                                        <div class="form-check">
                                                            <input class="form-check-input" type="checkbox" name="permissions[]" id="permissions_{{ $permission->id }}" value="{{ $permission->id }}">
                                                            @if (LaravelLocalization::getCurrentLocale() == 'ar')
                                                                <label class="form-check-label" for="permissions_{{ $permission->id }}"> {{ str_replace('_', ' ', $permission->arabic_name) }}</label>
                                                            @else
                                                                <label class="form-check-label" for="permissions_{{ $permission->id }}"> {{ ucwords(str_replace('_', ' ', $permission->name)) }}</label>
                                                            @endif
                                                        </div>
                                                    </div>
                                                @endif
                                            </div>
                                        @endif
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
                <hr>
                <button type="submit" class="btn btn-round btn-success col-md-1 me-2">@lang('role.save')</button>
                <a href="{{ route('roles.all') }}" style="width: 200px" class="btn btn-secondary"><i class="fa fa-chevron-circle-left" aria-hidden="true"></i> @lang('role.back')</a>
            </form>
        </div>
    </div>
@endsection

@section('js')
    <script type="text/javascript">
        function selects(){
            var inputs = document.getElementsByTagName("input");
            var checkboxes=[];
            for(var i = 0; i < inputs.length; i++) {
                if(inputs[i].type == "checkbox") {
                    checkboxes.push( inputs[i] );
                    inputs[i].checked = true;
                }
            }
        }
        function deSelect(){
            var inputs = document.getElementsByTagName("input");
            var checkboxes=[];
            for(var i = 0; i < inputs.length; i++) {
                if(inputs[i].type == "checkbox") {
                    checkboxes.push( inputs[i] );
                    inputs[i].checked = false;
                }
            }
        }
    </script>
@endsection