<div class="description">
    <p>
        {{ $sub }}
    </p>
</div>
<div class="pane">

    <h3>
        {{ __('account.delete-your') }}
    </h3>

    <p>
        {!! __('account.settings.delete.explanation') !!}
    </p>

    <x-button
       type="anchor"
       variant="primary danger"
       class="mt-4"
       href="{{ route('account.delete.confirm') }}"
       hx-get="{{ route('account.delete.confirm') }}"
       hx-target="#modal"
       hx-swap="innerHTML"
       hx-push-url="false">
        {{ __('Delete my account...') }}
    </x-button>

    @error('password', 'userDeletion')
        <div class="error">{{ $message }}</div>
    @enderror
</div>
