// 2) Audit tugmasini qatorlarga qo‘ying:
//      <button class="btn btn-outline-secondary btn-sm btn-audit" data-entity="orders" data-entity-id="123">
//        <i class="fa fa-clock-rotate-left"></i> Audit
//      </button>
//
// KERAKLI BACKEND:
//   Sizda /19l/api/audit.php mavjud bo‘lishi va quyidagilardan hech bo‘lmaganda bittasiga javob berishi kerak:
//     a) ?a=list&entity=...&entity_id=...
//     b) ?action=list&entity=...&entity_id=...
//     c) ?entity=...&entity_id=...        (action'siz; default 'list')
//   Javob shakli: { ok:true, data:{items:[...] } } YOKI { ok:true, items:[...] } — ikkalasi ham qo‘llab-quvvatlanadi.
//
// KASHTA (ixtiyoriy sozlash):
//   include qilishdan oldin quyilarni belgilashingiz mumkin:
//     define('AUDIT_API_BASE', '/19l/api/audit.php');         // API bazaviy yo‘li
//     define('AUDIT_REQUIRE_AUTH', false);                     // true bo‘lsa fetch'da credentials: 'include'
//   (default: AUDIT_API_BASE = '/19l/api/audit.php')
//
if (defined('AUDIT_VIEW_LOADED')) return;
define('AUDIT_VIEW_LOADED', true);

if (!defined('AUDIT_API_BASE')) define('AUDIT_API_BASE', '/19l/api/audit.php');
if (!defined('AUDIT_REQUIRE_AUTH')) define('AUDIT_REQUIRE_AUTH', false);
?>
<style>
  #av_auditTableWrap { min-height: 220px; }
  #av_auditDiag { display:none; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; font-size:.8rem; }
  #av_auditDiag .card-body { max-height: 220px; overflow:auto; }
  #av_auditTable pre.av-json {
    max-height: 180px; overflow: auto; background: #0b10201a;
    padding: .5rem .75rem; border-radius: .5rem; font-size: .8rem; margin:0;
  }
  .av-toolbar input, .av-toolbar select { min-width: 170px; }
  .btn-audit i { pointer-events:none; }
</style>

<div class="modal fade" id="av_auditModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-xl modal-dialog-scrollable">
    <div class="modal-content">
      <div class="modal-header py-2">
        <h5 class="modal-title">
          <i class="fa fa-clock-rotate-left me-1"></i>
          Audit: <span id="av_auditTitle" class="fw-semibold"></span>
        </h5>
        <div class="d-flex align-items-center gap-2">
          <button id="av_btnDiag" type="button" class="btn btn-outline-secondary btn-sm">
            <i class="fa fa-bug"></i> Diagnostika
          </button>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Yopish"></button>
        </div>
      </div>
      <div class="modal-body p-0">
        <div class="p-2">
          <div id="av_auditDiag" class="card border-danger mb-2">
            <div class="card-header py-1 px-2 d-flex justify-content-between align-items-center">
              <strong>So‘rov diagnostikasi</strong>
              <small class="text-muted">Quyidagi URL’lar ketma-ket sinab ko‘riladi</small>
            </div>
            <div class="card-body p-2">
              <div id="av_diagList"></div>
              <div id="av_diagResp" class="mt-2 small text-muted"></div>
            </div>
          </div>

          <div class="av-toolbar d-flex gap-2 flex-wrap mb-2">
            <input id="av_auditSearch" class="form-control form-control-sm" placeholder="Qidiruv (action, route, ip, ua)...">
            <select id="av_auditAction" class="form-select form-select-sm" style="max-width:180px">
              <option value="">Barchasi</option>
              <option value="create">create</option>
              <option value="update">update</option>
              <option value="delete">delete</option>
              <option value="status">status</option>
              <option value="login">login</option>
              <option value="logout">logout</option>
              <option value="other">other</option>
            </select>
            <input id="av_auditFrom" type="datetime-local" class="form-control form-control-sm">
            <input id="av_auditTo"   type="datetime-local" class="form-control form-control-sm">
            <button id="av_auditRefresh" class="btn btn-sm btn-primary">
              <i class="fa fa-rotate"></i> Yangilash
            </button>
          </div>

          <div id="av_auditTableWrap">
            <table id="av_auditTable" class="table table-striped table-sm w-100"></table>
          </div>
        </div>
      </div>
      <div class="modal-footer py-2">
        <small class="text-muted me-auto">Foydalanuvchi, IP, vaqt oralig‘i va action bo‘yicha filtrlash mumkin.</small>
        <button class="btn btn-secondary btn-sm" data-bs-dismiss="modal">Yopish</button>
      </div>
    </div>
  </div>
</div>

<script>
(function(){
  const API_BASE =