@props([
'collapsible' => false,
'description' => null,
'label' => null,
'start' => null,
'title',
])
@php
$id = null;
$key = $title;
if (isset($this->hasGroupEditButton) && $this->hasGroupEditButton) {
[$title, $id] = explode(' - ', $title);
}
@endphp
<div
{{
$attributes->class([
'fi-ta-group-header flex w-full items-center gap-x-3 bg-gray-50 px-3 py-2 dark:bg-white/5',
'cursor-pointer' => $collapsible,
])
}}
>
{{ $start }}
<div class="grid">
<h4 class="text-sm font-medium text-gray-950 dark:text-white">
@if (filled($label) && $label !== 'Category')
{{ $label }}:
@endif
{{ $title }}
</h4>
@if (filled($description))
<p class="text-sm text-gray-500 dark:text-gray-400">
{{ $description }}
</p>
@endif
</div>
@if (isset($this->hasGroupEditButton) && $this->hasGroupEditButton)
@if(method_exists($this, 'renderGroupDeleteAction'))
<div class="">
{!! $this->renderGroupDeleteAction($id) !!}
</div>
@endif
@endif
@if ($collapsible)
<div x-on:click="toggleCollapseGroup(@js($key))">
<x-filament::icon-button
color="gray"
icon="heroicon-m-chevron-up"
icon-alias="tables::grouping.collapse-button"
:label="filled($label) ? ($label . ': ' . $title) : $title"
size="sm"
:x-bind:aria-expanded="'! isGroupCollapsed(' . \Illuminate\Support\Js::from($title) . ')'"
:x-bind:class="'isGroupCollapsed(' . \Illuminate\Support\Js::from($title) . ') && \'-rotate-180\''"
/>
</div>
@endif
</div>