{{-- Rol Düzenleme Modalı --}}
<div class="modal fade" id="editModal{{ $role->id }}" tabindex="-1" aria-labelledby="editModalLabel{{ $role->id }}" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form action="{{ route('roles.update', $role->id) }}" method="POST">
                @csrf
                @method('PUT')

                <div class="modal-header">
                    <h5 class="modal-title">Rol Düzenle: {{ $role->name }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>

                <div class="modal-body">
                    <div class="mb-3">
                        <label class="form-label fw-semibold">Rol Adı</label>
                        <input type="text" name="name" class="form-control" value="{{ $role->name }}" required>
                    </div>

                    <hr>
                    <h6 class="fw-bold mb-2">İzinler</h6>

                    @php
                        $permissionsConfig = config('permissions.modules') ?? [];
                        $rolePermissions = $role->permissions->pluck('name')->toArray();
                    @endphp

                    <div class="accordion" id="permissionsAccordion{{ $role->id }}">
                        @foreach($permissionsConfig as $moduleKey => $module)
                            <div class="accordion-item mb-2">
                                <h2 class="accordion-header" id="heading-{{ $moduleKey }}-{{ $role->id }}">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                            data-bs-target="#collapse-{{ $moduleKey }}-{{ $role->id }}">
                                        {{ $module['label'] }}
                                    </button>
                                </h2>
                                <div id="collapse-{{ $moduleKey }}-{{ $role->id }}" class="accordion-collapse collapse"
                                     data-bs-parent="#permissionsAccordion{{ $role->id }}">
                                    <div class="accordion-body">
                                        <div class="row">
                                            @foreach($module['actions'] as $actionKey => $actionLabel)
                                                @php
                                                    $permissionName = "{$moduleKey}.{$actionKey}";
                                                @endphp
                                                <div class="col-md-6 mb-2">
                                                    <div class="form-check">
                                                        <input class="form-check-input"
                                                               type="checkbox"
                                                               name="permissions[]"
                                                               value="{{ $permissionName }}"
                                                               id="perm_{{ $role->id }}_{{ $permissionName }}"
                                                               {{ in_array($permissionName, $rolePermissions) ? 'checked' : '' }}>
                                                        <label class="form-check-label" for="perm_{{ $role->id }}_{{ $permissionName }}">
                                                            {{ $actionLabel }}
                                                        </label>
                                                    </div>
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>

                </div>

                <div class="modal-footer">
                    <button type="submit" class="btn btn-success">Kaydet</button>
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Kapat</button>
                </div>
            </form>
        </div>
    </div>
</div>