<div class="permission-tab nav flex-row flex-sm-column gap-3 align-items-start nav-pills p-3 bg-light rounded shadow-sm" id="v-pills-tab" role="tablist" aria-orientation="vertical">
    @foreach ($data['permissions'] ?? [] as $attribute => $keywords)
        <button
            class="nav-link d-flex align-items-center gap-2 py-2 px-3 fw-semibold rounded-pill shadow-sm {{ $loop->first ? 'active' : '' }}"
            id="v-pills-{{ $attribute }}-tab"
            data-bs-toggle="pill"
            data-bs-target="#v-pills-{{ $attribute }}"
            type="button"
            role="tab"
            aria-controls="v-pills-{{ $attribute }}"
            aria-selected="true"
            style="transition: all 0.3s ease-in-out;">
            <i class="bi bi-shield-lock-fill text-primary"></i>
            {{ ucwords(str_replace('_', ' ', $attribute)) }}
        </button>
    @endforeach
</div>
