@once($id ?? 'modal_delete_confirmation')
    @component('components.utility.template_popup', ['id' => $id ?? 'modal_delete_confirmation', 'custom_dialog_class' => 'modal-sm'])
        @slot('slot_header')
            <label class="modal-title">
                @if ($slot_title_content)
                    {!! $slot_title_content !!}
                @else
                    {{ __('heading.title_confirmation') }}
                @endif
            </label>
        @endslot

        @slot('slot')
            <div class="msg">{{ __('label.msg_delete_confirmation') }}</div><br>
            {!! $slot_body_info !!}
        @endslot

        @slot('slot_footer')
            <form action="" method="POST" class="w-100">
                @csrf
                {!! @method_field('delete') !!}

                <div class="w-100 d-flex flex-row justify-content-between">
                    <button type="button" class="btn btn-default" data-dismiss="modal">{{ __('heading.btn_close') }}</button>
                    <button type="button" class="btn btn-primary btn-confirm">{{ __('heading.btn_confirm') }}</button>
                </div>
            </form>
        @endslot
    @endcomponent
@endonce