@props(['resource'])
 <div class="relative mb-6 w-full">
     <div class="flex justify-between items-end mb-6">
         <div class="flex flex-col gap-5">
             @unless ($resource->relationColumn)
                 <nav>
                     <ol class="flex items-center gap-1.5">
                         <li>
                             <a class="inline-flex items-center gap-1.5 text-sm text-gray-500 dark:text-gray-400"
                                 href="{{ route('dashboard') }}" wire:navigate>
                                 {{ __('dashboard.dashboard') }}
                                 <svg class="stroke-current" width="17" height="16" viewBox="0 0 17 16" fill="none"
                                     xmlns="http://www.w3.org/2000/svg">
                                     <path d="M6.0765 12.667L10.2432 8.50033L6.0765 4.33366" stroke=""
                                         stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                                 </svg>
                             </a>
                         </li>
                         <li class="text-sm text-gray-800 dark:text-white/90">
                             {{ __('dashboard.' . $resource->collectionTitle) }}</li>
                     </ol>
                 </nav>
             @endunless
             <h2 class="text-xl font-semibold text-gray-800 dark:text-white/90">
                 {{ __('dashboard.' . $resource->collectionTitle) }}
             </h2>
         </div>
         @if($resource->createBtn)
         @can('create', $resource->getModelClass())
             @if ($resource->createModal)
                 <x-ui.button.index wire:click="setCreateModal">
                     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                         stroke="currentColor" class="size-4">
                         <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                     </svg>
                     {{ __('dashboard.new_' . $resource->singularTitle) }}
                 </x-ui.button.index>
             @else
                 <x-ui.button.index wire:navigate
                     href="{{ route($resource->prefix === 'orders' ? 'pos.index' : $resource->prefix . '.create') }}">
                     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                         stroke="currentColor" class="size-4">
                         <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                     </svg>
                     {{ __('dashboard.new') }} {{ __('dashboard.' . $resource->singularTitle) }}
                 </x-ui.button.index>
             @endif
         @endcan
         @endif
     </div>
 </div>