{{-- 공통 Alert/Confirm Dialog (no bootstrap dependency) --}}
<div id="uiDialog" class="ui-dialog" aria-hidden="true">
    <div class="ui-dialog__backdrop" data-uidialog-close="1"></div>

    <div class="ui-dialog__panel" role="dialog" aria-modal="true" aria-labelledby="uiDialogTitle">
        <div class="ui-dialog__header">
            <h3 id="uiDialogTitle" class="ui-dialog__title">알림</h3>
            <button type="button" class="ui-dialog__x" aria-label="닫기" data-uidialog-close="1">×</button>
        </div>

        <div class="ui-dialog__body">
            <p class="ui-dialog__message" id="uiDialogMessage"></p>
        </div>

        <div class="ui-dialog__footer">
            <button type="button" class="ui-dialog__btn ui-dialog__btn--cancel" id="uiDialogCancel">취소</button>
            <button type="button" class="ui-dialog__btn ui-dialog__btn--ok" id="uiDialogOk">확인</button>
        </div>
    </div>
</div>

{{-- 서버 flash로 띄우고 싶을 때: session('ui_dialog') 사용 --}}
@if (session()->has('ui_dialog'))
    <script type="application/json" id="uiDialogFlash">
        {!! json_encode(session('ui_dialog'), JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES) !!}
    </script>
@endif

