{{-- resources/views/admin/log/_audit_log_modal.blade.php --}}
<div class="mback" id="auditModalBack" aria-hidden="true">
    <div class="modalx" role="dialog" aria-modal="true" aria-labelledby="auditTitle">
        <div class="modalx__head">
            <div>
                <div class="modalx__title" id="auditTitle">감사로그 상세</div>
                <div class="modalx__desc" id="auditDesc">before/after JSON과 user_agent를 확인하세요.</div>
            </div>
            <button class="lbtn lbtn--ghost lbtn--sm" type="button" id="auditBtnClose">닫기 ✕</button>
        </div>

        <div class="modalx__body">
            <div class="infoGrid">
                <div class="ibox">
                    <div class="k">ID</div>
                    <div class="v mono" id="audit_id">-</div>
                </div>
                <div class="ibox">
                    <div class="k">Actor</div>
                    <div class="v" id="audit_actor">-</div>
                </div>
                <div class="ibox">
                    <div class="k">Action</div>
                    <div class="v mono" id="audit_action">-</div>
                </div>
                <div class="ibox">
                    <div class="k">Target</div>
                    <div class="v mono" id="audit_target">-</div>
                </div>
                <div class="ibox">
                    <div class="k">IP</div>
                    <div class="v mono" id="audit_ip">-</div>
                </div>
                <div class="ibox">
                    <div class="k">Created</div>
                    <div class="v mono" id="audit_created">-</div>
                </div>
            </div>

            <div class="ibox" style="margin-bottom:12px;">
                <div class="k">User Agent</div>
                <div class="v" id="audit_ua" style="font-size:12px; opacity:.9; word-break:break-word;">-</div>
            </div>

            <div class="jsonGrid">
                <div class="prebox">
                    <div class="k">before_json</div>
                    <pre id="audit_before">-</pre>
                </div>
                <div class="prebox">
                    <div class="k">after_json</div>
                    <pre id="audit_after">-</pre>
                </div>
            </div>
        </div>

        <div class="modalx__foot">
            <button class="lbtn lbtn--ghost" type="button" id="auditBtnOk">확인</button>
        </div>
    </div>
</div>