@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">
             <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>
                         <a class="inline-flex items-center gap-1.5 text-sm text-gray-500 dark:text-gray-400"
                             href="{{ route($resource->prefix . '.index') }}" wire:navigate>
                             {{ __('dashboard.'.$resource->collectionTitle) }}
                             <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.create') }}</li>
                 </ol>
             </nav>
             <h2 class="text-xl font-semibold text-gray-800 dark:text-white/90">
                 {{ __('dashboard.create') }} {{ __('dashboard.'.$resource->singularTitle) }}
             </h2>
         </div>
         <x-ui.button.index wire:navigate href="{{ route($resource->prefix . '.index') }}">
             <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="M15.75 19.5 8.25 12l7.5-7.5" />
             </svg>

             {{ __('dashboard.back') }}
         </x-ui.button.index>
     </div>
 </div>