@props(['resource'])
<div class="mx-auto space-y-6 p-4 md:p-6">
    <x-slot name="title">{{ __('dashboard.edit') }} {{ __('dashboard.'.$resource->singularTitle) }}</x-slot>


    <x-ui.crud.edit-header :resource="$resource" />

    <x-ui.toast on="created"> {{ __('dashboard.success.created') }} </x-ui.toast>
    <x-ui.toast on="deleted"> {{ __('dashboard.success.deleted') }} </x-ui.toast>
    <x-ui.toast on="updated"> {{ __('dashboard.success.updated') }} </x-ui.toast>



    <div class="rounded-2xl border border-gray-200 bg-white dark:border-gray-800 dark:bg-white/[0.03] p-6">
        {{ $slot }}
        <div class="flex items-center mt-4 gap-2">
            @can('update', $resource->form->model)
                <x-ui.button.index variant="primary" wire:click='save' wire:loading.attr="disabled"
                    type="submit">{{ __('dashboard.update') }}</x-ui.button.index>
            @endcan
            <x-ui.button.danger variant="danger" href="{{ route($resource->prefix . '.index') }}" type="button"
                wire:loading.attr="disabled" wire:navigate>
                {{ __('dashboard.cancel') }}
            </x-ui.button.danger>
        </div>
    </div>
    @if ($relationships ?? false)
        <div class="rounded-2xl border border-gray-200 bg-white dark:border-gray-800 dark:bg-white/[0.03] p-6">

            {{ $relationships ?? '' }}
        </div>
    @endif
</div>