@php
    $role_id = $data['rol_id'];
    $role = $data['role'];
    $modules = $data['modules'];
    $sub_modules = $data['sub_modules'];

    $role_name = UpperCase($role->role_name);

    if ($role->modules_permission != null) {
        $roles_modules_permission = json_decode($role->modules_permission, true);
    } else {
        $roles_modules_permission = array();
    }

    if ($role->submodules_permission != null) {
        $roles_sub_modules_permission = json_decode($role->submodules_permission, true);
    } else {
        $roles_sub_modules_permission = array();
    }

    // dd($modules, $sub_modules);
@endphp

<form action="{{route('users.roles.update')}}" method="post" class="tablelist-form" autocomplete="off">
    @csrf
    <input type="hidden" name="role_id" value="{{ encrypt($role_id) }}">
    <div class="mb-3">
        <p class="text-muted">{{ TitleCase('Selecciona los modulos y sub-modulos para el nuevo rol.') }}</p>

        <label for="role_description" class="form-label">{{ TitleCase('Nombre del rol') }}</label>
        <input type="text" id="role_description" name="role_description" value="{{UpperCase($role_name)}}" class="form-control choices fs-12 placeholder="Introduzca los nombres" required />

        <label for="modules" class="form-label">{{ TitleCase('Modulos') }}</label>
        <select class="form-control" id="modules" name="modules[]" data-choices data-choices-multiple-groups="true" multiple>
            <optgroup label="{{ TitleCase('Modulos Principales') }}">
                @foreach ($modules as $module)
                    @if (in_array($module->id, $roles_modules_permission))
                        <option value="{{$module->id}}" selected>{{$module->description}}</option>
                    @else
                        <option value="{{$module->id}}">{{$module->description}}</option>
                    @endif
                @endforeach
            </optgroup>
        </select>

        <label for="sub_modules" class="form-label">{{ TitleCase('Sub-Modulos') }}</label>
        <select class="form-control" id="sub_modules" name="sub_modules[]" data-choices data-choices-multiple-groups="true" multiple>
            @foreach ($sub_modules as $key=>$values)
                <optgroup label="{{App\Models\AppModule::where('id', $key)->first()->description}}">
                    @foreach ($values as $sub_module)
                        @if (in_array($sub_module->id, $roles_sub_modules_permission))
                            <option value="{{$sub_module->id}}" selected>{{$sub_module->description}}</option>
                        @else
                            <option value="{{$sub_module->id}}">{{$sub_module->description}}</option>
                        @endif
                    @endforeach
                </optgroup>
            @endforeach
        </select>

        <label for="idStatus-module" class="form-label">{{ TitleCase('Estado') }}</label>
        <select class="form-control" data-plugin="choices" data-choices data-choices-search-false name="role_status" id="role_status">
            <option value="">{{ TitleCase('Seleccione') }}</option>
            <option value="1" @if ($role->status == 1) selected @endif>{{ TitleCase('Activo') }}</option>
            <option value="0" @if ($role->status == 0) selected @endif>{{ TitleCase('Inactivo') }}</option>
        </select>
    </div>
    <div class="modal-footer">
        <div class="hstack gap-2 justify-content-end">
            <button type="button" class="btn btn-light" data-bs-dismiss="modal">{{ TitleCase('Cerrar') }}</button>
            <button type="submit" class="btn btn-primary" id="add-btn">{{ TitleCase('Actualizar Rol') }}</button>
        </div>
    </div>
</form>