<div class="tailwind-admin"
     id="tab-htmx-performance">
    <div class="tw-bg-gray-100 tw-dark:bg-gray-900">
        <div class="tw-mx-auto tw-max-w-(--breakpoint-2xl) tw-p-4 tw-md:p-6">
            <div class="tw-grid tw-grid-cols-12 tw-gap-4 tw-md:gap-6">
                <div class="tw-col-span-12">
                    <div class="tw-grid tw-grid-cols-1 tw-gap-4 tw-sm:grid-cols-2 tw-md:gap-6 tw-xl:grid-cols-3">
                        <div hx-get="{stbIO uri='simpleCard' type='cpu'}"
                             hx-trigger="hxTabClicked from:#tab-htmx-performance"
                             hx-swap="innerHTML"
                             hx-sync="body:queue all"
                             hx-indicator="body.htmx-indicator"></div>
                        <div hx-get="{stbIO uri='simpleCard' type='memory'}"
                             hx-trigger="hxTabClicked from:#tab-htmx-performance"
                             hx-swap="innerHTML"
                             hx-sync="body:queue all"
                             hx-indicator="body.htmx-indicator"></div>
                        <div hx-get="{stbIO uri='simpleCard' type='disk'}"
                             hx-trigger="hxTabClicked from:#tab-htmx-performance"
                             hx-swap="innerHTML"
                             hx-sync="body:queue all"
                             hx-indicator="body.htmx-indicator"></div>
                    </div>
                </div>
                <div class="tw-col-span-12 tw-xl:col-span-8">
                    <div hx-get="{stbIO uri='pageSpeedBarChart' days=7}"
                         hx-trigger="hxTabClicked from:#tab-htmx-performance"
                         hx-swap="innerHTML"
                         hx-sync="body:queue all"
                         hx-indicator="body.htmx-indicator"
                         id="pageSpeedContainer"
                         class="tw-overflow-hidden tw-rounded-2xl tw-border tw-border-gray-200
                         tw-dark:border-gray-800 tw-bg-white tw-px-5 tw-pt-5 tw-sm:px-6
                         tw-sm:pt-6 tw-dark:bg-white/[0.03]"></div>
                </div>
                <div class="tw-col-span-12 tw-xl:col-span-4">
                    <div hx-get="{stbIO uri='cacheChart'}"
                         hx-trigger="hxTabClicked from:#tab-htmx-performance"
                         hx-swap="innerHTML"
                         hx-sync="body:queue all"
                         hx-indicator="body.htmx-indicator"></div>
                </div>
            </div>
        </div>
    </div>
</div>
