{% extends "base.html" %}
{% from 'partials/frontend_vendor.html' import vendor_chart_js %}

{% block title %}Инвентаризация — AWM{% endblock %}

{% block extra_head %}
{{ vendor_chart_js() }}
<style>
    /* Вкладки — как monitoring_library (.ml-tabs) */
    .ai-inventory .ai-inv-tabs {
        display: inline-flex;
        flex-wrap: wrap;
        gap: 4px;
        padding: 4px;
        border-radius: 12px;
        background: color-mix(in srgb, var(--surface) 88%, var(--border));
        border: 1px solid var(--border);
        margin-bottom: 20px;
    }
    .ai-inventory .ai-inv-tab {
        border: none;
        background: transparent;
        color: var(--gray-600);
        padding: 8px 14px;
        border-radius: 9px;
        font-size: 13px;
        font-weight: 500;
        cursor: pointer;
        transition: background 0.15s, color 0.15s;
    }
    .ai-inventory .ai-inv-tab:hover {
        color: var(--gray-800);
        background: color-mix(in srgb, var(--primary) 8%, transparent);
    }
    .ai-inventory .ai-inv-tab.active {
        background: var(--surface);
        color: var(--primary);
        box-shadow: 0 1px 4px rgba(15, 23, 42, 0.12);
    }
    .ai-inventory .ai-inv-kpi {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
    }
    .ai-inventory .ai-inv-kpi .ml-badge {
        display: inline-block;
        padding: 4px 10px;
        border-radius: 999px;
        font-size: 12px;
        font-weight: 600;
        background: color-mix(in srgb, var(--primary) 12%, transparent);
        color: var(--primary);
        border: 1px solid color-mix(in srgb, var(--primary) 22%, var(--border));
    }
    .ai-inventory .ai-inv-filters {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 14px;
        align-items: center;
    }
    .ai-inventory .ai-inv-filters input,
    .ai-inventory .ai-inv-filters select {
        min-width: 150px;
        padding: 8px 12px;
        border: 2px solid var(--gray-200);
        border-radius: 8px;
        font-size: 14px;
        background: var(--input-bg);
        color: var(--gray-800);
    }
    .ai-inventory .ai-inv-filters input:focus,
    .ai-inventory .ai-inv-filters select:focus {
        outline: none;
        border-color: var(--primary);
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }
    /* Таблица — как secrets-table */
    .ai-inventory .ai-inv-table-wrap {
        border: 1px solid var(--border);
        border-radius: 12px;
        overflow-x: auto;
        background: var(--surface);
    }
    .ai-inventory .ai-inv-table {
        width: 100%;
        min-width: 720px;
        border-collapse: separate;
        border-spacing: 0;
    }
    .ai-inventory .ai-inv-table thead th {
        background: var(--bg-secondary);
        color: var(--gray-700);
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        padding: 12px 14px;
        border-bottom: 1px solid var(--border);
        white-space: nowrap;
        text-align: left;
    }
    .ai-inventory .ai-inv-table tbody td {
        padding: 10px 12px;
        border-bottom: 1px solid var(--border);
        vertical-align: middle;
        color: var(--gray-800);
        font-size: 13px;
    }
    .ai-inventory .ai-inv-table tbody td.ai-inv-col-actions {
        width: 1%;
        white-space: nowrap;
        padding: 6px 8px;
    }
    .ai-inventory .ai-inv-table thead th.ai-inv-col-actions {
        width: 1%;
        white-space: nowrap;
        padding: 10px 8px;
        text-align: center;
    }
    .ai-inventory .ai-inv-table tbody tr:last-child td {
        border-bottom: none;
    }
    .ai-inventory .ai-inv-table tbody tr:hover {
        background: var(--bg-secondary);
    }
    .ai-inventory .ai-inv-panel-head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        margin-bottom: 12px;
        flex-wrap: wrap;
    }
    .ai-inventory .ai-inv-panel-head h3 {
        margin: 0;
        font-size: 16px;
        font-weight: 600;
    }
    .ai-inventory .ai-inv-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 14px;
    }
    .ai-inventory .ai-inv-actions .btn .ai-inv-btn-ico {
        margin-right: 4px;
        opacity: 0.92;
    }
    .ai-inventory .ai-inv-name-link {
        background: none;
        border: none;
        padding: 0;
        font: inherit;
        font-weight: 600;
        color: var(--primary);
        cursor: pointer;
        text-align: left;
        text-decoration: none;
    }
    .ai-inventory .ai-inv-name-link:hover {
        text-decoration: underline;
    }
    .ai-inventory .ai-inv-row-actions {
        display: inline-flex;
        flex-wrap: nowrap;
        gap: 2px;
        align-items: center;
        justify-content: flex-end;
    }
    .ai-inventory .ai-inv-icon-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 26px;
        height: 26px;
        padding: 0;
        border: 1px solid var(--border);
        border-radius: 6px;
        background: var(--surface);
        cursor: pointer;
        font-size: 12px;
        line-height: 1;
        color: var(--gray-700);
        transition: background 0.12s, border-color 0.12s, color 0.12s;
    }
    .ai-inventory .ai-inv-icon-btn svg {
        width: 14px;
        height: 14px;
        stroke: currentColor;
        fill: none;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        pointer-events: none;
    }
    .ai-inventory .ai-inv-icon-btn:hover {
        background: color-mix(in srgb, var(--primary) 8%, var(--surface));
        border-color: color-mix(in srgb, var(--primary) 35%, var(--border));
        color: var(--primary);
    }
    .ai-inventory .ai-inv-icon-btn.danger:hover {
        background: color-mix(in srgb, var(--danger) 10%, var(--surface));
        border-color: color-mix(in srgb, var(--danger) 40%, var(--border));
        color: var(--danger);
    }
    .ai-inventory .ai-inv-row-menu-wrap {
        position: relative;
        display: inline-flex;
    }
    .ai-inventory .ai-inv-row-menu,
    .ai-inventory .ai-inv-row-menu-float {
        display: none;
        min-width: 168px;
        padding: 4px;
        border: 1px solid var(--border);
        border-radius: 8px;
        background: var(--surface);
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
    }
    .ai-inventory .ai-inv-row-menu {
        position: absolute;
        right: 0;
        top: calc(100% + 4px);
        z-index: 30;
    }
    .ai-inventory .ai-inv-row-menu-float {
        position: fixed;
        z-index: 10050;
    }
    .ai-inventory .ai-inv-row-menu.open,
    .ai-inventory .ai-inv-row-menu-float.open {
        display: block;
    }
    .ai-inventory .ai-inv-row-menu-item {
        display: flex;
        align-items: center;
        gap: 8px;
        width: 100%;
        padding: 7px 10px;
        border: none;
        border-radius: 6px;
        background: transparent;
        color: var(--gray-800);
        font-size: 12px;
        text-align: left;
        cursor: pointer;
        white-space: nowrap;
    }
    .ai-inventory .ai-inv-row-menu-item:hover {
        background: color-mix(in srgb, var(--primary) 8%, var(--surface));
        color: var(--primary);
    }
    .ai-inventory .ai-inv-row-menu-item.danger {
        color: var(--danger);
    }
    .ai-inventory .ai-inv-row-menu-item.danger:hover {
        background: color-mix(in srgb, var(--danger) 8%, var(--surface));
    }
    .ai-inventory .ai-inv-row-menu-item .ico {
        width: 16px;
        text-align: center;
        flex-shrink: 0;
        opacity: 0.85;
    }
    /* Карточка объекта */
    .ai-inventory .ai-inv-item-card {
        display: flex;
        flex-direction: column;
        gap: 14px;
    }
    .ai-inventory .ai-inv-item-card-head {
        display: flex;
        align-items: flex-start;
        gap: 12px;
    }
    .ai-inventory .ai-inv-item-type-badge {
        flex-shrink: 0;
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
        border-radius: 12px;
        background: color-mix(in srgb, var(--primary) 10%, var(--surface));
        border: 1px solid color-mix(in srgb, var(--primary) 18%, var(--border));
    }
    .ai-inventory .ai-inv-item-card-title {
        flex: 1;
        min-width: 0;
    }
    .ai-inventory .ai-inv-item-card-title h3 {
        margin: 0 0 4px;
        font-size: 1.15rem;
        font-weight: 700;
        color: var(--gray-900);
        line-height: 1.3;
        word-break: break-word;
    }
    .ai-inventory .ai-inv-item-card-sub {
        font-size: 12px;
        color: var(--gray-600);
    }
    .ai-inventory .ai-inv-item-card-head .status-badge {
        flex-shrink: 0;
        align-self: flex-start;
        white-space: nowrap;
    }
    .ai-inventory .ai-inv-item-card-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        gap: 10px;
    }
    .ai-inventory .ai-inv-meta {
        padding: 10px 12px;
        border-radius: 10px;
        background: var(--bg-secondary);
        border: 1px solid var(--border);
        min-height: 52px;
    }
    .ai-inventory .ai-inv-meta-label {
        display: block;
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: var(--gray-500);
        margin-bottom: 4px;
    }
    .ai-inventory .ai-inv-meta-val {
        display: block;
        font-size: 13px;
        font-weight: 500;
        color: var(--gray-800, var(--text-primary, #1e293b));
        word-break: break-word;
    }
    .ai-inventory .ai-inv-meta-wide {
        grid-column: 1 / -1;
    }
    .ai-inventory .ai-inv-qa-section {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-top: 2px;
    }
    .ai-inventory .ai-inv-qa-section-title {
        margin: 0;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: var(--gray-500);
    }
    .ai-inventory .ai-inv-qa-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
        gap: 8px;
    }
    .ai-inventory .ai-inv-qa-btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 6px;
        min-height: 68px;
        padding: 10px 8px;
        border: 1px solid var(--border);
        border-radius: 10px;
        background: var(--surface);
        cursor: pointer;
        font-size: 11px;
        font-weight: 600;
        color: var(--gray-700);
        text-align: center;
        line-height: 1.2;
        transition: background 0.12s, border-color 0.12s, transform 0.08s;
    }
    .ai-inventory .ai-inv-qa-btn:hover {
        background: color-mix(in srgb, var(--primary) 7%, var(--surface));
        border-color: color-mix(in srgb, var(--primary) 30%, var(--border));
    }
    .ai-inventory .ai-inv-qa-btn .ico {
        font-size: 20px;
        line-height: 1;
    }
    .ai-inventory .ai-inv-qa-btn.danger {
        color: var(--danger);
    }
    .ai-inventory .ai-inv-qa-btn.danger:hover {
        background: color-mix(in srgb, var(--danger) 8%, var(--surface));
        border-color: color-mix(in srgb, var(--danger) 35%, var(--border));
    }
    .ai-inventory .ai-inv-card-foot {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-end;
        padding-top: 4px;
        border-top: 1px solid var(--border);
    }
    #ai-card-modal {
        max-width: 680px;
    }
    #aiCardBody {
        padding-top: 4px;
    }
    #aiScanModal .modal-content {
        max-width: 680px;
    }
    #aiScanResult .ai-inv-item-card {
        margin-top: 12px;
    }
    .ai-inventory .ai-inv-lbl-preview-outer {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 160px;
        padding: 14px;
        background: var(--bg-secondary);
        border-radius: 10px;
        border: 1px solid var(--border);
    }
    .ai-inventory .ai-inv-lbl-preview-inner {
        border: 1px dashed var(--gray-400);
        background: #fff;
        color: #111;
        font-size: 9px;
        overflow: hidden;
        box-sizing: border-box;
        flex-shrink: 0;
    }
    .ai-inventory .ai-inv-lbl-ph {
        background: #eef2ff;
        color: #4338ca;
        padding: 1px 4px;
        border-radius: 3px;
        font-family: monospace;
        font-size: 8px;
    }
    .ai-inventory .ai-inv-lbl-bar {
        height: 14px;
        background: repeating-linear-gradient(90deg, #111 0 2px, transparent 2px 4px);
        margin-bottom: 2px;
    }
    .ai-inventory .ai-inv-lbl-qr {
        display: inline-block;
        width: 32px;
        height: 32px;
        border: 1px solid #ccc;
        background: #f8fafc;
        font-size: 8px;
        line-height: 32px;
        text-align: center;
        color: #64748b;
    }
    .ai-inventory .ai-inv-edit-hint {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 14px;
        padding: 10px 12px;
        border-radius: 10px;
        background: var(--bg-secondary);
        border: 1px solid var(--border);
        font-size: 12px;
        color: var(--gray-600);
    }
    .ai-inventory .ai-inv-edit-hint strong {
        color: var(--gray-800);
    }
    .ai-inventory .ai-inv-dash-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 12px;
    }
    .ai-inventory .ai-inv-dash-kpi-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        gap: 10px;
        margin-bottom: 14px;
        align-items: stretch;
    }
    .ai-inventory .ai-inv-dash-kpi {
        padding: 12px 14px;
        border: 1px solid var(--border);
        border-radius: 12px;
        background: var(--surface);
        min-height: 112px;
        height: 100%;
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 6px;
        overflow: hidden;
        box-sizing: border-box;
    }
    .ai-inventory .ai-inv-dash-kpi-top {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 8px;
        flex-shrink: 0;
        min-width: 0;
    }
    .ai-inventory .ai-inv-dash-kpi-label {
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: var(--gray-500);
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 1.3;
    }
    .ai-inventory .ai-inv-dash-kpi-ico {
        font-size: 16px;
        line-height: 1;
        opacity: 0.9;
        flex-shrink: 0;
    }
    .ai-inventory .ai-inv-dash-kpi-val {
        flex: 1 1 auto;
        display: flex;
        align-items: center;
        min-width: 0;
        max-width: 100%;
        font-size: clamp(0.92rem, 1.6vw, 1.3rem);
        font-weight: 700;
        font-variant-numeric: tabular-nums;
        color: var(--gray-900);
        line-height: 1.15;
        overflow-wrap: anywhere;
        word-break: break-word;
    }
    .ai-inventory .ai-inv-dash-kpi-note {
        margin: 0;
        margin-top: auto;
        font-size: 11px;
        color: var(--gray-600);
        line-height: 1.35;
        min-height: 2.7em;
        max-height: 2.7em;
        overflow: hidden;
        display: -webkit-box;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        flex-shrink: 0;
    }
    .ai-inventory .ai-inv-dash-kpi.warn {
        border-color: color-mix(in srgb, var(--warning, #f59e0b) 35%, var(--border));
        background: color-mix(in srgb, var(--warning, #f59e0b) 6%, var(--surface));
    }
    .ai-inventory .ai-inv-dash-kpi.danger {
        border-color: color-mix(in srgb, var(--danger) 35%, var(--border));
        background: color-mix(in srgb, var(--danger) 6%, var(--surface));
    }
    .ai-inventory .ai-inv-dash-list {
        display: flex;
        flex-direction: column;
        gap: 0;
        max-height: 260px;
        overflow-y: auto;
        font-size: 13px;
    }
    .ai-inventory .ai-inv-dash-list-item {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
        padding: 8px 0;
        border-bottom: 1px solid var(--border);
    }
    .ai-inventory .ai-inv-dash-list-item:last-child {
        border-bottom: none;
    }
    .ai-inventory .ai-inv-dash-list-item button.ai-inv-name-link {
        font-size: 13px;
        font-weight: 600;
    }
    .ai-inventory .ai-inv-dash-list-meta {
        font-size: 11px;
        color: var(--gray-600);
        margin-top: 2px;
    }
    .ai-inventory .ai-inv-tx-main {
        min-width: 0;
        flex: 1 1 auto;
    }
    .ai-inventory .ai-inv-tx-details-wrap {
        margin-top: 8px;
    }
    .ai-inventory .ai-inv-tx-details-toggle {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.2;
    }
    .ai-inventory .ai-inv-tx-details {
        margin-top: 8px;
        padding: 10px 12px;
        border: 1px solid var(--border);
        border-radius: 10px;
        background: color-mix(in srgb, var(--bg-secondary) 70%, var(--surface));
    }
    .ai-inventory .ai-inv-tx-details-grid {
        display: grid;
        grid-template-columns: minmax(110px, 140px) minmax(0, 1fr);
        gap: 6px 12px;
        align-items: start;
        font-size: 12px;
        line-height: 1.4;
    }
    .ai-inventory .ai-inv-tx-details-label {
        color: var(--gray-600);
        font-weight: 600;
    }
    .ai-inventory .ai-inv-tx-details-value {
        color: var(--gray-800);
        min-width: 0;
        word-break: break-word;
        white-space: pre-wrap;
    }
    .ai-inventory .ai-inv-dash-list-badge {
        flex-shrink: 0;
        font-size: 11px;
        font-weight: 700;
        padding: 2px 8px;
        border-radius: 999px;
        background: var(--bg-secondary);
        color: var(--gray-700);
        white-space: nowrap;
    }
    .ai-inventory .ai-inv-dash-list-badge.warn {
        background: color-mix(in srgb, var(--warning, #f59e0b) 15%, var(--bg-secondary));
        color: #b45309;
    }
    .ai-inventory .ai-inv-dash-list-badge.danger {
        background: color-mix(in srgb, var(--danger) 12%, var(--bg-secondary));
        color: var(--danger);
    }
    .ai-inventory .ai-inv-dash-list-badge.pos {
        background: color-mix(in srgb, var(--success, #22c55e) 12%, var(--bg-secondary));
        color: #15803d;
    }
    @media (max-width: 720px) {
        .ai-inventory .ai-inv-tx-details-grid {
            grid-template-columns: 1fr;
            gap: 4px;
        }
        .ai-inventory .ai-inv-tx-details-label {
            margin-top: 4px;
        }
    }
    .ai-inventory .ai-inv-panel {
        border: 1px solid var(--border);
        border-radius: 12px;
        background: var(--surface);
        padding: 14px;
    }
    .ai-inventory .ai-inv-panel h4 {
        margin: 0 0 12px;
        font-size: 0.95rem;
        font-weight: 600;
        color: var(--gray-900);
    }
    .ai-inventory .ai-inv-chart-wrap {
        position: relative;
        height: 220px;
        min-height: 180px;
    }
    .ai-inventory .ai-inv-quick-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-top: 10px;
    }
    .ai-inventory .ai-inv-basis-block {
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px dashed var(--border);
    }
    .ai-inventory .ai-inv-basis-hint {
        font-size: 12px;
        color: var(--gray-600);
        margin: 0 0 8px;
    }
    .ai-inventory .ai-inv-builder-field {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 6px 8px;
        margin: 2px 0;
        border: 1px solid var(--border);
        border-radius: 6px;
        cursor: pointer;
        font-size: 12px;
        background: var(--surface);
        transition: background 0.12s;
    }
    .ai-inventory .ai-inv-builder-field:hover {
        background: color-mix(in srgb, var(--primary) 6%, var(--surface));
    }
    .ai-inventory .ai-inv-builder-field.on {
        background: color-mix(in srgb, var(--primary) 8%, var(--surface));
    }
    .ai-inventory .ai-inv-builder-field .toggle {
        margin-left: auto;
        width: 18px;
        height: 18px;
        border-radius: 4px;
        border: 2px solid var(--gray-300);
        flex-shrink: 0;
    }
    .ai-inventory .ai-inv-builder-field.on .toggle {
        background: var(--primary);
        border-color: var(--primary);
    }
    .ai-inventory .ai-inv-pagination {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 12px;
        font-size: 13px;
        color: var(--gray-600);
    }
    #ai-tpl-editor-modal .modal-content {
        max-width: 960px;
    }
    .ai-inventory .ai-inv-layout-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 12px;
        margin-top: 8px;
    }
    .ai-inventory .ai-inv-layout-table th,
    .ai-inventory .ai-inv-layout-table td {
        border-bottom: 1px solid var(--border);
        padding: 6px 4px;
        text-align: left;
        vertical-align: middle;
    }
    .ai-inventory .ai-inv-layout-table th {
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: var(--gray-500);
    }
    .ai-inventory .ai-inv-layout-table input,
    .ai-inventory .ai-inv-layout-table select {
        width: 100%;
        min-width: 0;
        padding: 4px 6px;
        font-size: 12px;
        border: 1px solid var(--border);
        border-radius: 6px;
        background: var(--input-bg, var(--surface));
        color: var(--gray-800);
    }
    .ai-inventory .ai-inv-layout-table input[type="checkbox"] {
        width: auto;
    }
    .ai-inventory .ai-inv-lbl-preview-field {
        position: absolute;
        overflow: hidden;
        box-sizing: border-box;
        border: 1px dashed color-mix(in srgb, var(--primary) 25%, transparent);
        background: color-mix(in srgb, var(--primary) 4%, #fff);
        font-size: 8px;
        line-height: 1.2;
        color: #111;
    }
    #ai-edit-modal .modal-content {
        max-width: 760px;
    }
    .ai-inventory .ai-csv-progress {
        margin: 12px 0 4px;
    }
    .ai-inventory .ai-csv-progress-bar {
        height: 8px;
        border-radius: 999px;
        background: var(--bg-secondary);
        border: 1px solid var(--border);
        overflow: hidden;
    }
    .ai-inventory .ai-csv-progress-bar > span {
        display: block;
        height: 100%;
        background: var(--primary);
        transition: width 0.35s ease;
    }
    .ai-inventory .ai-csv-progress-text {
        font-size: 12px;
        color: var(--gray-600);
        margin: 6px 0 0;
    }
    @media (max-width: 768px) {
        .ai-inventory .ai-inv-filters input,
        .ai-inventory .ai-inv-filters select {
            flex: 1 1 100%;
            min-width: 0;
        }
    }
</style>
{% endblock %}

{% block content %}
<div class="card ai-inventory">
    <div class="toolbar" style="margin-bottom: 12px;">
        <div>
            <h2 style="margin: 0;">Инвентаризация</h2>
            <div class="text-muted">Учёт оборудования, запасных частей, расходных материалов и инструментов</div>
        </div>
        <div class="ai-inv-kpi">
            <span class="ml-badge" id="aiStatTotal">Всего: …</span>
            <span class="ml-badge" id="aiStatStock">На складе: …</span>
            <span class="ml-badge" id="aiStatActive">В экспл.: …</span>
            <span class="ml-badge" id="aiStatRepair">В ремонте: …</span>
        </div>
    </div>

    <nav class="ai-inv-tabs" role="tablist" aria-label="Разделы инвентаризации">
        <button type="button" class="ai-inv-tab active" data-panel="items" onclick="aiSwitchPanel('items')">Объекты</button>
        <button type="button" class="ai-inv-tab" data-panel="dashboard" onclick="aiSwitchPanel('dashboard')">Сводка</button>
        <button type="button" class="ai-inv-tab" data-panel="categories" onclick="aiSwitchPanel('categories')">Категории</button>
    </nav>

    <section id="aiPanelItems">
        <div class="ai-inv-actions">
            {% if can_write %}<button type="button" class="btn btn-primary btn-sm" onclick="aiOpenEdit()">Добавить</button>{% endif %}
            {% if can_write %}<button type="button" class="btn btn-secondary btn-sm" onclick="aiOpenBulk()">Массовые операции</button>{% endif %}
            <button type="button" class="btn btn-secondary btn-sm" onclick="aiOpenScan()">Сканировать</button>
            {% if can_print %}<button type="button" class="btn btn-secondary btn-sm" onclick="aiOpenPrint()">Печать</button>{% endif %}
            {% if can_templates %}<button type="button" class="btn btn-secondary btn-sm" onclick="aiOpenTemplates()">Шаблоны</button>{% endif %}
            {% if can_import %}<button type="button" class="btn btn-secondary btn-sm" onclick="aiOpenImport()">Импорт</button>{% endif %}
            {% if can_import %}<button type="button" class="btn btn-secondary btn-sm" onclick="aiExportCsv()">Экспорт</button>{% endif %}
            {% if can_import %}<button type="button" class="btn btn-secondary btn-sm" onclick="aiExportTransactionsCsv()">Операции</button>{% endif %}
            {% if can_logs %}<button type="button" class="btn btn-secondary btn-sm" onclick="aiOpenLogs()">Логи</button>{% endif %}
            {% if can_manage_settings %}<button type="button" class="btn btn-secondary btn-sm" onclick="aiOpenPrintSettings()">CUPS</button>{% endif %}
        </div>
        <div class="ai-inv-filters">
            <input type="text" id="aiSearch" placeholder="Поиск…" oninput="aiLoadItems()">
            <select id="aiFilterType" onchange="aiLoadItems()">
                <option value="">Все типы</option>
                <option value="equipment">Техника</option>
                <option value="spare_part">Запчасти</option>
                <option value="consumable">Расходные</option>
                <option value="tool">Инструменты</option>
                <option value="other">Прочее</option>
            </select>
            <select id="aiFilterCategory" onchange="aiLoadItems()"><option value="">Все категории</option></select>
            <select id="aiFilterStatus" onchange="aiLoadItems()">
                <option value="">Все статусы</option>
                <option value="in_stock">На складе</option>
                <option value="active">В эксплуатации</option>
                <option value="in_repair">В ремонте</option>
                <option value="written_off">Списан</option>
                <option value="lost">Утерян</option>
            </select>
            <button type="button" class="btn btn-sm btn-secondary" onclick="aiResetFilters()">Сброс</button>
        </div>
        <div class="ai-inv-table-wrap awm-list-scroll" style="max-height: min(70vh, 720px);">
            <table class="ai-inv-table">
                <thead>
                    <tr>
                        <th style="width: 36px;"><input type="checkbox" id="aiSelectAll" onchange="aiToggleAll(this.checked)"></th>
                        <th>Тип</th>
                        <th>Название</th>
                        <th>Категория</th>
                        <th>Инв. №</th>
                        <th>Статус</th>
                        <th>Место</th>
                        <th>Кол-во</th>
                        <th class="ai-inv-col-actions">Действия</th>
                    </tr>
                </thead>
                <tbody id="aiTableBody"><tr><td colspan="9" class="empty-state">Загрузка…</td></tr></tbody>
            </table>
        </div>
        <div class="ai-inv-pagination">
            <span id="aiPageInfo">0 объектов</span>
            <div style="display: flex; gap: 6px;">
                <button type="button" class="btn btn-sm btn-secondary" onclick="aiPrevPage()">← Назад</button>
                <button type="button" class="btn btn-sm btn-secondary" onclick="aiNextPage()">Вперёд →</button>
            </div>
        </div>
    </section>

    <section id="aiPanelDashboard" hidden>
        <div class="ai-inv-panel-head" style="margin-bottom:10px;">
            <h3 style="margin:0;">Сводка</h3>
            <button type="button" class="btn btn-secondary btn-sm" onclick="aiOpenDashboardPdfModal('full')">PDF дашборда</button>
        </div>
        <div class="ai-inv-dash-kpi-grid" id="aiDashKpi"></div>
        <div class="ai-inv-dash-grid">
            <div class="ai-inv-panel"><h4>Распределение по статусу</h4><div class="ai-inv-chart-wrap"><canvas id="aiChartStatus"></canvas></div></div>
            <div class="ai-inv-panel"><h4>Распределение по типу</h4><div class="ai-inv-chart-wrap"><canvas id="aiChartType"></canvas></div></div>
            <div class="ai-inv-panel"><h4>Топ категорий</h4><div class="ai-inv-chart-wrap"><canvas id="aiChartCategory"></canvas></div></div>
            <div class="ai-inv-panel"><h4>Топ местоположений</h4><div class="ai-inv-chart-wrap"><canvas id="aiChartLocation"></canvas></div></div>
        </div>
        <div class="ai-inv-dash-grid" style="margin-top: 12px;">
            <div class="ai-inv-panel">
                <div class="ai-inv-panel-head" style="margin-bottom:8px;">
                    <h4 style="margin:0;">Низкий остаток <span id="aiLowStockCount" class="text-muted" style="font-weight:400;font-size:12px;"></span></h4>
                    <button type="button" class="btn btn-secondary btn-sm" onclick="aiOpenDashboardPdfModal('low_stock')">PDF</button>
                </div>
                <div id="aiLowStock" class="ai-inv-dash-list">—</div>
            </div>
            <div class="ai-inv-panel">
                <div class="ai-inv-panel-head" style="margin-bottom:8px;">
                    <h4 style="margin:0;">Гарантия истекает (30 дней)</h4>
                    <button type="button" class="btn btn-secondary btn-sm" onclick="aiOpenDashboardPdfModal('warranty')">PDF</button>
                </div>
                <div id="aiWarrantyExpiring" class="ai-inv-dash-list">—</div>
            </div>
            <div class="ai-inv-panel">
                <div class="ai-inv-panel-head" style="margin-bottom:8px;">
                    <h4 style="margin:0;">Последние операции</h4>
                    <button type="button" class="btn btn-secondary btn-sm" onclick="aiOpenDashboardPdfModal('recent_ops')">PDF</button>
                </div>
                <div id="aiRecentTx" class="ai-inv-dash-list">—</div>
            </div>
        </div>
    </section>

    <section id="aiPanelCategories" hidden>
        <div class="ai-inv-panel-head">
            <h3>Категории</h3>
            {% if can_categories %}<button type="button" class="btn btn-primary btn-sm" onclick="aiOpenCategory()">+ Категория</button>{% endif %}
        </div>
        <div class="ai-inv-table-wrap">
            <table class="ai-inv-table">
                <thead>
                    <tr>
                        <th>Иконка</th>
                        <th>Название</th>
                        <th>Родитель</th>
                        <th>Описание</th>
                        {% if can_categories %}<th>Действия</th>{% endif %}
                    </tr>
                </thead>
                <tbody id="aiCatBody"><tr><td colspan="5" class="empty-state">Загрузка…</td></tr></tbody>
            </table>
        </div>
    </section>
</div>

<!-- Модальные окна (обёртка .ai-inventory — стили карточки и конструктора) -->
<div class="ai-inventory ai-inv-overlays">
<div id="aiRowMenuFloat" class="ai-inv-row-menu-float" role="menu" aria-hidden="true"></div>
<div id="aiCardModal" class="modal">
    <div class="modal-content" id="ai-card-modal">
        <div class="modal-header">
            <h3>Карточка объекта</h3>
            <button type="button" class="close-btn" onclick="aiCloseCard()">&times;</button>
        </div>
        <div id="aiCardBody"></div>
    </div>
</div>

<div id="aiEditModal" class="modal">
    <div class="modal-content" id="ai-edit-modal">
        <div class="modal-header">
            <h3 id="aiEditTitle">Добавить объект</h3>
            <button type="button" class="close-btn" onclick="aiCloseEdit()">&times;</button>
        </div>
        <form id="aiEditForm" onsubmit="aiSaveItem(event)">
            <input type="hidden" id="aiEditId">
            <div id="aiEditItemHint" class="ai-inv-edit-hint" hidden></div>
            <div class="form-row">
                <div class="form-group"><label>Название *</label><input type="text" id="aiEditName" required></div>
                <div class="form-group"><label>Тип</label>
                    <select id="aiEditType">
                        <option value="equipment">Техника</option>
                        <option value="spare_part">Запчасть</option>
                        <option value="consumable">Расходный</option>
                        <option value="tool">Инструмент</option>
                        <option value="other">Прочее</option>
                    </select>
                </div>
            </div>
            <div class="form-row">
                <div class="form-group"><label>Категория</label><select id="aiEditCategory"><option value="">Без категории</option></select></div>
                <div class="form-group"><label>Статус</label>
                    <select id="aiEditStatus">
                        <option value="in_stock">На складе</option>
                        <option value="active">В эксплуатации</option>
                        <option value="in_repair">В ремонте</option>
                        <option value="written_off">Списан</option>
                        <option value="lost">Утерян</option>
                    </select>
                </div>
            </div>
            <div class="form-row">
                <div class="form-group"><label>Инв. номер</label><input type="text" id="aiEditInvNum"></div>
                <div class="form-group"><label>Серийный номер</label><input type="text" id="aiEditSerial"></div>
            </div>
            <div class="form-row">
                <div class="form-group"><label>Штрих-код</label><input type="text" id="aiEditBarcode"></div>
                <div class="form-group"><label>Местоположение</label><input type="text" id="aiEditLocation"></div>
            </div>
            <div class="form-row">
                <div class="form-group"><label>Производитель</label><input type="text" id="aiEditManufacturer"></div>
                <div class="form-group"><label>Модель</label><input type="text" id="aiEditModel"></div>
            </div>
            <div class="form-row">
                <div class="form-group"><label>Количество</label><input type="number" id="aiEditQty" value="1" min="0"></div>
                <div class="form-group"><label>Ед. изм. / мин. остаток</label>
                    <div style="display: flex; gap: 8px;">
                        <input type="text" id="aiEditUnit" value="шт" style="width: 72px;">
                        <input type="number" id="aiEditMinQty" placeholder="мин." min="0" style="flex: 1;">
                    </div>
                </div>
            </div>
            <div class="form-row">
                <div class="form-group"><label>Цена закупки, ₽</label><input type="number" id="aiEditPurchasePrice" min="0" step="0.01" placeholder="0"></div>
                <div class="form-group"><label>Текущая стоимость, ₽</label><input type="number" id="aiEditCurrentValue" min="0" step="0.01" placeholder="0"></div>
            </div>
            <div class="form-row">
                <div class="form-group"><label>Дата закупки</label><input type="date" id="aiEditPurchaseDate"></div>
                <div class="form-group"><label>Гарантия до</label><input type="date" id="aiEditWarrantyEnd"></div>
            </div>
            <div class="form-group"><label>Ответственный</label><input type="text" id="aiEditResponsible"></div>
            <div class="form-group"><label>Описание</label><textarea id="aiEditDesc" rows="2"></textarea></div>
            <div class="form-group"><label>Примечания</label><textarea id="aiEditNotes" rows="2"></textarea></div>
            <div class="form-group">
                <label>Фото / рисунок</label>
                <input type="file" id="aiEditPhotoInput" accept="image/png,image/jpeg,image/webp">
                <div id="aiEditPhotoPreview" style="margin-top:8px;"></div>
            </div>
            <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:-2px;margin-bottom:12px;">
                {% if can_write %}
                <button type="button" class="btn btn-secondary btn-sm" id="aiEditPhotoUploadBtn" onclick="aiUploadItemPhoto()">Загрузить фото</button>
                {% else %}
                <button type="button" class="btn btn-secondary btn-sm" disabled title="Нет права на изменение">Загрузить фото</button>
                {% endif %}
            </div>
            <div id="aiEditBasisBlock" class="ai-inv-basis-block" style="display: none;">
                <p class="ai-inv-basis-hint">При изменении укажите номер документа-основания и/или комментарий.</p>
                <div class="form-row">
                    <div class="form-group"><label>№ документа</label><input type="text" id="aiEditDocNum" placeholder="Приказ, накладная…"></div>
                    <div class="form-group"><label>Дата документа</label><input type="date" id="aiEditDocDate"></div>
                </div>
                <div class="form-group"><label>Комментарий</label><textarea id="aiEditActionNotes" rows="2" placeholder="Причина или пояснение"></textarea></div>
            </div>
            <div class="form-actions">
                {% if can_delete %}<button type="button" class="btn btn-danger" id="aiDeleteBtn" style="display: none; margin-right: auto;" onclick="aiDeleteItem()">Удалить</button>{% endif %}
                <button type="button" class="btn btn-secondary" onclick="aiCloseEdit()">Отмена</button>
                <button type="submit" class="btn btn-primary">Сохранить</button>
            </div>
        </form>
    </div>
</div>

<div id="aiImportModal" class="modal">
    <div class="modal-content">
        <div class="modal-header"><h3 id="aiImportTitle">Импорт CSV</h3><button type="button" class="close-btn" onclick="aiCloseImport()">&times;</button></div>
        <div id="aiImportModeBlock" class="form-group">
            <label>Что импортировать</label>
            <select id="aiImportMode" onchange="aiState.importMode=this.value; aiUpdateImportModalUi()">
                <option value="items">Объекты (карточки)</option>
                <option value="transactions">Операции (приход, выдача…)</option>
            </select>
        </div>
        <p id="aiImportHint" class="text-muted">Загрузите CSV-файл. <a id="aiImportTemplateLink" href="/api/asset-inventory/import/template" download>Скачать шаблон</a></p>
        <div class="form-group"><label>Файл CSV</label><input type="file" id="aiImportFile" accept=".csv,text/csv"></div>
        <div id="aiImportItemsBlock">
            <label style="display: flex; align-items: center; gap: 8px; font-size: 13px; margin-bottom: 12px;">
                <input type="checkbox" id="aiImportUpdate"> Обновлять существующие по инв. номеру
            </label>
        </div>
        <div id="aiImportTxBlock" hidden>
            <label style="display: flex; align-items: center; gap: 8px; font-size: 13px; margin-bottom: 12px;">
                <input type="checkbox" id="aiImportApplyQty"> Пересчитать количество по приходам/выдачам
            </label>
            <p class="text-muted" style="font-size:12px;margin:0 0 12px;">Строки привязываются к объекту по <code>inventory_number</code>. Типы: <code>receipt</code> (приход), <code>issue</code> (выдача/расход), <code>transfer</code>, <code>writeoff</code> и др. Обязательны <code>doc_number</code> и/или <code>notes</code>.</p>
        </div>
        <div id="aiImportProgress" class="ai-csv-progress" hidden>
            <div class="ai-csv-progress-bar" role="progressbar" aria-valuemin="0" aria-valuemax="100">
                <span id="aiImportProgressFill" style="width:0%"></span>
            </div>
            <p id="aiImportProgressText" class="ai-csv-progress-text">Подготовка…</p>
        </div>
        <div id="aiImportResult" style="font-size: 13px; margin-bottom: 12px;"></div>
        <div class="form-actions">
            <button type="button" class="btn btn-secondary" onclick="aiCloseImport()">Отмена</button>
            <button type="button" class="btn btn-primary" id="aiImportSubmitBtn" onclick="aiDoImport()">Импортировать</button>
        </div>
    </div>
</div>

<div id="aiCsvExportModal" class="modal">
    <div class="modal-content" style="max-width:420px;">
        <div class="modal-header"><h3 id="aiCsvExportTitle">Экспорт CSV</h3><button type="button" class="close-btn" onclick="aiCloseCsvExport()">&times;</button></div>
        <p class="text-muted" style="font-size:13px;margin:0 0 8px;">Формирование файла в фоне. При настроенном Celery — на воркере; иначе на сервере приложения (с предупреждением).</p>
        <div id="aiCsvExportProgress" class="ai-csv-progress">
            <div class="ai-csv-progress-bar" role="progressbar" aria-valuemin="0" aria-valuemax="100">
                <span id="aiCsvExportProgressFill" style="width:0%"></span>
            </div>
            <p id="aiCsvExportProgressText" class="ai-csv-progress-text">Подготовка…</p>
        </div>
        <div class="form-actions">
            <button type="button" class="btn btn-secondary" onclick="aiCloseCsvExport()">Закрыть</button>
        </div>
    </div>
</div>

<div id="aiPrintModal" class="modal">
    <div class="modal-content">
        <div class="modal-header"><h3>Печать этикеток</h3><button type="button" class="close-btn" onclick="aiClosePrint()">&times;</button></div>
        <div class="form-group"><label>Шаблон</label><select id="aiPrintTemplate"><option value="">По умолчанию</option></select></div>
        <div class="form-group"><label>Режим печати</label>
            <select id="aiPrintMode">
                <option value="thermal">Термопринтер (по одной этикетке)</option>
                <option value="a4_sheet">Лист A4 (сетка этикеток)</option>
            </select>
        </div>
        <div class="form-group"><label>Копий на объект</label><input type="number" id="aiPrintCopies" value="1" min="1" max="100"></div>
        <div id="aiPrintDeliveryBlock" class="form-group" style="display: none;">
            <label>Способ печати</label>
            <select id="aiPrintDelivery" onchange="aiPrintDeliveryChanged()">
                <option value="cups">CUPS (напрямую на принтер)</option>
                <option value="browser">PDF в браузере</option>
            </select>
        </div>
        <div id="aiPrintPrinterBlock" class="form-group" style="display: none;">
            <label>CUPS-принтер</label>
            <select id="aiPrintPrinter" onchange="aiPrintPrinterChanged()"><option value="">— выберите —</option></select>
            <label style="display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;font-weight:normal;">
                <input type="checkbox" id="aiPrintInvertBitmap">
                Инвертировать цвета (TSPL)
            </label>
            <p class="text-muted" style="font-size:11px;margin:4px 0 0;">По умолчанию выключено. Включите, если этикетка печатается «негативом».</p>
        </div>
        <p id="aiPrintHint" class="text-muted" style="font-size: 12px; margin: 0 0 12px;"></p>
        <div id="aiPrintPreview" style="margin: 12px 0; text-align: center;"></div>
        <div id="aiPrintProgress" class="ai-csv-progress" hidden>
            <div class="ai-csv-progress-bar" role="progressbar" aria-valuemin="0" aria-valuemax="100">
                <span id="aiPrintProgressFill" style="width:0%"></span>
            </div>
            <p id="aiPrintProgressText" class="ai-csv-progress-text">Подготовка…</p>
        </div>
        <div class="form-actions">
            <button type="button" class="btn btn-secondary" onclick="aiPreviewPrint()">Предпросмотр</button>
            <button type="button" class="btn btn-primary" id="aiPrintSubmitBtn" onclick="aiDoPrint()">Печать</button>
        </div>
    </div>
</div>

<div id="aiPrintSettingsModal" class="modal">
    <div class="modal-content" style="max-width: 720px;">
        <div class="modal-header"><h3>Настройки печати (CUPS)</h3><button type="button" class="close-btn" onclick="aiClosePrintSettings()">&times;</button></div>
        <div class="form-group">
            <label>Режим печати</label>
            <select id="aiCfgPrintMode">
                <option value="choice">По выбору (CUPS или PDF в браузере)</option>
                <option value="cups_only">Только CUPS (прямая отправка)</option>
                <option value="browser">Только PDF в браузере</option>
            </select>
        </div>
        <div class="form-group">
            <label>Принтеры CUPS</label>
            <div id="aiCfgPrintersList" style="font-size: 13px;"></div>
            <button type="button" class="btn btn-sm btn-secondary" style="margin-top: 8px;" onclick="aiCfgAddPrinter()">+ Добавить принтер</button>
        </div>
        <p class="text-muted" style="font-size: 12px;">URL: <code>http://HOST:631/printers/ИмяПринтера</code> или только имя для локального CUPS.</p>
        <div class="form-actions">
            <button type="button" class="btn btn-secondary" onclick="aiClosePrintSettings()">Отмена</button>
            <button type="button" class="btn btn-primary" onclick="aiSavePrintSettings()">Сохранить</button>
        </div>
    </div>
</div>

<div id="aiScanModal" class="modal">
    <div class="modal-content">
        <div class="modal-header"><h3>Сканирование</h3><button type="button" class="close-btn" onclick="aiCloseScan()">&times;</button></div>
        <div class="form-group"><label>Штрих-код / QR / инв. номер</label>
            <input type="text" id="aiScanInput" autofocus autocomplete="off" onkeydown="aiOnScanInputKeydown(event)"></div>
        <label style="display: flex; align-items: center; gap: 8px; font-size: 13px; margin: 0 0 12px; color: var(--gray-700);">
            <input type="checkbox" id="aiScanClearAfter" onchange="aiPersistScanClearAfter()">
            Очищать поле после сканирования
        </label>
        <p class="text-muted" style="font-size: 12px; margin: -8px 0 12px;">Карточка объекта останется на экране. Следующий код сканера не склеится с предыдущим.</p>
        <div id="aiScanResult"></div>
        <div class="form-actions">
            <button type="button" class="btn btn-secondary" onclick="aiCloseScan()">Закрыть</button>
            <button type="button" class="btn btn-primary" onclick="aiDoScan()">Найти</button>
        </div>
    </div>
</div>

<div id="aiActionModal" class="modal">
    <div class="modal-content" style="max-width: 520px;">
        <div class="modal-header"><h3 id="aiActionTitle">Действие</h3><button type="button" class="close-btn" onclick="aiCloseAction()">&times;</button></div>
        <p id="aiActionItemHint" class="text-muted" style="font-size: 13px; margin-bottom: 12px;"></p>
        <div id="aiActionFields"></div>
        <div class="ai-inv-basis-block" style="margin-top: 0; padding-top: 0; border-top: none;">
            <p class="ai-inv-basis-hint">Укажите номер документа-основания и/или комментарий.</p>
            <div class="form-row">
                <div class="form-group"><label>№ документа</label><input type="text" id="aiActionDocNum"></div>
                <div class="form-group"><label>Дата документа</label><input type="date" id="aiActionDocDate"></div>
            </div>
            <div class="form-group"><label>Комментарий</label><textarea id="aiActionNotes" rows="2"></textarea></div>
        </div>
        <div class="form-actions">
            <button type="button" class="btn btn-secondary" onclick="aiCloseAction()">Отмена</button>
            <button type="button" class="btn btn-primary" id="aiActionSubmitBtn" onclick="aiSubmitAction()">Выполнить</button>
        </div>
    </div>
</div>

<div id="aiBulkModal" class="modal">
    <div class="modal-content">
        <div class="modal-header"><h3>Массовая операция</h3><button type="button" class="close-btn" onclick="aiCloseBulk()">&times;</button></div>
        <div class="form-group"><label>Действие</label>
            <select id="aiBulkAction" onchange="aiBulkFields()">
                <option value="transfer">Перемещение</option>
                <option value="writeoff">Списание</option>
                <option value="update_status">Смена статуса</option>
                {% if can_delete %}<option value="delete">Удаление</option>{% endif %}
            </select>
        </div>
        <div id="aiBulkFields"></div>
        <div class="form-actions"><button type="button" class="btn btn-primary" onclick="aiDoBulk()">Выполнить</button></div>
    </div>
</div>

<div id="aiTplModal" class="modal">
    <div class="modal-content">
        <div class="modal-header"><h3>Шаблоны этикеток</h3><button type="button" class="close-btn" onclick="aiCloseTemplates()">&times;</button></div>
        <button type="button" class="btn btn-primary btn-sm" style="margin-bottom: 10px;" onclick="aiOpenTplEditor()">+ Создать</button>
        <div id="aiTplList"></div>
    </div>
</div>

<div id="aiTplEditorModal" class="modal">
    <div class="modal-content" id="ai-tpl-editor-modal">
        <div class="modal-header"><h3 id="aiTplEditorTitle">Редактор шаблона</h3><button type="button" class="close-btn" onclick="aiCloseTplEditor()">&times;</button></div>
        <form onsubmit="aiSaveTemplate(event)">
            <input type="hidden" id="aiTplId">
            <div class="form-row">
                <div class="form-group"><label>Название *</label><input type="text" id="aiTplName" required></div>
                <div class="form-group"><label>Размер (мм)</label>
                    <div style="display: flex; gap: 8px; align-items: center;">
                        <input type="number" id="aiTplW" value="60" step="0.1" min="10" style="width: 80px;" onchange="aiBuilderAutoLayout()">
                        <span>×</span>
                        <input type="number" id="aiTplH" value="40" step="0.1" min="10" style="width: 80px;" onchange="aiBuilderAutoLayout()">
                    </div>
                </div>
            </div>
            <div class="form-row">
                <div>
                    <p style="font-size: 12px; font-weight: 600; margin: 0 0 8px;">Поля этикетки</p>
                    <div id="aiBuilderFields"></div>
                    <button type="button" class="btn btn-sm btn-secondary" style="margin-top: 8px; width: 100%;" onclick="aiBuilderAll()">Все поля</button>
                </div>
                <div>
                    <p style="font-size: 12px; font-weight: 600; margin: 0 0 8px;">Предпросмотр</p>
                    <div id="aiBuilderPreview"></div>
                    <small id="aiBuilderDims" class="text-muted" style="display:block;margin-top:6px;">60 × 40 мм</small>
                </div>
            </div>
            <div style="margin-top: 12px;">
                <p style="font-size: 12px; font-weight: 600; margin: 0 0 8px;">Позиция и размер полей (мм)</p>
                <div id="aiBuilderLayout" class="ai-inv-table-wrap" style="max-height: 220px; overflow: auto;"></div>
                <button type="button" class="btn btn-sm btn-secondary" style="margin-top: 8px;" onclick="aiBuilderAutoLayout()">↺ Авто-расстановка</button>
            </div>
            <details style="margin-top: 12px;"><summary style="cursor: pointer; font-size: 13px;">HTML / CSS (продвинутый)</summary>
                <div class="form-group" style="margin-top: 8px;"><label>HTML</label><textarea id="aiTplHtml" rows="6" class="form-control" style="font-family: monospace; font-size: 12px;" oninput="aiHtmlToBuilder()"></textarea></div>
                <div class="form-group"><label>CSS</label><textarea id="aiTplCss" rows="2" class="form-control" style="font-family: monospace; font-size: 12px;"></textarea></div>
            </details>
            <div class="form-row" style="grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 10px;">
                <div class="form-group"><label>Отступ верх (мм)</label><input type="number" id="aiTplPadT" value="3" step="0.5" oninput="aiBuilderRefresh()"></div>
                <div class="form-group"><label>Право</label><input type="number" id="aiTplPadR" value="3" step="0.5" oninput="aiBuilderRefresh()"></div>
                <div class="form-group"><label>Низ</label><input type="number" id="aiTplPadB" value="3" step="0.5" oninput="aiBuilderRefresh()"></div>
                <div class="form-group"><label>Лево</label><input type="number" id="aiTplPadL" value="3" step="0.5" oninput="aiBuilderRefresh()"></div>
            </div>
            <div class="form-actions">
                <button type="button" class="btn btn-secondary" onclick="aiCloseTplEditor()">Отмена</button>
                <button type="submit" class="btn btn-primary">Сохранить</button>
            </div>
        </form>
    </div>
</div>

<div id="aiCatModal" class="modal">
    <div class="modal-content">
        <div class="modal-header"><h3 id="aiCatTitle">Категория</h3><button type="button" class="close-btn" onclick="aiCloseCategory()">&times;</button></div>
        <form onsubmit="aiSaveCategory(event)">
            <input type="hidden" id="aiCatId">
            <div class="form-group"><label>Название *</label><input type="text" id="aiCatName" required></div>
            <div class="form-row">
                <div class="form-group"><label>Иконка</label><input type="text" id="aiCatIcon" value="📁" maxlength="4"></div>
                <div class="form-group"><label>Цвет</label><input type="color" id="aiCatColor" value="#3498db"></div>
            </div>
            <div class="form-group"><label>Родитель</label><select id="aiCatParent"><option value="">Нет</option></select></div>
            <div class="form-group"><label>Описание</label><textarea id="aiCatDesc" rows="2"></textarea></div>
            <div class="form-actions"><button type="submit" class="btn btn-primary">Сохранить</button></div>
        </form>
    </div>
</div>

<div id="aiLogsModal" class="modal">
    <div class="modal-content" style="max-width: 960px;">
        <div class="modal-header">
            <h3>Журнал действий</h3>
            <div style="display:flex;align-items:center;gap:8px;">
                <button type="button" class="btn btn-secondary btn-sm" onclick="aiExportLogsPdf()">PDF</button>
                <button type="button" class="close-btn" onclick="aiCloseLogs()">&times;</button>
            </div>
        </div>
        <p id="aiLogsSummary" class="text-muted" style="font-size:13px;margin:0 0 10px;"></p>
        <div class="form-row" style="margin-bottom:10px;align-items:flex-end;flex-wrap:wrap;gap:8px;">
            <div class="form-group" style="margin-bottom:0;">
                <label for="aiLogsDateFrom">С</label>
                <input type="date" id="aiLogsDateFrom" onchange="aiReloadLogs()">
            </div>
            <div class="form-group" style="margin-bottom:0;">
                <label for="aiLogsDateTo">По</label>
                <input type="date" id="aiLogsDateTo" onchange="aiReloadLogs()">
            </div>
            <div class="form-group" style="margin-bottom:0;">
                <label for="aiLogsAction">Действие</label>
                <select id="aiLogsAction" onchange="aiReloadLogs()">
                    <option value="">Все</option>
                    <option value="create_item">Создание объекта</option>
                    <option value="update_item">Изменение объекта</option>
                    <option value="delete_item">Удаление объекта</option>
                    <option value="item_">Операции с объектом</option>
                    <option value="bulk_">Массовые операции</option>
                    <option value="import_">Импорт</option>
                    <option value="category">Категории</option>
                    <option value="template">Шаблоны</option>
                </select>
            </div>
            <div class="form-group" style="margin-bottom:0;">
                <label for="aiLogsEntityType">Тип объекта</label>
                <select id="aiLogsEntityType" onchange="aiReloadLogs()">
                    <option value="">Все</option>
                    <option value="item">Объект</option>
                    <option value="category">Категория</option>
                    <option value="label_template">Шаблон этикетки</option>
                </select>
            </div>
            <button type="button" class="btn btn-sm btn-secondary" onclick="aiReloadLogs()">Обновить</button>
            <button type="button" class="btn btn-sm btn-secondary" onclick="aiResetLogsPeriod()">Сброс</button>
        </div>
        <div class="ai-inv-table-wrap" style="max-height: 420px;">
            <table class="ai-inv-table">
                <thead><tr><th>Время</th><th>Пользователь</th><th>Действие</th><th>Объект</th><th>Подробности</th></tr></thead>
                <tbody id="aiLogsBody"></tbody>
            </table>
        </div>
    </div>
</div>

<div id="aiDashPdfModal" class="modal">
    <div class="modal-content" style="max-width: 520px;">
        <div class="modal-header">
            <h3 id="aiDashPdfTitle">Экспорт PDF</h3>
            <button type="button" class="close-btn" onclick="aiCloseDashboardPdfModal()" aria-label="Закрыть">&times;</button>
        </div>
        <p class="text-muted" style="font-size:13px;margin:0 0 12px;">Задайте параметры отчёта. Пустые поля — без ограничения.</p>
        <input type="hidden" id="aiDashPdfReport" value="full">
        <div id="aiDashPdfItemFilters" class="form-row" style="flex-wrap:wrap;gap:8px;margin-bottom:8px;">
            <div class="form-group" style="margin-bottom:0;min-width:140px;flex:1;">
                <label for="aiDashPdfType">Тип</label>
                <select id="aiDashPdfType">
                    <option value="">Все типы</option>
                    <option value="equipment">Техника</option>
                    <option value="spare_part">Запчасти</option>
                    <option value="consumable">Расходные</option>
                    <option value="tool">Инструменты</option>
                    <option value="other">Прочее</option>
                </select>
            </div>
            <div class="form-group" style="margin-bottom:0;min-width:140px;flex:1;">
                <label for="aiDashPdfCategory">Категория</label>
                <select id="aiDashPdfCategory"><option value="">Все категории</option></select>
            </div>
            <div class="form-group" style="margin-bottom:0;min-width:140px;flex:1;">
                <label for="aiDashPdfLocation">Место</label>
                <input type="text" id="aiDashPdfLocation" placeholder="Часть названия…">
            </div>
            <div class="form-group" id="aiDashPdfStatusWrap" style="margin-bottom:0;min-width:140px;flex:1;" hidden>
                <label for="aiDashPdfStatus">Статус</label>
                <select id="aiDashPdfStatus">
                    <option value="">Все статусы</option>
                    <option value="in_stock">На складе</option>
                    <option value="active">В эксплуатации</option>
                    <option value="in_repair">В ремонте</option>
                    <option value="written_off">Списан</option>
                    <option value="lost">Утерян</option>
                </select>
            </div>
        </div>
        <div id="aiDashPdfWarrantyWrap" class="form-row" style="flex-wrap:wrap;gap:8px;margin-bottom:8px;" hidden>
            <div class="form-group" style="margin-bottom:0;">
                <label for="aiDashPdfWarrantyDays">Горизонт гарантии (дней)</label>
                <select id="aiDashPdfWarrantyPreset" onchange="aiDashPdfWarrantyPresetChange()">
                    <option value="7">7</option>
                    <option value="30" selected>30</option>
                    <option value="90">90</option>
                    <option value="custom">Своё</option>
                </select>
            </div>
            <div class="form-group" style="margin-bottom:0;" id="aiDashPdfWarrantyCustomWrap" hidden>
                <label for="aiDashPdfWarrantyDays">Дней (1–365)</label>
                <input type="number" id="aiDashPdfWarrantyDays" min="1" max="365" value="30">
            </div>
        </div>
        <div id="aiDashPdfOpsWrap" class="form-row" style="flex-wrap:wrap;gap:8px;margin-bottom:8px;" hidden>
            <div class="form-group" style="margin-bottom:0;">
                <label for="aiDashPdfDateFrom">Операции с</label>
                <input type="date" id="aiDashPdfDateFrom">
            </div>
            <div class="form-group" style="margin-bottom:0;">
                <label for="aiDashPdfDateTo">по</label>
                <input type="date" id="aiDashPdfDateTo">
            </div>
            <div class="form-group" style="margin-bottom:0;min-width:160px;">
                <label for="aiDashPdfTxType">Тип операции</label>
                <select id="aiDashPdfTxType">
                    <option value="">Все</option>
                    <option value="receipt">Приход</option>
                    <option value="issue">Выдача</option>
                    <option value="transfer">Перемещение</option>
                    <option value="writeoff">Списание</option>
                    <option value="status_change">Смена статуса</option>
                    <option value="update">Изменение</option>
                </select>
            </div>
        </div>
        <div style="display:flex;justify-content:flex-end;gap:8px;margin-top:14px;">
            <button type="button" class="btn btn-secondary" onclick="aiCloseDashboardPdfModal()">Отмена</button>
            <button type="button" class="btn btn-primary" onclick="aiStartDashboardPdfExport()">Сформировать PDF</button>
        </div>
    </div>
</div>
</div>

<script id="ai-can-json" type="application/json">{{ {
  'write': can_write,
  'delete': can_delete,
  'categories': can_categories,
  'templates': can_templates,
  'print': can_print,
  'import': can_import,
  'manage_settings': can_manage_settings,
} | tojson }}</script>
<script>
const AI_API = '/api/asset-inventory';
const AI_CAN = JSON.parse(document.getElementById('ai-can-json').textContent);
/** Плейсхолдеры этикеток (mustache); без Jinja-скобок в исходнике — иначе ломается линтер. */
function aiMustache(inner) {
  return '\u007b\u007b' + inner + '\u007d\u007d';
}
let aiState = { items: [], total: 0, page: 0, limit: 50, categories: [], templates: [], selected: new Set(), builderFields: new Set(['name','inventory_number','qr_code','barcode','location']), builderLayout: { version: 1, fields: [] }, charts: {}, scanItem: null, viewItem: null, photoTsById: {}, cardTransactions: [], cardTxHasMore: false, cardTxOffset: 0, _cardOpenGen: 0, _cardAbort: null, actionCtx: null, printConfig: { mode: 'choice', printers: [], default_printer_id: '' }, _itemsInFlight: null, _statsInFlight: null, _headerStatsInFlight: null, _categoriesReady: false, _templatesReady: false, _printSettingsReady: false, _dashboardReady: false, csvJobPollTimer: null, _scanInFlight: false };
const AI_SCAN_CLEAR_KEY = 'awm.asset_inventory.scan_clear_after';
const AI_TX_PAGE_SIZE = 15;
const AI_BUILDER = [
  {id:'name',label:'Название',ph:aiMustache(' item.name ')},{id:'inventory_number',label:'Инв. №',ph:aiMustache(' item.inventory_number ')},
  {id:'serial_number',label:'Серийный',ph:aiMustache(' item.serial_number ')},{id:'manufacturer',label:'Производитель',ph:aiMustache(' item.manufacturer ')},
  {id:'model',label:'Модель',ph:aiMustache(' item.model ')},{id:'location',label:'Место',ph:aiMustache(' item.location ')},
  {id:'status',label:'Статус',ph:aiMustache(' item.status_label ')},{id:'responsible',label:'Ответственный',ph:aiMustache(' item.responsible ')},
  {id:'qr_code',label:'QR',ph:aiMustache(' qr_code ')},{id:'barcode',label:'Штрих-код',ph:aiMustache(' barcode ')},
];
const AI_TYPE_ICONS = {equipment:'🖥️',spare_part:'⚙️',consumable:'🧴',tool:'🔧',other:'📦'};
const AI_TYPE_LABELS = {equipment:'Техника',spare_part:'Запчасть',consumable:'Расходный',tool:'Инструмент',other:'Прочее'};
const AI_STATUS = {
  in_stock:['На складе','status-success'],active:['В эксплуатации','status-running'],
  in_repair:['В ремонте','status-pending'],written_off:['Списан','status-cancelled'],lost:['Утерян','status-failed']
};

const AI_ROW_PRIMARY_IDS = ['edit', 'print'];
const AI_ROW_MORE_IDS = ['update_status', 'transfer', 'issue', 'receipt', 'writeoff'];

const AI_ACTION_SVG = {
  edit: '<svg viewBox="0 0 24 24"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.12 2.12 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>',
  card: '<svg viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M7 8h10M7 12h6"/></svg>',
  print: '<svg viewBox="0 0 24 24"><path d="M6 9V3h12v6"/><rect x="6" y="14" width="12" height="7"/><path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"/></svg>',
  more: '<svg viewBox="0 0 24 24"><circle cx="12" cy="5" r="1.5" fill="currentColor" stroke="none"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/><circle cx="12" cy="19" r="1.5" fill="currentColor" stroke="none"/></svg>',
};

const AI_QUICK_ACTIONS = [
  { id: 'edit', icon: '', label: 'Изменить', title: 'Редактировать карточку', needWrite: true,
    run: (id) => { aiCloseCard(); aiCloseScan(); aiOpenEdit(id); } },
  { id: 'update_status', icon: '', label: 'Статус', title: 'Сменить статус', needWrite: true,
    run: (id) => aiOpenAction('update_status', id) },
  { id: 'transfer', icon: '', label: 'Переместить', title: 'Перемещение', needWrite: true,
    run: (id) => aiOpenAction('transfer', id) },
  { id: 'issue', icon: '', label: 'Выдать', title: 'Выдача со склада', needWrite: true,
    run: (id) => aiOpenAction('issue', id) },
  { id: 'receipt', icon: '', label: 'Приход', title: 'Приход на склад', needWrite: true,
    run: (id) => aiOpenAction('receipt', id) },
  { id: 'writeoff', icon: '', label: 'Списать', title: 'Списание', needWrite: true, danger: true,
    run: (id) => aiOpenAction('writeoff', id) },
  { id: 'print', icon: '', label: 'Этикетка', title: 'Печать этикетки', needPrint: true,
    run: (id) => aiScanPrint(id) },
];

function aiParseOptionalNumber(elId) {
  const raw = ai$(elId).value.trim().replace(',', '.');
  if (!raw) return null;
  const n = parseFloat(raw);
  return Number.isFinite(n) ? n : null;
}

function aiDateInputValue(v) {
  if (!v) return '';
  return String(v).substring(0, 10);
}

function aiFmtDate(v) {
  if (!v) return '—';
  const s = String(v).substring(0, 10);
  if (!s || s.length < 10) return aiEsc(v);
  const [y, m, d] = s.split('-');
  return `${d}.${m}.${y}`;
}

function aiMetaField(label, value, wide) {
  const val = value != null && String(value).trim() !== '' ? value : '—';
  return `<div class="ai-inv-meta${wide ? ' ai-inv-meta-wide' : ''}"><span class="ai-inv-meta-label">${label}</span><span class="ai-inv-meta-val">${typeof val === 'number' ? val : aiEsc(String(val))}</span></div>`;
}

function aiCloseRowMenus() {
  const menu = ai$('aiRowMenuFloat');
  if (!menu) return;
  menu.classList.remove('open');
  menu.dataset.itemId = '';
  menu.setAttribute('aria-hidden', 'true');
}

function aiRowMenuActions(itemId) {
  return AI_QUICK_ACTIONS.filter(a => {
    if (!AI_ROW_MORE_IDS.includes(a.id)) return false;
    if (a.needWrite && !AI_CAN.write) return false;
    if (a.needPrint && !AI_CAN.print) return false;
    return true;
  });
}

function aiBuildRowMenuHtml(actions, itemId) {
  return actions.map(a =>
    `<button type="button" class="ai-inv-row-menu-item${a.danger ? ' danger' : ''}" role="menuitem"
      onclick="aiRunQuickAction('${a.id}', ${itemId})">
      <span class="ico">${a.icon}</span><span>${aiEsc(a.label)}</span></button>`
  ).join('');
}

function aiPositionRowMenuFloat(menu, anchorEl) {
  menu.classList.add('open');
  menu.setAttribute('aria-hidden', 'false');
  menu.style.visibility = 'hidden';
  menu.style.left = '0';
  menu.style.top = '0';
  const menuRect = menu.getBoundingClientRect();
  const rect = anchorEl.getBoundingClientRect();
  const gap = 4;
  const margin = 8;
  let top = rect.bottom + gap;
  let left = rect.right - menuRect.width;
  if (left < margin) left = margin;
  if (left + menuRect.width > window.innerWidth - margin) {
    left = Math.max(margin, window.innerWidth - menuRect.width - margin);
  }
  if (top + menuRect.height > window.innerHeight - margin) {
    top = rect.top - menuRect.height - gap;
  }
  if (top < margin) top = margin;
  menu.style.left = `${Math.round(left)}px`;
  menu.style.top = `${Math.round(top)}px`;
  menu.style.visibility = '';
}

function aiToggleRowMenu(itemId, ev) {
  if (ev) ev.stopPropagation();
  const menu = ai$('aiRowMenuFloat');
  const anchor = ev?.currentTarget;
  if (!menu || !anchor) return;
  const isOpen = menu.classList.contains('open') && menu.dataset.itemId === String(itemId);
  aiCloseRowMenus();
  if (isOpen) return;
  const actions = aiRowMenuActions(itemId);
  if (!actions.length) return;
  menu.innerHTML = aiBuildRowMenuHtml(actions, itemId);
  menu.dataset.itemId = String(itemId);
  aiPositionRowMenuFloat(menu, anchor);
}

function aiRunQuickAction(actionId, itemId) {
  aiCloseRowMenus();
  const action = AI_QUICK_ACTIONS.find(x => x.id === actionId);
  if (action) action.run(itemId);
}

function aiRenderQuickActionsGrid(itemId, { compact } = {}) {
  const actions = AI_QUICK_ACTIONS.filter(a => {
    if (a.needWrite && !AI_CAN.write) return false;
    if (a.needPrint && !AI_CAN.print) return false;
    return true;
  });
  if (compact) {
    const primary = actions.filter(a => AI_ROW_PRIMARY_IDS.includes(a.id));
    const more = actions.filter(a => AI_ROW_MORE_IDS.includes(a.id));
    const primaryBtns = primary.map(a =>
      `<button type="button" class="ai-inv-icon-btn${a.danger ? ' danger' : ''}" title="${aiEsc(a.title || a.label)}"
        onclick="aiRunQuickAction('${a.id}', ${itemId})">${AI_ACTION_SVG[a.id] || a.icon}</button>`
    ).join('');
    const cardBtn = `<button type="button" class="ai-inv-icon-btn" title="Карточка объекта" onclick="aiOpenCard(${itemId})">${AI_ACTION_SVG.card}</button>`;
    let moreBlock = '';
    if (more.length) {
      moreBlock = `<div class="ai-inv-row-menu-wrap">
        <button type="button" class="ai-inv-icon-btn" title="Ещё действия" onclick="aiToggleRowMenu(${itemId}, event)">${AI_ACTION_SVG.more}</button>
      </div>`;
    }
    if (!primaryBtns && !moreBlock) return cardBtn;
    return `<div class="ai-inv-row-actions">${primaryBtns}${cardBtn}${moreBlock}</div>`;
  }
  if (!actions.length) return '';
  const btns = actions.map(a =>
    `<button type="button" class="ai-inv-qa-btn${a.danger ? ' danger' : ''}" title="${aiEsc(a.title || a.label)}"
      onclick="AI_QUICK_ACTIONS.find(x=>x.id==='${a.id}').run(${itemId})">
      <span class="ico">${a.icon}</span><span>${aiEsc(a.label)}</span></button>`
  ).join('');
  return `<div class="ai-inv-qa-section"><p class="ai-inv-qa-section-title">Быстрые действия</p><div class="ai-inv-qa-grid">${btns}</div></div>`;
}

function aiRenderItemCardFoot(item, context) {
  const txImportBtn = AI_CAN.import
    ? `<button type="button" class="btn btn-secondary btn-sm" onclick="aiOpenImport('item_transactions', ${item.id})">Импорт операций</button>`
    : '';
  const txExportBtn = AI_CAN.import
    ? `<button type="button" class="btn btn-secondary btn-sm" onclick="aiExportItemTransactionsCsv(${item.id})">Экспорт операций</button>`
    : '';
  if (context === 'scan') {
    return `<div class="ai-inv-card-foot">
      <button type="button" class="btn btn-secondary btn-sm" onclick="aiOpenCard(${item.id})">Полная карточка</button>
      ${txImportBtn}${txExportBtn}
      ${AI_CAN.write ? `<button type="button" class="btn btn-primary btn-sm" onclick="aiCloseScan();aiOpenEdit(${item.id})">Редактировать</button>` : ''}
    </div>`;
  }
  return `<div class="ai-inv-card-foot">
    ${txImportBtn}${txExportBtn}
    <button type="button" class="btn btn-secondary btn-sm" onclick="aiCloseCard()">Закрыть</button>
    ${AI_CAN.write ? `<button type="button" class="btn btn-primary btn-sm" onclick="aiCloseCard();aiOpenEdit(${item.id})">Редактировать</button>` : ''}
  </div>`;
}

function aiRenderTxHistory(transactions, { hasMore, appendMode } = {}) {
  const rows = transactions || [];
  if (!rows.length) {
    return `<div class="ai-inv-tx-history"><p class="ai-inv-qa-section-title">История операций</p><p class="text-muted" style="font-size:13px;">Операции отсутствуют. Импортируйте CSV или выполните действие из панели действий.</p></div>`;
  }
  const renderDetailsRow = (label, value) => {
    if (!value) return '';
    return `<div class="ai-inv-tx-details-label">${aiEsc(label)}</div><div class="ai-inv-tx-details-value">${aiEsc(value)}</div>`;
  };
  const items = rows.map(t => {
    const when = (t.created_at || '').substring(0, 16).replace('T', ' ');
    const label = AI_TX_LABELS[t.transaction_type] || t.transaction_type;
    const doc = t.doc_number ? ` · ${aiEsc(t.doc_number)}` : '';
    const badge = aiFmtTxQuantityBadge(t);
    const badgeCls = badge.cls ? `ai-inv-dash-list-badge ${badge.cls}` : 'ai-inv-dash-list-badge';
    const isChangeTx = String(t.transaction_type || '') === 'update';
    const fromLoc = String(t.from_location || '').trim();
    const toLoc = String(t.to_location || '').trim();
    const hasLocationMove = fromLoc && toLoc && fromLoc !== toLoc;
    const details = isChangeTx ? [
      renderDetailsRow('Номер документа', t.doc_number),
      renderDetailsRow('Дата документа', t.doc_date),
      renderDetailsRow('Откуда', hasLocationMove ? fromLoc : ''),
      renderDetailsRow('Куда', hasLocationMove ? toLoc : ''),
      renderDetailsRow('Причина', t.reason),
      renderDetailsRow('Инициатор', t.initiator),
      renderDetailsRow('Комментарий', t.notes),
    ].filter(Boolean).join('') : '';
    const detailsId = t.id != null ? `aiTxDetails_${t.id}` : '';
    const toggleId = t.id != null ? `aiTxDetailsToggle_${t.id}` : '';
    const detailsHtml = (details && detailsId && toggleId)
      ? `<div class="ai-inv-tx-details-wrap">
          <button
            type="button"
            id="${toggleId}"
            class="btn btn-secondary ai-inv-tx-details-toggle"
            aria-expanded="false"
            onclick="aiToggleTxDetails('${detailsId}', '${toggleId}')"
          >Показать детали</button>
          <div id="${detailsId}" class="ai-inv-tx-details" hidden>
            <div class="ai-inv-tx-details-grid">${details}</div>
          </div>
        </div>`
      : '';
    return `<div class="ai-inv-dash-list-item">
      <div class="ai-inv-tx-main"><span>${aiEsc(label)}</span>${doc}
        <div class="ai-inv-dash-list-meta">${when}${t.created_by_username ? ' · ' + aiEsc(t.created_by_username) : ''}</div>
        ${detailsHtml}
      </div>
      <span class="${badgeCls}">${badge.text}</span>
    </div>`;
  }).join('');
  const moreBtn = hasMore
    ? `<div style="margin-top:10px;text-align:center;">
        <button type="button" class="btn btn-secondary btn-sm" id="aiCardTxMoreBtn" onclick="aiLoadMoreCardTransactions()">Показать ещё</button>
      </div>`
    : '';
  const title = appendMode ? '' : '<p class="ai-inv-qa-section-title">История операций</p>';
  return `<div class="ai-inv-tx-history">${title}${items}${moreBtn}</div>`;
}

function aiRenderTxHistoryLoading() {
  return `<div class="ai-inv-tx-history"><p class="ai-inv-qa-section-title">История операций</p><p class="text-muted" style="font-size:13px;">Загрузка…</p></div>`;
}

function aiCardSkeletonHtml() {
  return `<div class="ai-inv-item-card" id="aiCardShell">
    <div id="aiCardHeadSlot"><p class="text-muted" style="padding:8px 0;">Загрузка карточки…</p></div>
    <div id="aiCardPhotoSlot" style="margin:12px 0 10px;min-height:240px;border:1px solid var(--border);border-radius:10px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;">
      <p class="text-muted" style="font-size:13px;margin:0;">Фото…</p>
    </div>
    <div id="aiCardMetaSlot" class="ai-inv-item-card-grid"></div>
    <div id="aiCardTxSlot">${aiRenderTxHistoryLoading()}</div>
    <div id="aiCardActionsSlot"></div>
    <div id="aiCardFootSlot"></div>
  </div>`;
}

function aiRenderCardHeadHtml(item) {
  const st = AI_STATUS[item.status] || [item.status, 'status-cancelled'];
  const typeIcon = AI_TYPE_ICONS[item.item_type] || '📦';
  const typeLabel = AI_TYPE_LABELS[item.item_type] || item.item_type || '—';
  return `<div class="ai-inv-item-card-head">
      <div class="ai-inv-item-type-badge" title="${aiEsc(typeLabel)}">${typeIcon}</div>
      <div class="ai-inv-item-card-title">
        <h3>${aiEsc(item.name)}</h3>
        <div class="ai-inv-item-card-sub">${item.category_icon || '📁'} ${aiEsc(item.category_name || 'Без категории')} · ${aiEsc(typeLabel)}</div>
      </div>
      <span class="status-badge ${st[1]}">${st[0]}</span>
    </div>`;
}

function aiRenderCardMetaHtml(item) {
  const qty = `${item.quantity ?? 0} ${item.unit || ''}`.trim();
  const minHint = item.min_quantity != null ? ` · мин. ${item.min_quantity}` : '';
  const modelLine = [item.manufacturer, item.model].filter(Boolean).join(' ');
  return `${aiMetaField('Инв. номер', item.inventory_number)}
      ${aiMetaField('Серийный №', item.serial_number)}
      ${aiMetaField('Штрих-код', item.barcode)}
      ${aiMetaField('Местоположение', item.location)}
      ${aiMetaField('Ответственный', item.responsible)}
      ${aiMetaField('Количество', qty + minHint)}
      ${aiMetaField('Производитель / модель', modelLine || null)}
      ${aiMetaField('Закупка', item.purchase_price != null ? `${Number(item.purchase_price).toLocaleString('ru-RU')} ₽` : null)}
      ${aiMetaField('Текущая стоимость', item.current_value != null ? `${Number(item.current_value).toLocaleString('ru-RU')} ₽` : null)}
      ${aiMetaField('Гарантия до', aiFmtDate(item.warranty_end_date))}
      ${item.description ? aiMetaField('Описание', item.description, true) : ''}
      ${item.notes ? aiMetaField('Примечания', item.notes, true) : ''}`;
}

function aiEnsureCardPhoto(item) {
  const slot = ai$('aiCardPhotoSlot');
  if (!slot) return;
  const photoTs = (aiState.photoTsById && aiState.photoTsById[item.id]) || 0;
  // Не дергаем /photo, если сервер уже сообщил, что файла нет.
  if (!photoTs && item && item.has_photo === false) {
    slot.innerHTML = `<p data-photo-placeholder class="text-muted" style="font-size:12px;margin:8px 0 0;">Фото не загружено</p>`;
    return;
  }
  const existing = slot.querySelector(`img#aiItemPhoto_${item.id}`);
  const photoSrc = photoTs ? `${AI_API}/items/${item.id}/photo?ts=${photoTs}` : `${AI_API}/items/${item.id}/photo`;
  if (existing) {
    if (photoTs && existing.src.indexOf('ts=' + photoTs) === -1) {
      existing.src = photoSrc;
    }
    return;
  }
  slot.innerHTML = `<img
        id="aiItemPhoto_${item.id}"
        src="${photoSrc}"
        alt="Фото объекта"
        loading="lazy"
        style="width:100%;max-height:240px;object-fit:contain;display:block;border:1px solid var(--border);border-radius:10px;background:var(--bg-secondary);padding:8px;box-sizing:border-box;"
        onerror="const wrap=this.parentElement; if(wrap){ const ph=wrap.querySelector('[data-photo-placeholder]'); if(ph) ph.hidden=false; this.remove(); }"
      />
      <p data-photo-placeholder hidden class="text-muted" style="font-size:12px;margin:8px 0 0;">Фото не загружено</p>`;
}

function aiPaintCardShell(item, { txLoading } = {}) {
  const head = ai$('aiCardHeadSlot');
  const meta = ai$('aiCardMetaSlot');
  const actions = ai$('aiCardActionsSlot');
  const foot = ai$('aiCardFootSlot');
  const txSlot = ai$('aiCardTxSlot');
  if (head) head.innerHTML = aiRenderCardHeadHtml(item);
  aiEnsureCardPhoto(item);
  if (meta) meta.innerHTML = aiRenderCardMetaHtml(item);
  if (actions) actions.innerHTML = aiRenderQuickActionsGrid(item.id);
  if (foot) foot.innerHTML = aiRenderItemCardFoot(item, 'card');
  if (txSlot && txLoading) txSlot.innerHTML = aiRenderTxHistoryLoading();
}

function aiPaintCardTxSlot() {
  const txSlot = ai$('aiCardTxSlot');
  if (!txSlot) return;
  txSlot.innerHTML = aiRenderTxHistory(aiState.cardTransactions, { hasMore: !!aiState.cardTxHasMore });
}

function aiRenderItemCard(item, { context, transactions, hasMore } = {}) {
  const st = AI_STATUS[item.status] || [item.status, 'status-cancelled'];
  const typeIcon = AI_TYPE_ICONS[item.item_type] || '📦';
  const typeLabel = AI_TYPE_LABELS[item.item_type] || item.item_type || '—';
  const photoTs = (aiState.photoTsById && aiState.photoTsById[item.id]) || 0;
  const showPhoto = !!(photoTs || item.has_photo !== false);
  const photoSrc = photoTs ? `${AI_API}/items/${item.id}/photo?ts=${photoTs}` : `${AI_API}/items/${item.id}/photo`;
  const photoBlock = showPhoto
    ? `<div style="margin:12px 0 10px;">
      <img
        id="aiItemPhoto_${item.id}"
        src="${photoSrc}"
        alt="Фото объекта"
        loading="lazy"
        style="width:100%;max-height:240px;object-fit:contain;display:block;border:1px solid var(--border);border-radius:10px;background:var(--bg-secondary);padding:8px;box-sizing:border-box;"
        onerror="const wrap=this.parentElement; if(wrap){ const ph=wrap.querySelector('[data-photo-placeholder]'); if(ph) ph.hidden=false; this.remove(); }"
      />
      <p data-photo-placeholder hidden class="text-muted" style="font-size:12px;margin:8px 0 0;">Фото не загружено</p>
    </div>`
    : `<div style="margin:12px 0 10px;"><p class="text-muted" style="font-size:12px;margin:0;">Фото не загружено</p></div>`;
  return `<div class="ai-inv-item-card">
    <div class="ai-inv-item-card-head">
      <div class="ai-inv-item-type-badge" title="${aiEsc(typeLabel)}">${typeIcon}</div>
      <div class="ai-inv-item-card-title">
        <h3>${aiEsc(item.name)}</h3>
        <div class="ai-inv-item-card-sub">${item.category_icon || '📁'} ${aiEsc(item.category_name || 'Без категории')} · ${aiEsc(typeLabel)}</div>
      </div>
      <span class="status-badge ${st[1]}">${st[0]}</span>
    </div>
    ${photoBlock}
    <div class="ai-inv-item-card-grid">
      ${aiRenderCardMetaHtml(item)}
    </div>
    ${context === 'card'
      ? (transactions !== undefined
          ? aiRenderTxHistory(transactions, { hasMore })
          : aiRenderTxHistoryLoading())
      : (transactions ? aiRenderTxHistory(transactions, { hasMore }) : '')}
    ${aiRenderQuickActionsGrid(item.id)}
    ${aiRenderItemCardFoot(item, context)}
  </div>`;
}

async function aiOpenCard(id) {
  try {
    if (aiState._cardAbort) {
      try { aiState._cardAbort.abort(); } catch (_) {}
    }
    const abort = (typeof AbortController !== 'undefined') ? new AbortController() : null;
    aiState._cardAbort = abort;
    const gen = (aiState._cardOpenGen || 0) + 1;
    aiState._cardOpenGen = gen;
    aiState.viewItem = null;
    aiState.cardTransactions = [];
    aiState.cardTxHasMore = false;
    aiState.cardTxOffset = 0;

    ai$('aiCardModal').classList.add('active');
    ai$('aiCardBody').innerHTML = aiCardSkeletonHtml();

    const signal = abort ? abort.signal : undefined;
    const { item } = await aiApi('/items/' + id, 'GET', null, signal);
    if (gen !== aiState._cardOpenGen) return;
    if (!ai$('aiCardModal').classList.contains('active')) return;

    aiState.viewItem = item;
    aiPaintCardShell(item, { txLoading: true });

    const tx = await aiApi(
      `/items/${id}/transactions?limit=${AI_TX_PAGE_SIZE}&offset=0`,
      'GET',
      null,
      signal,
    );
    if (gen !== aiState._cardOpenGen) return;
    if (!ai$('aiCardModal').classList.contains('active') || !aiState.viewItem || aiState.viewItem.id !== item.id) return;

    aiState.cardTransactions = tx.transactions || [];
    aiState.cardTxHasMore = !!tx.has_more;
    aiState.cardTxOffset = aiState.cardTransactions.length;
    aiPaintCardTxSlot();
  } catch (e) {
    if (e && (e.name === 'AbortError' || String(e.message || '').includes('aborted'))) return;
    alert(e.message);
  }
}

async function aiLoadMoreCardTransactions() {
  const item = aiState.viewItem;
  if (!item || !aiState.cardTxHasMore) return;
  const btn = ai$('aiCardTxMoreBtn');
  if (btn) { btn.disabled = true; btn.textContent = 'Загрузка…'; }
  const gen = aiState._cardOpenGen;
  try {
    const tx = await aiApi(
      `/items/${item.id}/transactions?limit=${AI_TX_PAGE_SIZE}&offset=${aiState.cardTxOffset}`,
    );
    if (gen !== aiState._cardOpenGen) return;
    const more = tx.transactions || [];
    aiState.cardTransactions = (aiState.cardTransactions || []).concat(more);
    aiState.cardTxHasMore = !!tx.has_more;
    aiState.cardTxOffset = aiState.cardTransactions.length;
    aiPaintCardTxSlot();
  } catch (e) {
    if (btn) { btn.disabled = false; btn.textContent = 'Показать ещё'; }
    alert(e.message);
  }
}

function aiCloseCard() {
  if (aiState._cardAbort) {
    try { aiState._cardAbort.abort(); } catch (_) {}
    aiState._cardAbort = null;
  }
  aiState._cardOpenGen = (aiState._cardOpenGen || 0) + 1;
  ai$('aiCardModal').classList.remove('active');
  aiState.viewItem = null;
  aiState.cardTransactions = [];
  aiState.cardTxHasMore = false;
  aiState.cardTxOffset = 0;
}

async function aiApi(path, method='GET', body=null, signal=null) {
  const opts = { method, headers: {} };
  if (signal) opts.signal = signal;
  if (body !== null) { opts.headers['Content-Type'] = 'application/json'; opts.body = JSON.stringify(body); }
  const res = await fetch(AI_API + path, opts);
  const data = await res.json().catch(() => ({}));
  if (!res.ok) throw new Error(data.detail || data.message || `HTTP ${res.status}`);
  return data;
}
function aiEsc(s) {
  const str = String(s ?? '');
  return str
    .replace(/&/g, '&amp;')
    .replace(/</g, '&lt;')
    .replace(/>/g, '&gt;')
    .replace(/"/g, '&quot;')
    .replace(/'/g, '&#39;');
}
function aiToggleTxDetails(detailsId, toggleId) {
  if (!detailsId) return;
  const el = ai$(detailsId);
  if (!el) return;
  const isExpanded = !el.hidden;
  el.hidden = isExpanded;
  const btn = toggleId ? ai$(toggleId) : null;
  if (btn) {
    btn.setAttribute('aria-expanded', String(!isExpanded));
    btn.textContent = isExpanded ? 'Показать детали' : 'Скрыть детали';
  }
}
function ai$(id) { return document.getElementById(id); }

function aiInit() {
  aiBuilderInit();
  void aiLoadItems();
  void aiLoadCategories().then(() => { aiState._categoriesReady = true; });
  void aiLoadHeaderStats();
  document.querySelectorAll('.ai-inventory .ai-inv-table-wrap.awm-list-scroll').forEach(el => {
    el.addEventListener('scroll', aiCloseRowMenus, { passive: true });
  });
  window.addEventListener('resize', aiCloseRowMenus);
}

async function aiEnsureCategories() {
  if (aiState._categoriesReady && aiState.categories.length) return;
  await aiLoadCategories();
  aiState._categoriesReady = true;
}

async function aiEnsureTemplates() {
  if (aiState._templatesReady) return;
  await aiLoadTemplates();
  aiState._templatesReady = true;
}

async function aiEnsurePrintSettings() {
  if (aiState._printSettingsReady || !AI_CAN.print) return;
  await aiLoadPrintSettings();
  aiState._printSettingsReady = true;
}

async function aiLoadPrintSettings() {
  if (!AI_CAN.print) return;
  try {
    const data = await aiApi('/settings/print');
    aiState.printConfig = data.config || { mode: 'choice', printers: [], default_printer_id: '' };
    aiState.printPrinters = data.printers || [];
    aiRefreshPrintUi();
  } catch (e) { console.warn('print settings', e); }
}

function aiRefreshPrintUi() {
  const cfg = aiState.printConfig || {};
  const mode = cfg.mode || 'choice';
  const printers = aiState.printPrinters || [];
  const delBlock = ai$('aiPrintDeliveryBlock');
  const prBlock = ai$('aiPrintPrinterBlock');
  const hint = ai$('aiPrintHint');
  if (mode === 'cups_only') {
    delBlock.style.display = 'none';
    prBlock.style.display = 'block';
    if (hint) hint.textContent = 'Печать напрямую на CUPS без системного диалога. Размер страницы передаётся в задании (Custom.WxHmm).';
  } else if (mode === 'browser') {
    delBlock.style.display = 'none';
    prBlock.style.display = 'none';
    if (hint) hint.textContent = 'PDF с размером в мм откроется в браузере; печать — из просмотрщика PDF, масштаб 100%.';
  } else {
    delBlock.style.display = 'block';
    prBlock.style.display = ai$('aiPrintDelivery')?.value === 'cups' ? 'block' : 'none';
    if (hint) hint.textContent = 'CUPS — прямая отправка на принтер; PDF — через браузер (если CUPS недоступен).';
  }
  const sel = ai$('aiPrintPrinter');
  if (sel) {
    sel.innerHTML = '<option value="">— выберите —</option>' + printers.map(p =>
      `<option value="${aiEsc(p.id)}" ${p.id===cfg.default_printer_id?'selected':''}>${aiEsc(p.name)}</option>`
    ).join('');
  }
  if (typeof aiPrintPrinterChanged === 'function') aiPrintPrinterChanged();
}

function aiPrintDeliveryChanged() {
  const cups = ai$('aiPrintDelivery')?.value === 'cups';
  ai$('aiPrintPrinterBlock').style.display = cups ? 'block' : 'none';
  if (cups) aiPrintPrinterChanged();
}

function aiPrintPrinterChanged() {
  const pid = ai$('aiPrintPrinter')?.value || '';
  const printers = aiState.printPrinters || [];
  const p = printers.find(x => String(x.id) === String(pid));
  const cb = ai$('aiPrintInvertBitmap');
  if (cb) cb.checked = !!(p && p.invert_bitmap);
}

function aiOpenPrintSettings() {
  void aiEnsurePrintSettings().then(() => {
    const cfg = aiState.printConfig || { mode: 'choice', printers: [], default_printer_id: '' };
    aiState._cfgDefaultId = cfg.default_printer_id || '';
    ai$('aiCfgPrintMode').value = cfg.mode || 'choice';
    aiCfgRenderPrinters(cfg.printers || []);
    ai$('aiPrintSettingsModal').classList.add('active');
  });
}
function aiClosePrintSettings() { ai$('aiPrintSettingsModal').classList.remove('active'); }

function aiCfgRenderPrinters(list) {
  aiState._cfgPrinters = (list || []).map(p => ({ ...p }));
  ai$('aiCfgPrintersList').innerHTML = aiState._cfgPrinters.map((p, i) => `
    <div style="border:1px solid var(--border);border-radius:8px;padding:10px;margin-bottom:8px;">
      <div class="form-row">
        <div class="form-group"><label>Название</label><input type="text" data-ai-cfg="name" data-i="${i}" value="${aiEsc(p.name||'')}"></div>
        <div class="form-group"><label>URL CUPS</label><input type="text" data-ai-cfg="url" data-i="${i}" value="${aiEsc(p.url||'')}" placeholder="http://10.0.0.1:631/printers/MyPrinter"></div>
      </div>
      <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
        <label style="font-size:12px;"><input type="radio" name="aiCfgDefault" value="${i}" ${p.id===(aiState._cfgDefaultId||aiState.printConfig?.default_printer_id)?'checked':''}> По умолчанию</label>
        <label style="font-size:12px;"><input type="checkbox" data-ai-cfg="invert" data-i="${i}" ${p.invert_bitmap?'checked':''}> Инвертировать цвета</label>
        <button type="button" class="btn btn-sm btn-secondary" onclick="aiCfgTestPrinter(${i})">Проверить</button>
        <button type="button" class="btn btn-sm btn-danger" onclick="aiCfgRemovePrinter(${i})">Удалить</button>
      </div>
    </div>`).join('') || '<p class="text-muted">Нет принтеров</p>';
}

function aiCfgAddPrinter() {
  aiState._cfgPrinters = aiState._cfgPrinters || [];
  aiState._cfgPrinters.push({
    id: crypto.randomUUID(),
    name: 'Новый принтер',
    url: '',
    enabled: true,
    invert_bitmap: false,
  });
  aiCfgRenderPrinters(aiState._cfgPrinters);
}

function aiCfgRemovePrinter(i) {
  aiState._cfgPrinters.splice(i, 1);
  aiCfgRenderPrinters(aiState._cfgPrinters);
}

async function aiCfgTestPrinter(i) {
  const url = document.querySelector(`input[data-ai-cfg="url"][data-i="${i}"]`)?.value.trim();
  if (!url) { alert('Укажите URL'); return; }
  try {
    const r = await aiApi('/settings/print/test', 'POST', { url });
    const state = r.printer_state || (r.idle ? 'idle' : 'unknown');
    const msg = r.printer_state_message ? `\n${r.printer_state_message}` : '';
    alert(`CUPS IPP OK: ${r.printer_name || url}\nСостояние: ${state}${msg}\n${r.ipp_uri || ''}`);
  } catch (e) { alert(e.message); }
}

async function aiSavePrintSettings() {
  const printers = (aiState._cfgPrinters || []).map((p, i) => ({
    id: p.id || crypto.randomUUID(),
    name: document.querySelector(`input[data-ai-cfg="name"][data-i="${i}"]`)?.value.trim() || 'Принтер',
    url: document.querySelector(`input[data-ai-cfg="url"][data-i="${i}"]`)?.value.trim() || '',
    enabled: true,
    invert_bitmap: !!document.querySelector(`input[data-ai-cfg="invert"][data-i="${i}"]`)?.checked,
  })).filter(p => p.url);
  const defIdx = document.querySelector('input[name="aiCfgDefault"]:checked')?.value;
  const default_printer_id = defIdx != null && printers[defIdx] ? printers[defIdx].id : (printers[0]?.id || '');
  const config = { mode: ai$('aiCfgPrintMode').value, printers, default_printer_id };
  await aiApi('/settings/print', 'PUT', { config });
  aiClosePrintSettings();
  await aiLoadPrintSettings();
  alert('Настройки печати сохранены');
}

function aiSwitchPanel(name) {
  document.querySelectorAll('.ai-inv-tab').forEach(t => t.classList.toggle('active', t.dataset.panel === name));
  ai$('aiPanelItems').hidden = name !== 'items';
  ai$('aiPanelDashboard').hidden = name !== 'dashboard';
  ai$('aiPanelCategories').hidden = name !== 'categories';
  if (name === 'dashboard') void aiRenderDashboard();
  if (name === 'categories') {
    void aiEnsureCategories().then(() => aiRenderCategories());
  }
}

function aiCollectBasis(prefix) {
  const doc = ai$(prefix + 'DocNum')?.value.trim() || '';
  const notes = ai$(prefix + 'Notes')?.value.trim() || ai$(prefix + 'ActionNotes')?.value.trim() || '';
  if (!doc && !notes) throw new Error('Укажите номер документа-основания и/или комментарий');
  const basis = { doc_number: doc || null, action_notes: notes || null };
  const docDate = ai$(prefix + 'DocDate')?.value;
  if (docDate) basis.doc_date = docDate;
  return basis;
}

function aiBasisFieldsHtml() {
  return `<div class="ai-inv-basis-block" style="margin-top:0;padding-top:0;border-top:none;">
    <p class="ai-inv-basis-hint">Укажите номер документа-основания и/или комментарий.</p>
    <div class="form-row">
      <div class="form-group"><label>№ документа</label><input type="text" id="aiBulkDocNum"></div>
      <div class="form-group"><label>Дата документа</label><input type="date" id="aiBulkDocDate"></div>
    </div>
    <div class="form-group"><label>Комментарий</label><textarea id="aiBulkNotes" rows="2"></textarea></div>
  </div>`;
}

function aiApplyHeaderStats(s) {
  if (!s) return;
  const units = (s.total_quantity || 0).toLocaleString('ru-RU');
  ai$('aiStatTotal').textContent = `Всего: ${s.total||0} · ${units} ед.`;
  ai$('aiStatStock').textContent = `На складе: ${s.in_stock||0}`;
  ai$('aiStatActive').textContent = `В экспл.: ${s.active||0}`;
  ai$('aiStatRepair').textContent = `В ремонте: ${s.in_repair||0}`;
}

async function aiLoadHeaderStats() {
  if (aiState._headerStatsInFlight) return aiState._headerStatsInFlight;
  aiState._headerStatsInFlight = (async () => {
    try {
      const { stats: s } = await aiApi('/stats/header');
      aiApplyHeaderStats(s);
      if (!aiState.stats) aiState.stats = s;
      else Object.assign(aiState.stats, s);
    } catch (e) { console.error(e); }
  })();
  try { await aiState._headerStatsInFlight; } finally { aiState._headerStatsInFlight = null; }
}

async function aiLoadStats() {
  if (aiState._statsInFlight) return aiState._statsInFlight;
  aiState._statsInFlight = (async () => {
    try {
      const { stats: s } = await aiApi('/stats');
      aiApplyHeaderStats(s);
      aiState.stats = s;
      aiState._dashboardReady = true;
    } catch (e) { console.error(e); }
  })();
  try { await aiState._statsInFlight; } finally { aiState._statsInFlight = null; }
}

/** Обновление списка, статистики и видимых панелей после изменения данных. */
async function aiRefreshAfterMutation(itemId = null) {
  const tasks = [aiLoadItems()];
  if (!ai$('aiPanelDashboard').hidden) tasks.push(aiRenderDashboard());
  else tasks.push(aiLoadHeaderStats());
  await Promise.all(tasks);
  if (!itemId) return;
  const refreshItem = async (stateKey, containerId, context) => {
    const current = aiState[stateKey];
    if (!current || current.id !== itemId) return;
    try {
      const { item } = await aiApi('/items/' + itemId);
      aiState[stateKey] = item;
      const el = ai$(containerId);
      if (!el) return;
      if (stateKey === 'viewItem' && context === 'card' && ai$('aiCardShell')) {
        // Точечное обновление слотов — без remount фото и полной пересборки.
        aiPaintCardShell(item, { txLoading: false });
        (async () => {
          try {
            const tx = await aiApi(
              `/items/${itemId}/transactions?limit=${AI_TX_PAGE_SIZE}&offset=0`,
            );
            const transactions = tx.transactions || [];
            aiState.cardTransactions = transactions;
            aiState.cardTxHasMore = !!tx.has_more;
            aiState.cardTxOffset = transactions.length;
            const cardModal = ai$('aiCardModal');
            if (cardModal && cardModal.classList.contains('active') && aiState.viewItem && aiState.viewItem.id === itemId) {
              aiPaintCardTxSlot();
            }
          } catch (_) {}
        })();
      } else {
        el.innerHTML = aiRenderItemCard(item, { context });
      }
    } catch (_) {}
  };
  await refreshItem('scanItem', 'aiScanResult', 'scan');
  await refreshItem('viewItem', 'aiCardBody', 'card');
}

async function aiLoadCategories() {
  const { categories } = await aiApi('/categories');
  aiState.categories = categories || [];
  const catOpts = aiState.categories.map(c => `<option value="${c.id}">${c.icon||'📁'} ${aiEsc(c.name)}</option>`).join('');
  ai$('aiFilterCategory').innerHTML = '<option value="">Все категории</option>' + catOpts;
  ai$('aiEditCategory').innerHTML = '<option value="">Без категории</option>' + catOpts;
  ai$('aiCatParent').innerHTML = '<option value="">Нет</option>' + aiState.categories.map(c => `<option value="${c.id}">${aiEsc(c.name)}</option>`).join('');
}

async function aiLoadTemplates() {
  const { templates } = await aiApi('/templates');
  aiState.templates = templates || [];
  ai$('aiPrintTemplate').innerHTML = '<option value="">По умолчанию</option>' + aiState.templates.map(t => `<option value="${t.id}">${aiEsc(t.name)} (${t.width_mm}×${t.height_mm})</option>`).join('');
}

async function aiLoadItems() {
  if (aiState._itemsInFlight) return aiState._itemsInFlight;
  const p = new URLSearchParams({ limit: aiState.limit, offset: aiState.page * aiState.limit });
  const q = ai$('aiSearch').value.trim(); if (q) p.set('q', q);
  const t = ai$('aiFilterType').value; if (t) p.set('item_type', t);
  const c = ai$('aiFilterCategory').value; if (c) p.set('category_id', c);
  const s = ai$('aiFilterStatus').value; if (s) p.set('status', s);
  aiState._itemsInFlight = (async () => {
    try {
      const data = await aiApi('/items?' + p);
      aiState.items = data.items || []; aiState.total = data.total || 0;
      aiRenderTable();
      ai$('aiPageInfo').textContent = `${aiState.total} объектов`;
    } catch (e) {
      ai$('aiTableBody').innerHTML = `<tr><td colspan="9" class="empty-state">${aiEsc(e.message)}</td></tr>`;
    }
  })();
  try { await aiState._itemsInFlight; } finally { aiState._itemsInFlight = null; }
}

function aiRenderTable() {
  aiCloseRowMenus();
  const tb = ai$('aiTableBody');
  if (!aiState.items.length) { tb.innerHTML = '<tr><td colspan="9" class="empty-state">Нет объектов</td></tr>'; return; }
  tb.innerHTML = aiState.items.map(item => {
    const st = AI_STATUS[item.status] || [item.status,'status-cancelled'];
    return `<tr>
      <td><input type="checkbox" ${aiState.selected.has(String(item.id))?'checked':''} onchange="aiToggleItem(${item.id},this.checked)"></td>
      <td title="${AI_TYPE_LABELS[item.item_type]||''}">${AI_TYPE_ICONS[item.item_type]||'📦'}</td>
      <td><button type="button" class="ai-inv-name-link" onclick="aiOpenCard(${item.id})" title="Открыть карточку">${aiEsc(item.name)}</button></td>
      <td>${item.category_icon||'📁'} ${aiEsc(item.category_name||'—')}</td>
      <td>${aiEsc(item.inventory_number||'—')}</td>
      <td><span class="status-badge ${st[1]}">${st[0]}</span></td>
      <td>${aiEsc(item.location||'—')}</td>
      <td>${item.quantity||0} ${aiEsc(item.unit||'')}</td>
      <td class="ai-inv-col-actions">${aiRenderQuickActionsGrid(item.id, { compact: true })}</td>
    </tr>`;
  }).join('');
}

function aiToggleItem(id, on) { on ? aiState.selected.add(String(id)) : aiState.selected.delete(String(id)); }
function aiToggleAll(on) { aiState.items.forEach(i => on ? aiState.selected.add(String(i.id)) : aiState.selected.delete(String(i.id))); aiRenderTable(); }
function aiPrevPage() { if (aiState.page > 0) { aiState.page--; aiLoadItems(); } }
function aiNextPage() { if ((aiState.page+1)*aiState.limit < aiState.total) { aiState.page++; aiLoadItems(); } }
function aiResetFilters() { ai$('aiSearch').value=''; ai$('aiFilterType').value=''; ai$('aiFilterCategory').value=''; ai$('aiFilterStatus').value=''; aiState.page=0; aiLoadItems(); }

async function aiOpenEdit(id) {
  await aiEnsureCategories();
  aiCloseCard();
  aiCloseScan();
  ai$('aiEditId').value = id || '';
  ai$('aiEditTitle').textContent = id ? 'Редактировать объект' : 'Добавить объект';
  ai$('aiDeleteBtn').style.display = id && AI_CAN.delete ? 'inline-flex' : 'none';
  ai$('aiEditBasisBlock').style.display = id ? 'block' : 'none';
  ai$('aiEditDocNum').value = '';
  ai$('aiEditDocDate').value = '';
  ai$('aiEditActionNotes').value = '';
  const hintEl = ai$('aiEditItemHint');
  ai$('aiEditModal').classList.add('active');
  if (id) {
    hintEl.hidden = false;
    hintEl.innerHTML = `<p class="text-muted" style="font-size:13px;margin:0;">Загрузка…</p>`;
    const { item } = await aiApi('/items/' + id);
    const st = AI_STATUS[item.status] || [item.status, 'status-cancelled'];
    hintEl.innerHTML = `<strong>${aiEsc(item.name)}</strong>
      · ${aiEsc(item.inventory_number || 'без инв. №')}
      · <span class="status-badge ${st[1]}">${st[0]}</span>
      · ${aiEsc(item.location || 'место не указано')}
      · ${item.quantity ?? 0} ${aiEsc(item.unit || 'шт')}`;
    ai$('aiEditName').value = item.name||''; ai$('aiEditType').value = item.item_type||'equipment';
    ai$('aiEditCategory').value = item.category_id||''; ai$('aiEditStatus').value = item.status||'in_stock';
    ai$('aiEditInvNum').value = item.inventory_number||''; ai$('aiEditSerial').value = item.serial_number||'';
    ai$('aiEditBarcode').value = item.barcode||''; ai$('aiEditLocation').value = item.location||'';
    ai$('aiEditManufacturer').value = item.manufacturer||''; ai$('aiEditModel').value = item.model||'';
    ai$('aiEditQty').value = item.quantity||1; ai$('aiEditUnit').value = item.unit||'шт';
    ai$('aiEditMinQty').value = item.min_quantity||''; ai$('aiEditResponsible').value = item.responsible||'';
    ai$('aiEditPurchasePrice').value = item.purchase_price != null ? item.purchase_price : '';
    ai$('aiEditCurrentValue').value = item.current_value != null ? item.current_value : '';
    ai$('aiEditPurchaseDate').value = aiDateInputValue(item.purchase_date);
    ai$('aiEditWarrantyEnd').value = aiDateInputValue(item.warranty_end_date);
    ai$('aiEditDesc').value = item.description||'';
    ai$('aiEditNotes').value = item.notes||'';
    ai$('aiEditPhotoInput').value = '';
    const photoTs = (aiState.photoTsById && aiState.photoTsById[item.id]) || 0;
    const showPhoto = !!(photoTs || item.has_photo !== false);
    const photoSrc = photoTs ? `${AI_API}/items/${item.id}/photo?ts=${photoTs}` : `${AI_API}/items/${item.id}/photo`;
    ai$('aiEditPhotoPreview').innerHTML = showPhoto
      ? `<div style="display:flex;flex-direction:column;gap:8px;align-items:flex-start;">
      <img
        id="aiEditPhotoImg"
        src="${photoSrc}"
        alt="Фото объекта"
        style="max-width:100%;max-height:240px;object-fit:contain;display:block;border:1px solid var(--border);border-radius:10px;background:var(--bg-secondary);padding:8px;box-sizing:border-box;"
        onerror="const ph=this.parentElement.querySelector('[data-photo-placeholder]'); if(ph) ph.hidden=false; this.remove();"
      />
      <p data-photo-placeholder hidden class="text-muted" style="font-size:12px;margin:0;">Фото не найдено</p>
    </div>`
      : `<p class="text-muted" style="font-size:12px;margin:0;">Фото не найдено</p>`;
  } else {
    hintEl.hidden = true;
    hintEl.innerHTML = '';
    ai$('aiEditForm').reset(); ai$('aiEditQty').value=1; ai$('aiEditUnit').value='шт';
    if (ai$('aiEditPhotoInput')) ai$('aiEditPhotoInput').value = '';
    if (ai$('aiEditPhotoPreview')) ai$('aiEditPhotoPreview').innerHTML = '';
  }
}
function aiCloseEdit() { ai$('aiEditModal').classList.remove('active'); }

async function aiSaveItem(e) {
  e.preventDefault();
  const id = ai$('aiEditId').value;
  const payload = {
    name: ai$('aiEditName').value.trim(), item_type: ai$('aiEditType').value,
    category_id: parseInt(ai$('aiEditCategory').value)||null, status: ai$('aiEditStatus').value,
    inventory_number: ai$('aiEditInvNum').value.trim()||null, serial_number: ai$('aiEditSerial').value.trim()||null,
    barcode: ai$('aiEditBarcode').value.trim()||null, location: ai$('aiEditLocation').value.trim()||null,
    manufacturer: ai$('aiEditManufacturer').value.trim()||null, model: ai$('aiEditModel').value.trim()||null,
    quantity: parseInt(ai$('aiEditQty').value)||1, unit: ai$('aiEditUnit').value.trim()||'шт',
    min_quantity: parseInt(ai$('aiEditMinQty').value)||null, responsible: ai$('aiEditResponsible').value.trim()||null,
    purchase_price: aiParseOptionalNumber('aiEditPurchasePrice'),
    current_value: aiParseOptionalNumber('aiEditCurrentValue'),
    purchase_date: ai$('aiEditPurchaseDate').value || null,
    warranty_end_date: ai$('aiEditWarrantyEnd').value || null,
    description: ai$('aiEditDesc').value.trim()||null,
    notes: ai$('aiEditNotes').value.trim()||null,
  };
  try {
    if (id) {
      Object.assign(payload, aiCollectBasis('aiEdit'));
    }
    if (id) await aiApi('/items/'+id, 'PUT', payload); else await aiApi('/items', 'POST', payload);
    aiCloseEdit(); await aiRefreshAfterMutation(id ? parseInt(id, 10) : null);
  } catch(e) { alert(e.message); }
}

async function aiUploadItemPhoto() {
  const id = ai$('aiEditId').value;
  if (!id) { alert('Сначала выберите объект'); return; }
  const input = ai$('aiEditPhotoInput');
  const file = input?.files?.[0];
  if (!file) { alert('Выберите изображение'); return; }

  const btn = ai$('aiEditPhotoUploadBtn');
  if (btn) btn.disabled = true;
  try {
    const fd = new FormData();
    fd.append('file', file);
    const res = await fetch(AI_API + '/items/' + id + '/photo', { method: 'POST', body: fd });
    const data = await res.json().catch(() => ({}));
    if (!res.ok) throw new Error(data.detail || data.message || `HTTP ${res.status}`);

    const ts = Date.now();
    aiState.photoTsById = aiState.photoTsById || {};
    aiState.photoTsById[id] = ts;
    if (input) input.value = '';

    const photoSrc = `${AI_API}/items/${id}/photo?ts=${ts}`;
    const preview = ai$('aiEditPhotoPreview');
    if (preview) {
      preview.innerHTML = `<div style="display:flex;flex-direction:column;gap:8px;align-items:flex-start;">
        <img
          id="aiEditPhotoImg"
          src="${photoSrc}"
          alt="Фото объекта"
          style="max-width:100%;max-height:240px;object-fit:contain;display:block;border:1px solid var(--border);border-radius:10px;background:var(--bg-secondary);padding:8px;box-sizing:border-box;"
          onerror="const ph=this.parentElement.querySelector('[data-photo-placeholder]'); if(ph) ph.hidden=false; this.remove();"
        />
        <p data-photo-placeholder hidden class="text-muted" style="font-size:12px;margin:0;">Фото не найдено</p>
      </div>`;
    }
    const cardImg = ai$('aiItemPhoto_' + id);
    if (cardImg) cardImg.src = photoSrc;
  } catch(e) {
    alert(e.message || String(e));
  } finally {
    if (btn) btn.disabled = false;
  }
}

async function aiDeleteItem() {
  const id = ai$('aiEditId').value;
  if (!id || !confirm('Удалить объект?')) return;
  try {
    const basis = aiCollectBasis('aiEdit');
    await aiApi('/items/'+id+'/action', 'POST', { action: 'delete', ...basis });
    aiCloseEdit(); await aiRefreshAfterMutation();
  } catch(e) { alert(e.message); }
}

function aiOpenImport(mode = 'items', itemId = null) {
  aiState.importMode = mode;
  aiState.importItemId = itemId;
  ai$('aiImportFile').value = '';
  ai$('aiImportResult').textContent = '';
  aiCsvJobStopPoll();
  aiSetImportProgress(0, '', true);
  const submitBtn = ai$('aiImportSubmitBtn');
  if (submitBtn) submitBtn.disabled = false;
  aiUpdateImportModalUi();
  ai$('aiImportModal').classList.add('active');
}
function aiCloseImport() {
  aiCsvJobStopPoll();
  ai$('aiImportModal').classList.remove('active');
  aiState.importItemId = null;
  const submitBtn = ai$('aiImportSubmitBtn');
  if (submitBtn) submitBtn.disabled = false;
}
function aiUpdateImportModalUi() {
  const mode = aiState.importMode || ai$('aiImportMode')?.value || 'items';
  aiState.importMode = mode;
  const isItemTx = mode === 'item_transactions';
  const isTx = mode === 'transactions' || isItemTx;
  const isItems = mode === 'items' && !isItemTx;
  const modeBlock = ai$('aiImportModeBlock');
  if (modeBlock) modeBlock.hidden = isItemTx;
  if (ai$('aiImportMode') && !isItemTx) ai$('aiImportMode').value = isTx ? 'transactions' : 'items';
  ai$('aiImportTitle').textContent = isItems ? 'Импорт объектов' : 'Импорт операций';
  ai$('aiImportItemsBlock').hidden = !isItems;
  ai$('aiImportTxBlock').hidden = !isTx;
  const link = ai$('aiImportTemplateLink');
  if (link) {
    link.href = isTx ? AI_API + '/import/transactions/template' : AI_API + '/import/template';
    link.download = isTx ? 'asset-inventory-transactions-template.csv' : 'asset-inventory-template.csv';
  }
  const hint = ai$('aiImportHint');
  if (hint && isItemTx && aiState.importItemId) {
    hint.innerHTML = `Импорт операций для объекта #${aiState.importItemId}. Колонка <code>inventory_number</code> необязательна. <a id="aiImportTemplateLink" href="${AI_API}/import/transactions/template" download>Шаблон CSV</a>`;
  } else if (hint) {
    hint.innerHTML = `Загрузите CSV-файл. <a id="aiImportTemplateLink" href="${link?.href || (AI_API + '/import/template')}" download>Шаблон</a>`;
  }
}
function aiSetImportProgress(pct, text, hide = false) {
  const wrap = ai$('aiImportProgress');
  const fill = ai$('aiImportProgressFill');
  const label = ai$('aiImportProgressText');
  if (!wrap) return;
  wrap.hidden = !!hide;
  if (fill) fill.style.width = `${Math.max(0, Math.min(100, pct))}%`;
  if (label) label.textContent = text || '';
}
function aiSetExportProgress(pct, text) {
  const fill = ai$('aiCsvExportProgressFill');
  const label = ai$('aiCsvExportProgressText');
  if (fill) fill.style.width = `${Math.max(0, Math.min(100, pct))}%`;
  if (label) label.textContent = text || '';
}
function aiCsvJobStopPoll() {
  if (aiState.csvJobPollTimer) {
    clearInterval(aiState.csvJobPollTimer);
    aiState.csvJobPollTimer = null;
  }
}
async function aiDownloadCsvJob(jobId) {
  const url = `${AI_API}/jobs/${encodeURIComponent(jobId)}/download`;
  const res = await fetch(url);
  if (res.status === 401) { window.location.href = '/login'; return; }
  if (!res.ok) {
    const text = await res.text();
    throw new Error(text || res.statusText);
  }
  const blob = await res.blob();
  const disposition = res.headers.get('Content-Disposition') || '';
  let filename = `asset-inventory-${jobId}.csv`;
  const match = disposition.match(/filename="?([^";\n]+)"?/i);
  if (match && match[1]) filename = match[1].trim();
  const objectUrl = URL.createObjectURL(blob);
  const link = document.createElement('a');
  link.href = objectUrl;
  link.download = filename;
  document.body.appendChild(link);
  link.click();
  link.remove();
  window.setTimeout(() => URL.revokeObjectURL(objectUrl), 5000);
}
function aiPollCsvJob(jobId, { onProgress, onComplete, onFailed, statusPath }) {
  aiCsvJobStopPoll();
  if (onProgress) onProgress(8, 'Задача в очереди…');
  const path = statusPath || `/jobs/${encodeURIComponent(jobId)}`;
  const tick = async () => {
    try {
      const st = await aiApi(path);
      if (!st) return;
      const pct = Number(st.progress) || 0;
      const msg = st.message || st.status || '';
      if (onProgress) onProgress(pct, msg);
      if (st.status === 'completed') {
        aiCsvJobStopPoll();
        if (onComplete) await onComplete(st);
      } else if (st.status === 'failed') {
        aiCsvJobStopPoll();
        throw new Error(st.error || 'Задача завершилась с ошибкой');
      }
    } catch (e) {
      aiCsvJobStopPoll();
      if (onFailed) onFailed(e);
      else alert(e.message || String(e));
    }
  };
  void tick();
  aiState.csvJobPollTimer = window.setInterval(tick, 1500);
}
async function aiDoImport() {
  const file = ai$('aiImportFile').files[0]; if (!file) { alert('Выберите файл'); return; }
  if (typeof awmConfirmHeavyTask === 'function') {
    if (!(await awmConfirmHeavyTask('импорт CSV инвентаризации'))) return;
  }
  const text = await file.text();
  const mode = aiState.importMode || ai$('aiImportMode')?.value || 'items';
  const isTx = mode === 'transactions' || mode === 'item_transactions';
  const submitBtn = ai$('aiImportSubmitBtn');
  if (submitBtn) submitBtn.disabled = true;
  ai$('aiImportResult').textContent = '';
  aiSetImportProgress(5, 'Отправка файла…');
  try {
    let url = AI_API + '/import/csv/jobs?update_existing=' + (ai$('aiImportUpdate')?.checked ? 'true' : 'false');
    if (isTx) {
      const applyQty = ai$('aiImportApplyQty')?.checked ? 'true' : 'false';
      if (mode === 'item_transactions' && aiState.importItemId) {
        url = `${AI_API}/items/${aiState.importItemId}/import/transactions.csv/jobs?apply_quantity=${applyQty}`;
      } else {
        url = `${AI_API}/import/transactions.csv/jobs?apply_quantity=${applyQty}`;
      }
    }
    const res = await fetch(url, { method: 'POST', headers: { 'Content-Type': 'text/csv' }, body: text });
    const data = await res.json().catch(() => ({}));
    if (!res.ok) throw new Error(data.detail || data.message || `HTTP ${res.status}`);
    if (!data.job_id) throw new Error('Не получен идентификатор задачи');
    aiPollCsvJob(data.job_id, {
      onProgress: (pct, msg) => aiSetImportProgress(pct, msg),
      onComplete: async (st) => {
        aiSetImportProgress(100, 'Выполнено');
        const result = st.result || {};
        if (isTx) {
          ai$('aiImportResult').innerHTML = `Импортировано: <b>${result.imported ?? 0}</b>, ошибок: <b>${result.failed ?? 0}</b>${result.quantity_updated ? `, обновлено количество у <b>${result.quantity_updated}</b> объектов` : ''}`;
          if (result.errors?.length) {
            ai$('aiImportResult').innerHTML += `<pre style="font-size:11px;margin-top:8px;white-space:pre-wrap;">${aiEsc(result.errors.join('\n'))}</pre>`;
          }
        } else {
          ai$('aiImportResult').innerHTML = `Создано: <b>${result.created ?? 0}</b>, обновлено: <b>${result.updated ?? 0}</b>, ошибок: <b>${result.failed ?? 0}</b>`;
          if (result.errors?.length) {
            ai$('aiImportResult').innerHTML += `<pre style="font-size:11px;margin-top:8px;white-space:pre-wrap;">${aiEsc(result.errors.join('\n'))}</pre>`;
          }
        }
        if (submitBtn) submitBtn.disabled = false;
        const refreshId = mode === 'item_transactions' ? aiState.importItemId : null;
        await aiRefreshAfterMutation(refreshId);
        if (refreshId && aiState.viewItem && aiState.viewItem.id === refreshId) {
          await aiOpenCard(refreshId);
        }
      },
      onFailed: (e) => {
        aiSetImportProgress(100, 'Ошибка');
        if (submitBtn) submitBtn.disabled = false;
        alert(e.message || String(e));
      },
    });
  } catch(e) {
    aiSetImportProgress(0, '', true);
    if (submitBtn) submitBtn.disabled = false;
    alert(e.message);
  }
}
function aiCloseCsvExport() {
  aiCsvJobStopPoll();
  ai$('aiCsvExportModal')?.classList.remove('active');
}
async function aiStartCsvExportJob(path, title) {
  if (typeof awmConfirmHeavyTask === 'function') {
    if (!(await awmConfirmHeavyTask(title || 'экспорт CSV'))) return;
  }
  aiCsvJobStopPoll();
  if (ai$('aiCsvExportTitle')) ai$('aiCsvExportTitle').textContent = title || 'Экспорт CSV';
  aiSetExportProgress(5, 'Запуск…');
  ai$('aiCsvExportModal')?.classList.add('active');
  try {
    const data = await aiApi(path, 'POST');
    if (!data.job_id) throw new Error('Не получен идентификатор задачи');
    aiPollCsvJob(data.job_id, {
      onProgress: (pct, msg) => aiSetExportProgress(pct, msg),
      onComplete: async () => {
        aiSetExportProgress(100, 'Скачивание…');
        await aiDownloadCsvJob(data.job_id);
        aiSetExportProgress(100, 'Выполнено');
        window.setTimeout(() => aiCloseCsvExport(), 600);
      },
      onFailed: (e) => {
        aiSetExportProgress(100, 'Ошибка');
        alert(e.message || String(e));
      },
    });
  } catch (e) {
    aiSetExportProgress(100, 'Ошибка');
    alert(e.message || String(e));
  }
}
function aiExportCsv() { void aiStartCsvExportJob('/export/csv/jobs', 'Экспорт объектов'); }
function aiExportTransactionsCsv() { void aiStartCsvExportJob('/export/transactions.csv/jobs', 'Экспорт операций'); }
function aiExportItemTransactionsCsv(itemId) {
  void aiStartCsvExportJob(`/items/${itemId}/export/transactions.csv/jobs`, 'Экспорт операций объекта');
}

function aiOpenPrint() {
  if (!aiState.selected.size) { alert('Выберите объекты'); return; }
  void aiEnsurePrintSettings().then(() => aiEnsureTemplates()).then(() => {
    aiRefreshPrintUi();
    aiSetPrintProgress(0, '', true);
    const btn = ai$('aiPrintSubmitBtn');
    if (btn) btn.disabled = false;
    ai$('aiPrintModal').classList.add('active');
  });
}
function aiClosePrint() {
  aiCsvJobStopPoll();
  ai$('aiPrintModal').classList.remove('active');
  const btn = ai$('aiPrintSubmitBtn');
  if (btn) btn.disabled = false;
}
async function aiPreviewPrint() {
  const ids = [...aiState.selected]; if (!ids.length) return;
  const tpl = ai$('aiPrintTemplate').value;
  const q = `item_id=${ids[0]}${tpl?'&template_id='+tpl:''}`;
  const data = await aiApi('/print/preview?' + q);
  ai$('aiPrintPreview').innerHTML = data.preview_html || '';
}
function aiSetPrintProgress(pct, text, hide = false) {
  const wrap = ai$('aiPrintProgress');
  const fill = ai$('aiPrintProgressFill');
  const label = ai$('aiPrintProgressText');
  if (!wrap) return;
  wrap.hidden = !!hide;
  if (fill) fill.style.width = `${Math.max(0, Math.min(100, pct))}%`;
  if (label) label.textContent = text || '';
}
async function aiDoPrint() {
  const ids = [...aiState.selected].map(Number);
  if (!ids.length) { alert('Выберите объекты'); return; }
  if (typeof awmConfirmHeavyTask === 'function') {
    if (!(await awmConfirmHeavyTask('печать этикеток'))) return;
  }
  const mode = ai$('aiPrintMode').value || 'thermal';
  const cfg = aiState.printConfig || {};
  let delivery = cfg.mode === 'cups_only' ? 'cups' : (cfg.mode === 'browser' ? 'browser' : (ai$('aiPrintDelivery')?.value || 'browser'));
  const printer_id = ai$('aiPrintPrinter')?.value || cfg.default_printer_id || '';
  if (delivery === 'cups' && !printer_id) {
    alert('Выберите CUPS-принтер или настройте принтеры в «Печать (CUPS)»');
    return;
  }
  const submitBtn = ai$('aiPrintSubmitBtn');
  if (submitBtn) submitBtn.disabled = true;
  aiSetPrintProgress(5, 'Запуск печати…');
  try {
    const data = await aiApi('/print/jobs', 'POST', {
      item_ids: ids,
      template_id: parseInt(ai$('aiPrintTemplate').value)||null,
      copies: parseInt(ai$('aiPrintCopies').value)||1,
      mode,
      output: 'pdf',
      delivery,
      printer_id: delivery === 'cups' ? printer_id : undefined,
      invert_bitmap: delivery === 'cups' ? !!ai$('aiPrintInvertBitmap')?.checked : undefined,
    });
    if (!data.job_id) throw new Error('Не получен идентификатор задачи печати');
    aiPollCsvJob(data.job_id, {
      statusPath: `/print/jobs/${encodeURIComponent(data.job_id)}`,
      onProgress: (pct, msg) => aiSetPrintProgress(pct, msg),
      onComplete: async (st) => {
        aiSetPrintProgress(100, 'Выполнено');
        const result = st.result || {};
        if (result.warnings?.length) {
          alert(result.warnings.join('\n\n'));
        }
        if (result.delivery === 'cups' || result.output === 'cups') {
          aiClosePrint();
          alert(`Отправлено на CUPS: ${result.printer_name || ''}\n${result.cups?.job_detail || result.message || ''}`);
          if (submitBtn) submitBtn.disabled = false;
          return;
        }
        if (result.has_pdf || st.download_url) {
          const url = `${AI_API}/print/jobs/${encodeURIComponent(data.job_id)}/download`;
          const res = await fetch(url);
          if (!res.ok) throw new Error(await res.text() || res.statusText);
          const blob = await res.blob();
          const objectUrl = URL.createObjectURL(blob);
          const pdfData = {
            pdf_base64: '',
            filename: result.filename || st.filename || 'labels.pdf',
            _blobUrl: objectUrl,
          };
          // Открываем PDF через blob URL (без base64 в JSON)
          const w = window.open(objectUrl, '_blank');
          if (!w) {
            const a = document.createElement('a');
            a.href = objectUrl;
            a.download = pdfData.filename;
            a.click();
          }
          setTimeout(() => URL.revokeObjectURL(objectUrl), 120000);
          aiClosePrint();
          if (submitBtn) submitBtn.disabled = false;
          return;
        }
        if (result.print_html) {
          const w = window.open('', '_blank');
          w.document.write(result.print_html);
          w.document.close();
        }
        aiClosePrint();
        if (submitBtn) submitBtn.disabled = false;
      },
      onFailed: (e) => {
        aiSetPrintProgress(100, 'Ошибка');
        if (submitBtn) submitBtn.disabled = false;
        alert(e.message || String(e));
      },
    });
  } catch (e) {
    aiSetPrintProgress(0, '', true);
    if (submitBtn) submitBtn.disabled = false;
    alert(e.message);
  }
}

function aiOpenPdfPrint(data) {
  if (data._blobUrl) {
    const w = window.open(data._blobUrl, '_blank');
    if (!w) {
      const a = document.createElement('a');
      a.href = data._blobUrl;
      a.download = data.filename || 'labels.pdf';
      a.click();
    }
    return;
  }
  const bytes = Uint8Array.from(atob(data.pdf_base64), c => c.charCodeAt(0));
  const blob = new Blob([bytes], { type: 'application/pdf' });
  const url = URL.createObjectURL(blob);
  const w = window.open(url, '_blank');
  if (!w) {
    const a = document.createElement('a');
    a.href = url;
    a.download = data.filename || 'labels.pdf';
    a.click();
  }
  setTimeout(() => URL.revokeObjectURL(url), 120000);
}

function aiScanClearAfterEnabled() {
  return !!ai$('aiScanClearAfter')?.checked;
}

function aiPersistScanClearAfter() {
  try {
    localStorage.setItem(AI_SCAN_CLEAR_KEY, aiScanClearAfterEnabled() ? '1' : '0');
  } catch (_) {}
}

function aiRestoreScanClearAfter() {
  const el = ai$('aiScanClearAfter');
  if (!el) return;
  try {
    const saved = localStorage.getItem(AI_SCAN_CLEAR_KEY);
    if (saved === '1' || saved === '0') el.checked = saved === '1';
  } catch (_) {}
}

function aiOpenScan() {
  aiState.scanItem = null;
  ai$('aiScanInput').value = '';
  ai$('aiScanResult').innerHTML = '';
  aiRestoreScanClearAfter();
  ai$('aiScanModal').classList.add('active');
  setTimeout(() => ai$('aiScanInput')?.focus(), 100);
}
function aiCloseScan() { ai$('aiScanModal').classList.remove('active'); }

function aiOnScanInputKeydown(event) {
  if (event.key !== 'Enter') return;
  event.preventDefault();
  aiDoScan();
}

async function aiDoScan() {
  const input = ai$('aiScanInput');
  const code = (input?.value || '').trim();
  if (!code || aiState._scanInFlight) return;
  const clearAfter = aiScanClearAfterEnabled();
  if (clearAfter) input.value = '';
  aiState._scanInFlight = true;
  try {
    const { item } = await aiApi('/barcode/scan?barcode=' + encodeURIComponent(code));
    let transactions = [];
    try {
      const tx = await aiApi(`/items/${item.id}/transactions?limit=${AI_TX_PAGE_SIZE}&offset=0`);
      transactions = tx.transactions || [];
      // Для scan-карточки «Показать ещё» не показываем (компактный контекст).
    } catch (_) {}
    aiState.scanItem = item;
    ai$('aiScanResult').innerHTML = aiRenderItemCard(item, { context: 'scan', transactions });
  } catch(e) {
    aiState.scanItem = null;
    ai$('aiScanResult').innerHTML = `<p class="text-muted" style="color:var(--danger);margin-top:12px;">${aiEsc(e.message)}</p>`;
  } finally {
    aiState._scanInFlight = false;
    if (clearAfter) {
      try { input.focus(); } catch (_) {}
    }
  }
}

async function aiScanPrint(itemId) {
  aiState.selected.clear();
  aiState.selected.add(String(itemId));
  aiCloseScan();
  aiCloseCard();
  aiOpenPrint();
}

const AI_ACTION_META = {
  update_status: { title: 'Смена статуса', fields: `<div class="form-group"><label>Новый статус *</label><select id="aiActionStatus"><option value="in_stock">На складе</option><option value="active">В эксплуатации</option><option value="in_repair">В ремонте</option><option value="written_off">Списан</option><option value="lost">Утерян</option></select></div>` },
  transfer: { title: 'Перемещение', fields: `<div class="form-group"><label>Новое место *</label><input type="text" id="aiActionLocation"></div><div class="form-group"><label>Ответственный</label><input type="text" id="aiActionResponsible"></div>` },
  writeoff: { title: 'Списание', fields: `<div class="form-group"><label>Причина списания *</label><input type="text" id="aiActionReason" placeholder="Неисправность, моральный износ…"></div>` },
  issue: { title: 'Выдача', fields: `<div class="form-group"><label>Количество *</label><input type="number" id="aiActionQty" value="1" min="1"></div>` },
  receipt: { title: 'Приход', fields: `<div class="form-group"><label>Количество *</label><input type="number" id="aiActionQty" value="1" min="1"></div>` },
};

function aiOpenAction(action, itemId, bulk=false) {
  const item = bulk ? null : (aiState.scanItem && aiState.scanItem.id === itemId ? aiState.scanItem : aiState.viewItem && aiState.viewItem.id === itemId ? aiState.viewItem : aiState.items.find(i => i.id === itemId));
  const meta = AI_ACTION_META[action];
  if (!meta) return;
  aiState.actionCtx = { action, itemId, bulk };
  ai$('aiActionTitle').textContent = meta.title;
  ai$('aiActionItemHint').textContent = bulk
    ? `Выбрано объектов: ${aiState.selected.size}`
    : (item ? `${item.name} · ${item.inventory_number || 'без инв. №'}` : `Объект #${itemId}`);
  ai$('aiActionFields').innerHTML = meta.fields;
  ai$('aiActionDocNum').value = '';
  ai$('aiActionDocDate').value = '';
  ai$('aiActionNotes').value = '';
  ai$('aiActionModal').classList.add('active');
}
function aiCloseAction() { ai$('aiActionModal').classList.remove('active'); aiState.actionCtx = null; }

async function aiSubmitAction() {
  const ctx = aiState.actionCtx;
  if (!ctx) return;
  let params = {};
  try { params = aiCollectBasis('aiAction'); } catch(e) { alert(e.message); return; }
  const action = ctx.action;
  if (action === 'update_status') {
    params.status = ai$('aiActionStatus')?.value;
    if (!params.status) { alert('Укажите статус'); return; }
  } else if (action === 'transfer') {
    params.to_location = ai$('aiActionLocation')?.value.trim();
    if (!params.to_location) { alert('Укажите место'); return; }
    params.to_responsible = ai$('aiActionResponsible')?.value.trim() || null;
  } else if (action === 'writeoff') {
    params.reason = ai$('aiActionReason')?.value.trim();
    if (!params.reason) { alert('Укажите причину списания'); return; }
  } else if (action === 'issue' || action === 'receipt') {
    params.quantity = parseInt(ai$('aiActionQty')?.value) || 1;
  }
  try {
    if (ctx.bulk) {
      const data = await aiApi('/items/bulk', 'POST', { item_ids: [...aiState.selected].map(Number), action, ...params });
      alert(`Успешно: ${data.success}, ошибок: ${data.failed}`);
      aiState.selected.clear();
    } else {
      await aiApi(`/items/${ctx.itemId}/action`, 'POST', { action, params });
    }
    aiCloseAction();
    await aiRefreshAfterMutation(ctx.bulk ? null : ctx.itemId);
  } catch(e) { alert(e.message); }
}

function aiOpenBulk() { if (!aiState.selected.size) { alert('Выберите объекты'); return; } aiBulkFields(); ai$('aiBulkModal').classList.add('active'); }
function aiCloseBulk() { ai$('aiBulkModal').classList.remove('active'); }
function aiBulkFields() {
  const a = ai$('aiBulkAction').value;
  let html = '';
  if (a==='transfer') html = '<div class="form-group"><label>Новое место *</label><input type="text" id="aiBulkLoc"></div><div class="form-group"><label>Ответственный</label><input type="text" id="aiBulkResp"></div>';
  else if (a==='writeoff') html = '<div class="form-group"><label>Причина списания *</label><input type="text" id="aiBulkReason"></div>';
  else if (a==='update_status') html = '<div class="form-group"><label>Статус *</label><select id="aiBulkStatus"><option value="in_stock">На складе</option><option value="active">В эксплуатации</option><option value="in_repair">В ремонте</option><option value="written_off">Списан</option><option value="lost">Утерян</option></select></div>';
  else if (a==='delete') html = `<p style="color:var(--danger);font-size:13px;">Будет удалено объектов: ${aiState.selected.size}</p>`;
  html += aiBasisFieldsHtml();
  ai$('aiBulkFields').innerHTML = html;
}
async function aiDoBulk() {
  const action = ai$('aiBulkAction').value;
  let basis = {};
  try { basis = aiCollectBasis('aiBulk'); } catch(e) { alert(e.message); return; }
  const params = { ...basis };
  if (action==='transfer') { params.to_location = ai$('aiBulkLoc')?.value.trim(); if (!params.to_location) { alert('Укажите место'); return; } params.to_responsible = ai$('aiBulkResp')?.value.trim(); }
  else if (action==='writeoff') { params.reason = ai$('aiBulkReason')?.value.trim(); if (!params.reason) { alert('Укажите причину'); return; } }
  else if (action==='update_status') params.status = ai$('aiBulkStatus')?.value;
  else if (action==='delete' && !confirm('Удалить выбранные?')) return;
  if (typeof awmConfirmHeavyTask === 'function') {
    if (!(await awmConfirmHeavyTask('массовая операция инвентаризации'))) return;
  }
  try {
    const data = await aiApi('/items/bulk', 'POST', { item_ids: [...aiState.selected].map(Number), action, params });
    if (data.job_id) {
      alert('Массовая операция запущена в фоне. Дождитесь завершения…');
      aiPollCsvJob(data.job_id, {
        statusPath: `/items/bulk/jobs/${encodeURIComponent(data.job_id)}`,
        onProgress: () => {},
        onComplete: async (st) => {
          const r = st.result || {};
          alert(`Успешно: ${r.success ?? 0}, ошибок: ${r.failed ?? 0}${r.errors?.length ? '\n' + r.errors.slice(0,5).join('\n') : ''}`);
          aiCloseBulk(); aiState.selected.clear(); await aiRefreshAfterMutation();
        },
        onFailed: (e) => alert(e.message || String(e)),
      });
      return;
    }
    alert(`Успешно: ${data.success}, ошибок: ${data.failed}${data.errors?.length ? '\n' + data.errors.slice(0,5).join('\n') : ''}`);
    aiCloseBulk(); aiState.selected.clear(); await aiRefreshAfterMutation();
  } catch(e) { alert(e.message); }
}

function aiOpenTemplates() {
  void aiEnsureTemplates().then(() => {
    aiRenderTplList();
    ai$('aiTplModal').classList.add('active');
  });
}
function aiCloseTemplates() { ai$('aiTplModal').classList.remove('active'); }
function aiRenderTplList() {
  ai$('aiTplList').innerHTML = aiState.templates.map(t => `<div style="display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);">
    <div><strong>${aiEsc(t.name)}</strong> <span class="text-muted">${t.width_mm}×${t.height_mm} мм</span></div>
    <button type="button" class="btn btn-sm btn-secondary" onclick="aiEditTpl(${t.id})">Изменить</button></div>`).join('') || '<p class="empty-state">Нет шаблонов</p>';
}
function aiOpenTplEditor() {
  ai$('aiTplId').value=''; ai$('aiTplName').value=''; ai$('aiTplHtml').value=''; ai$('aiTplCss').value='';
  aiState.builderFields = new Set(['name','inventory_number','qr_code','barcode','location']);
  aiBuilderSyncLayout(true); aiBuilderInit(); aiBuilderRefresh();
  ai$('aiTplEditorTitle').textContent='Создать шаблон'; ai$('aiTplEditorModal').classList.add('active');
}
function aiCloseTplEditor() { ai$('aiTplEditorModal').classList.remove('active'); }
function aiEditTpl(id) {
  const t = aiState.templates.find(x => x.id===id); if (!t) return;
  aiCloseTemplates(); ai$('aiTplId').value=t.id; ai$('aiTplName').value=t.name; ai$('aiTplW').value=t.width_mm; ai$('aiTplH').value=t.height_mm;
  ai$('aiTplHtml').value=t.template_html||''; ai$('aiTplCss').value=t.css_styles||'';
  ai$('aiTplPadT').value=t.padding_top_mm||3; ai$('aiTplPadR').value=t.padding_right_mm||3;
  ai$('aiTplPadB').value=t.padding_bottom_mm||3; ai$('aiTplPadL').value=t.padding_left_mm||3;
  if (t.layout_config) {
    try {
      aiState.builderLayout = typeof t.layout_config === 'string' ? JSON.parse(t.layout_config) : t.layout_config;
      aiState.builderFields = new Set((aiState.builderLayout.fields || []).filter(f => f.enabled !== false).map(f => f.id));
    } catch (e) {
      aiHtmlToBuilder();
    }
  } else {
    aiHtmlToBuilder();
  }
  aiBuilderInit(); aiBuilderRenderLayoutTable(); aiBuilderRefresh();
  ai$('aiTplEditorTitle').textContent='Редактировать шаблон'; ai$('aiTplEditorModal').classList.add('active');
}
async function aiSaveTemplate(e) {
  e.preventDefault();
  aiBuilderSyncLayout(false);
  const layout = aiState.builderLayout;
  // HTML всегда из выбранных полей макета — иначе предпросмотр печати расходится с конструктором.
  ai$('aiTplHtml').value = aiLayoutToHtml(layout);
  const payload = {
    name: ai$('aiTplName').value.trim(), width_mm: parseFloat(ai$('aiTplW').value)||60, height_mm: parseFloat(ai$('aiTplH').value)||40,
    template_html: ai$('aiTplHtml').value.trim(), css_styles: ai$('aiTplCss').value.trim()||null,
    layout_config: layout,
    padding_top_mm: parseFloat(ai$('aiTplPadT').value)||3, padding_right_mm: parseFloat(ai$('aiTplPadR').value)||3,
    padding_bottom_mm: parseFloat(ai$('aiTplPadB').value)||3, padding_left_mm: parseFloat(ai$('aiTplPadL').value)||3,
    show_qr: aiState.builderFields.has('qr_code'), show_barcode: aiState.builderFields.has('barcode'),
  };
  const id = ai$('aiTplId').value;
  if (id) await aiApi('/templates/'+id, 'PUT', payload); else await aiApi('/templates', 'POST', payload);
  aiCloseTplEditor(); await aiLoadTemplates(); aiOpenTemplates();
}

function aiBuilderComputeDefaultLayout() {
  const width_mm = parseFloat(ai$('aiTplW')?.value) || 60;
  const height_mm = parseFloat(ai$('aiTplH')?.value) || 40;
  const padding_mm = parseFloat(ai$('aiTplPadT')?.value) || 3;
  const field_ids = [...aiState.builderFields];
  const inner_w = Math.max(10, width_mm - 2 * padding_mm);
  let y = padding_mm;
  const fields = [];
  const has_qr = field_ids.includes('qr_code');
  const has_bc = field_ids.includes('barcode');
  let qr_y = y;
  field_ids.forEach(fid => {
    if (fid === 'name') {
      fields.push({ id: fid, enabled: true, x_mm: padding_mm, y_mm: y, w_mm: inner_w, h_mm: 7, font_pt: 11, bold: true, align: 'center' });
      y += 8;
    } else if (fid === 'inventory_number') {
      fields.push({ id: fid, enabled: true, x_mm: padding_mm, y_mm: y, w_mm: inner_w, h_mm: 5, font_pt: 9, bold: false, align: 'center' });
      y += 5.5;
    } else if (fid === 'qr_code') {
      qr_y = y;
      const qh = Math.min(16, height_mm - y - padding_mm - (has_bc ? 10 : 4));
      fields.push({ id: fid, enabled: true, x_mm: padding_mm, y_mm: y, w_mm: Math.min(16, inner_w * 0.35), h_mm: qh, align: 'center' });
      if (!has_bc) y += qh + 1;
    } else if (fid === 'barcode') {
      const bc_x = padding_mm + (has_qr ? Math.min(16, inner_w * 0.35) + 2 : 0);
      const bc_w = Math.max(10, width_mm - bc_x - padding_mm);
      const bc_y = has_qr ? qr_y : y;
      const bc_h = Math.min(12, height_mm - bc_y - padding_mm);
      fields.push({ id: fid, enabled: true, x_mm: bc_x, y_mm: bc_y, w_mm: bc_w, h_mm: bc_h, align: 'center', show_text: true });
      y = Math.max(y, bc_y + bc_h + 1);
    } else {
      fields.push({ id: fid, enabled: true, x_mm: padding_mm, y_mm: y, w_mm: inner_w, h_mm: 4.5, font_pt: 8, bold: false, align: 'left' });
      y += 5;
    }
  });
  return { version: 1, fields };
}

function aiBuilderSyncLayout(resetPositions) {
  if (resetPositions) {
    aiState.builderLayout = aiBuilderComputeDefaultLayout();
    return;
  }
  const existing = new Map((aiState.builderLayout?.fields || []).map(f => [f.id, f]));
  const defaults = aiBuilderComputeDefaultLayout().fields;
  const defaultMap = new Map(defaults.map(f => [f.id, f]));
  const fields = [...aiState.builderFields].map(id => existing.get(id) || defaultMap.get(id) || { id, enabled: true, x_mm: 3, y_mm: 3, w_mm: 50, h_mm: 5, font_pt: 9, align: 'left' });
  aiState.builderLayout = { version: 1, fields };
}

function aiBuilderAutoLayout() { aiBuilderSyncLayout(true); aiBuilderRenderLayoutTable(); aiBuilderRefresh(); }

function aiBuilderUpdateField(fid, prop, value) {
  const field = (aiState.builderLayout.fields || []).find(f => f.id === fid);
  if (!field) return;
  if (prop === 'show_text' || prop === 'bold') field[prop] = !!value;
  else if (prop === 'align') field[prop] = value;
  else field[prop] = parseFloat(value) || 0;
  if (prop === 'show_text' && fid === 'barcode') aiBuilderRenderLayoutTable();
  aiBuilderRefresh();
}

function aiBuilderRenderLayoutTable() {
  const el = ai$('aiBuilderLayout');
  if (!el) return;
  const fields = (aiState.builderLayout?.fields || []).filter(f => aiState.builderFields.has(f.id));
  if (!fields.length) { el.innerHTML = '<p class="text-muted" style="padding:8px;">Выберите поля этикетки</p>'; return; }
  const label = id => (AI_BUILDER.find(f => f.id === id) || {}).label || id;
  el.innerHTML = `<table class="ai-inv-layout-table"><thead><tr>
    <th>Поле</th><th>X</th><th>Y</th><th>Шир.</th><th>Выс.</th><th>Шрифт</th><th>Выравн.</th><th>Опции</th>
  </tr></thead><tbody>${fields.map(f => {
    const isCode = f.id === 'qr_code' || f.id === 'barcode';
    const fontCell = isCode ? '—' : `<input type="number" min="6" max="24" step="0.5" value="${f.font_pt ?? 9}" onchange="aiBuilderUpdateField('${f.id}','font_pt',this.value)">`;
    const opts = f.id === 'barcode'
      ? `<label style="font-size:11px;display:flex;align-items:center;gap:4px;" title="Снять галочку — штрих-код без цифр под полосами"><input type="checkbox" ${f.show_text !== false ? 'checked' : ''} onchange="aiBuilderUpdateField('${f.id}','show_text',this.checked)"> Цифры под кодом</label>`
      : (f.id === 'name' ? `<label style="font-size:11px;display:flex;align-items:center;gap:4px;"><input type="checkbox" ${f.bold ? 'checked' : ''} onchange="aiBuilderUpdateField('${f.id}','bold',this.checked)"> Жирн.</label>` : '—');
    return `<tr>
      <td>${aiEsc(label(f.id))}</td>
      <td><input type="number" step="0.5" min="0" value="${f.x_mm ?? 0}" onchange="aiBuilderUpdateField('${f.id}','x_mm',this.value)"></td>
      <td><input type="number" step="0.5" min="0" value="${f.y_mm ?? 0}" onchange="aiBuilderUpdateField('${f.id}','y_mm',this.value)"></td>
      <td><input type="number" step="0.5" min="1" value="${f.w_mm ?? 10}" onchange="aiBuilderUpdateField('${f.id}','w_mm',this.value)" oninput="aiBuilderUpdateField('${f.id}','w_mm',this.value)"></td>
      <td><input type="number" step="0.5" min="1" value="${f.h_mm ?? 5}" onchange="aiBuilderUpdateField('${f.id}','h_mm',this.value)" oninput="aiBuilderUpdateField('${f.id}','h_mm',this.value)"></td>
      <td>${fontCell}</td>
      <td><select onchange="aiBuilderUpdateField('${f.id}','align',this.value)">
        <option value="left" ${f.align==='left'?'selected':''}>Слева</option>
        <option value="center" ${f.align==='center'?'selected':''}>Центр</option>
        <option value="right" ${f.align==='right'?'selected':''}>Справа</option>
      </select></td>
      <td>${opts}</td>
    </tr>`;
  }).join('')}</tbody></table>`;
}

function aiLayoutToHtml(layout) {
  const parts = (layout?.fields || []).filter(f => f.enabled !== false).map(f => {
    const base = `position:absolute;left:${f.x_mm}mm;top:${f.y_mm}mm;width:${f.w_mm}mm;height:${f.h_mm}mm;overflow:hidden;box-sizing:border-box;text-align:${f.align || 'left'};`;
    if (f.id === 'qr_code') return `<div style="${base}">${aiMustache(' qr_code ')}</div>`;
    if (f.id === 'barcode') return `<div style="${base}">${aiMustache(' barcode ')}</div>`;
    const meta = AI_BUILDER.find(x => x.id === f.id);
    const ph = meta ? meta.ph : aiMustache(` item.${f.id} `);    const bold = f.bold ? 'font-weight:bold;' : '';
    return `<div style="${base}${bold}font-size:${f.font_pt || 9}pt;line-height:1.15;">${ph}</div>`;
  });
  return `<div style="position:relative;width:100%;height:100%;font-family:Arial,sans-serif;">${parts.join('')}</div>`;
}

function aiBuilderInit() {
  ai$('aiBuilderFields').innerHTML = AI_BUILDER.map(f => {
    const on = aiState.builderFields.has(f.id) ? ' on' : '';
    return `<div class="ai-inv-builder-field${on}" onclick="aiBuilderToggle('${f.id}')">${f.label}<span class="toggle"></span></div>`;
  }).join('');
}
function aiBuilderToggle(id) {
  aiState.builderFields.has(id) ? aiState.builderFields.delete(id) : aiState.builderFields.add(id);
  aiBuilderSyncLayout(false); aiBuilderInit(); aiBuilderRenderLayoutTable(); aiBuilderRefresh();
}
function aiBuilderAll() {
  AI_BUILDER.forEach(f => aiState.builderFields.add(f.id));
  aiBuilderSyncLayout(false); aiBuilderInit(); aiBuilderRenderLayoutTable(); aiBuilderRefresh();
}
function aiBuilderPreviewFieldHtml(f) {
  const label = (AI_BUILDER.find(x => x.id === f.id) || {}).label || f.id;
  if (f.id === 'qr_code') {
    return '<div style="width:100%;height:100%;min-height:10px;border:1px dashed #94a3b8;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:8px;color:#64748b;">QR</div>';
  }
  if (f.id === 'barcode') {
    const showDigits = f.show_text !== false;
    const digits = showDigits
      ? '<div style="flex:0 0 auto;font-size:7px;text-align:center;color:#64748b;line-height:1;margin-top:2px;">12345678</div>'
      : '';
    return `<div style="width:100%;height:100%;min-height:10px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:${showDigits ? 'flex-start' : 'center'};">
      <div style="flex:${showDigits ? '1 1 auto' : '0 0 auto'};width:100%;min-height:${showDigits ? '6px' : '8px'};height:${showDigits ? 'auto' : '70%'};background:repeating-linear-gradient(90deg,#111 0 2px,transparent 2px 4px);"></div>
      ${digits}
    </div>`;
  }
  return `<span class="ai-inv-lbl-ph">${label}</span>`;
}
function aiHtmlToBuilder() {
  const raw = ai$('aiTplHtml')?.value || '';
  aiState.builderFields.clear();
  AI_BUILDER.forEach(f => { if (raw.includes(f.ph)) aiState.builderFields.add(f.id); });
  aiBuilderSyncLayout(true); aiBuilderInit(); aiBuilderRenderLayoutTable(); aiBuilderRefresh();
}
function aiBuilderRefresh() {
  const prev = ai$('aiBuilderPreview');
  const dims = ai$('aiBuilderDims');
  if (!prev) return;
  const w = parseFloat(ai$('aiTplW').value) || 60;
  const h = parseFloat(ai$('aiTplH').value) || 40;
  if (dims) dims.textContent = `${w} × ${h} мм · поля с абсолютным позиционированием`;
  const scale = 3;
  const fields = (aiState.builderLayout?.fields || []).filter(f => aiState.builderFields.has(f.id));
  const inner = fields.map(f => {
    const left = (f.x_mm || 0) * scale;
    const top = (f.y_mm || 0) * scale;
    const width = (f.w_mm || 10) * scale;
    const height = (f.h_mm || 5) * scale;
    const align = f.align || 'left';
    return `<div class="ai-inv-lbl-preview-field" style="left:${left}px;top:${top}px;width:${width}px;height:${height}px;text-align:${align};display:flex;align-items:center;justify-content:${align==='center'?'center':align==='right'?'flex-end':'flex-start'};">${aiBuilderPreviewFieldHtml(f)}</div>`;
  }).join('');
  prev.innerHTML = `<div class="ai-inv-lbl-preview-outer"><div class="ai-inv-lbl-preview-inner" style="width:${w * scale}px;height:${h * scale}px;position:relative;">${inner}</div></div>`;
}

function aiRenderCategories() {
  const can = AI_CAN.categories;
  ai$('aiCatBody').innerHTML = aiState.categories.map(c => `<tr>
    <td>${c.icon||'📁'}</td><td>${aiEsc(c.name)}</td><td>${aiEsc(c.parent_name||'—')}</td><td>${aiEsc(c.description||'—')}</td>
    ${can?`<td style="white-space:nowrap;"><button type="button" class="btn btn-sm btn-secondary" onclick="aiEditCategory(${c.id})">Изменить</button>
    <button type="button" class="btn btn-sm btn-danger" onclick="aiDelCategory(${c.id})">Удалить</button></td>`:''}
  </tr>`).join('') || '<tr><td colspan="5" class="empty-state">Нет категорий</td></tr>';
}
function aiOpenCategory() { ai$('aiCatId').value=''; ai$('aiCatName').value=''; ai$('aiCatIcon').value='📁'; ai$('aiCatColor').value='#3498db'; ai$('aiCatModal').classList.add('active'); }
function aiCloseCategory() { ai$('aiCatModal').classList.remove('active'); }
function aiEditCategory(id) {
  const c = aiState.categories.find(x=>x.id===id); if(!c) return;
  ai$('aiCatId').value=c.id; ai$('aiCatName').value=c.name; ai$('aiCatIcon').value=c.icon||'📁';
  ai$('aiCatColor').value=c.color||'#3498db'; ai$('aiCatParent').value=c.parent_id||''; ai$('aiCatDesc').value=c.description||'';
  ai$('aiCatModal').classList.add('active');
}
async function aiSaveCategory(e) {
  e.preventDefault();
  const payload = { name: ai$('aiCatName').value.trim(), icon: ai$('aiCatIcon').value, color: ai$('aiCatColor').value,
    parent_id: parseInt(ai$('aiCatParent').value)||null, description: ai$('aiCatDesc').value.trim()||null };
  const id = ai$('aiCatId').value;
  if (id) await aiApi('/categories/'+id, 'PUT', payload); else await aiApi('/categories', 'POST', payload);
  aiCloseCategory(); await aiLoadCategories(); aiRenderCategories();
}
async function aiDelCategory(id) { if (!confirm('Удалить категорию?')) return; await aiApi('/categories/'+id, 'DELETE'); await aiLoadCategories(); aiRenderCategories(); }

function aiFmtDateTime(v) {
  if (!v) return '—';
  const s = String(v);
  if (s.includes('T')) {
    const d = new Date(s);
    if (!Number.isNaN(d.getTime())) {
      return d.toLocaleString('ru-RU', { day: '2-digit', month: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit' });
    }
  }
  return aiFmtDate(v);
}

async function aiOpenLogs() {
  ai$('aiLogsModal').classList.add('active');
  await aiReloadLogs();
}
function aiCloseLogs() { ai$('aiLogsModal').classList.remove('active'); }

function aiLogsPeriodParams() {
  const p = new URLSearchParams();
  const from = ai$('aiLogsDateFrom')?.value || '';
  const to = ai$('aiLogsDateTo')?.value || '';
  const action = ai$('aiLogsAction')?.value || '';
  const entityType = ai$('aiLogsEntityType')?.value || '';
  if (from) p.set('date_from', from);
  if (to) p.set('date_to', to);
  if (action) p.set('action', action);
  if (entityType) p.set('entity_type', entityType);
  return p;
}

async function aiReloadLogs() {
  try {
    const p = aiLogsPeriodParams();
    p.set('limit', '200');
    const { logs, total, period_label: periodLabel } = await aiApi('/logs?' + p);
    const shown = (logs || []).length;
    let summary = total ? `Показано ${shown} из ${total} записей` : 'Записей за выбранный период нет';
    if (periodLabel) summary += ` · ${periodLabel}`;
    ai$('aiLogsSummary').textContent = summary;
    ai$('aiLogsBody').innerHTML = shown
      ? (logs || []).map(l => `<tr>
          <td>${aiEsc(l.created_at_display || aiFmtDateTime(l.created_at))}</td>
          <td>${aiEsc(l.username || '—')}</td>
          <td>${aiEsc(l.action_label || l.action || '—')}</td>
          <td>${aiEsc(l.entity_label || '')}</td>
          <td>${aiEsc(l.details_text || '—')}</td>
        </tr>`).join('')
      : '<tr><td colspan="5" class="empty-state">Записей не найдено</td></tr>';
  } catch (e) { alert(e.message); }
}

function aiResetLogsPeriod() {
  ai$('aiLogsDateFrom').value = '';
  ai$('aiLogsDateTo').value = '';
  if (ai$('aiLogsAction')) ai$('aiLogsAction').value = '';
  if (ai$('aiLogsEntityType')) ai$('aiLogsEntityType').value = '';
  void aiReloadLogs();
}

async function aiExportLogsPdf() {
  if (typeof awmConfirmHeavyTask === 'function') {
    if (!(await awmConfirmHeavyTask('экспорт PDF журнала инвентаризации'))) return;
  }
  const p = aiLogsPeriodParams();
  p.set('limit', '2000');
  try {
    const data = await aiApi('/logs/export.pdf/jobs?' + p.toString(), 'POST');
    if (!data.job_id) throw new Error('Не получен идентификатор задачи');
    aiPollCsvJob(data.job_id, {
      statusPath: `/logs/export.pdf/jobs/${encodeURIComponent(data.job_id)}`,
      onProgress: () => {},
      onComplete: async () => {
        const url = `${AI_API}/logs/export.pdf/jobs/${encodeURIComponent(data.job_id)}/download`;
        const res = await fetch(url);
        if (!res.ok) throw new Error(await res.text() || res.statusText);
        const blob = await res.blob();
        const objectUrl = URL.createObjectURL(blob);
        const a = document.createElement('a');
        a.href = objectUrl;
        a.download = 'asset-inventory-audit.pdf';
        a.click();
        setTimeout(() => URL.revokeObjectURL(objectUrl), 5000);
      },
      onFailed: (e) => alert(e.message || String(e)),
    });
  } catch (e) {
    alert(e.message || String(e));
  }
}

const AI_DASHBOARD_PDF_LABELS = {
  full: 'Инвентаризация - полный отчет',
  summary: 'Сводка дашборда — инвентаризация',
  low_stock: 'Отчет по низкому остатку',
  warranty: 'Гарантия — контроль сроков',
  recent_ops: 'Инвентаризация - последние операции',
};

function aiDashPdfFillCategories() {
  const sel = ai$('aiDashPdfCategory');
  if (!sel) return;
  const cur = sel.value;
  const opts = ['<option value="">Все категории</option>'].concat(
    (aiState.categories || []).map(c => `<option value="${c.id}">${aiEsc(c.name)}</option>`)
  );
  sel.innerHTML = opts.join('');
  if (cur) sel.value = cur;
}

function aiDashPdfWarrantyPresetChange() {
  const preset = ai$('aiDashPdfWarrantyPreset')?.value || '30';
  const customWrap = ai$('aiDashPdfWarrantyCustomWrap');
  const daysInput = ai$('aiDashPdfWarrantyDays');
  if (preset === 'custom') {
    if (customWrap) customWrap.hidden = false;
  } else {
    if (customWrap) customWrap.hidden = true;
    if (daysInput) daysInput.value = preset;
  }
}

function aiCloseDashboardPdfModal() {
  const m = ai$('aiDashPdfModal');
  if (m) m.classList.remove('active');
}

async function aiOpenDashboardPdfModal(report) {
  const key = String(report || 'full');
  await aiEnsureCategories();
  aiDashPdfFillCategories();
  ai$('aiDashPdfReport').value = key;
  ai$('aiDashPdfTitle').textContent = AI_DASHBOARD_PDF_LABELS[key] || 'Экспорт PDF';

  const showItem = key !== 'recent_ops';
  const showStatus = key === 'full' || key === 'summary';
  const showWarranty = key === 'warranty' || key === 'full';
  const showOps = key === 'recent_ops' || key === 'full';

  const itemWrap = ai$('aiDashPdfItemFilters');
  if (itemWrap) itemWrap.hidden = !showItem;
  const statusWrap = ai$('aiDashPdfStatusWrap');
  if (statusWrap) statusWrap.hidden = !showStatus;
  const warWrap = ai$('aiDashPdfWarrantyWrap');
  if (warWrap) warWrap.hidden = !showWarranty;
  const opsWrap = ai$('aiDashPdfOpsWrap');
  if (opsWrap) opsWrap.hidden = !showOps;

  if (showWarranty) {
    ai$('aiDashPdfWarrantyPreset').value = '30';
    aiDashPdfWarrantyPresetChange();
  }
  ai$('aiDashPdfModal').classList.add('active');
}

function aiCollectDashboardPdfParams() {
  const key = ai$('aiDashPdfReport')?.value || 'full';
  const p = new URLSearchParams();
  p.set('report', key);
  if (key !== 'recent_ops') {
    const t = ai$('aiDashPdfType')?.value || '';
    const c = ai$('aiDashPdfCategory')?.value || '';
    const loc = (ai$('aiDashPdfLocation')?.value || '').trim();
    if (t) p.set('item_type', t);
    if (c) p.set('category_id', c);
    if (loc) p.set('location', loc);
    if (key === 'full' || key === 'summary') {
      const st = ai$('aiDashPdfStatus')?.value || '';
      if (st) p.set('status', st);
    }
  }
  if (key === 'warranty' || key === 'full') {
    let days = 30;
    const preset = ai$('aiDashPdfWarrantyPreset')?.value || '30';
    if (preset === 'custom') {
      days = parseInt(ai$('aiDashPdfWarrantyDays')?.value || '30', 10) || 30;
    } else {
      days = parseInt(preset, 10) || 30;
    }
    days = Math.max(1, Math.min(365, days));
    p.set('warranty_days', String(days));
  }
  if (key === 'recent_ops' || key === 'full') {
    const from = ai$('aiDashPdfDateFrom')?.value || '';
    const to = ai$('aiDashPdfDateTo')?.value || '';
    const tx = ai$('aiDashPdfTxType')?.value || '';
    if (from) p.set('date_from', from);
    if (to) p.set('date_to', to);
    if (tx) p.set('transaction_type', tx);
  }
  return p;
}

async function aiStartDashboardPdfExport() {
  const key = ai$('aiDashPdfReport')?.value || 'full';
  const label = AI_DASHBOARD_PDF_LABELS[key] || 'PDF дашборда инвентаризации';
  if (typeof awmConfirmHeavyTask === 'function') {
    if (!(await awmConfirmHeavyTask(label))) return;
  }
  const p = aiCollectDashboardPdfParams();
  aiCloseDashboardPdfModal();
  try {
    const data = await aiApi('/stats/export.pdf/jobs?' + p.toString(), 'POST');
    if (!data.job_id) throw new Error('Не получен идентификатор задачи');
    aiPollCsvJob(data.job_id, {
      statusPath: `/stats/export.pdf/jobs/${encodeURIComponent(data.job_id)}`,
      onProgress: () => {},
      onComplete: async () => {
        const url = `${AI_API}/stats/export.pdf/jobs/${encodeURIComponent(data.job_id)}/download`;
        const res = await fetch(url);
        if (!res.ok) throw new Error(await res.text() || res.statusText);
        const blob = await res.blob();
        const objectUrl = URL.createObjectURL(blob);
        const a = document.createElement('a');
        a.href = objectUrl;
        a.download = `asset-inventory-dashboard-${key}.pdf`;
        a.click();
        setTimeout(() => URL.revokeObjectURL(objectUrl), 5000);
      },
      onFailed: (e) => alert(e.message || String(e)),
    });
  } catch (e) {
    alert(e.message || String(e));
  }
}

async function aiExportDashboardPdf(report) {
  await aiOpenDashboardPdfModal(report);
}

function aiFmtMoney(v) {
  return Number(v || 0).toLocaleString('ru-RU', { maximumFractionDigits: 0 }) + ' ₽';
}

function aiDashKpi(label, value, note, { icon, tone } = {}) {
  const cls = tone ? ` ${tone}` : '';
  const valText = value == null || value === '' ? '—' : String(value);
  const noteRaw = note == null ? '' : String(note);
  const noteText = noteRaw || '\u00a0';
  return `<article class="ai-inv-dash-kpi${cls}">
    <div class="ai-inv-dash-kpi-top">
      <span class="ai-inv-dash-kpi-label" title="${aiEsc(label)}">${aiEsc(label)}</span>
      ${icon ? `<span class="ai-inv-dash-kpi-ico" aria-hidden="true">${icon}</span>` : ''}
    </div>
    <div class="ai-inv-dash-kpi-val" title="${aiEsc(valText)}">${aiEsc(valText)}</div>
    <p class="ai-inv-dash-kpi-note" title="${aiEsc(noteRaw)}">${aiEsc(noteText)}</p>
  </article>`;
}

const AI_TX_LABELS = {
  status_change: 'Смена статуса', transfer: 'Перемещение', writeoff: 'Списание',
  issue: 'Выдача', receipt: 'Приход', delete: 'Удаление', update: 'Изменение',
};

/** Знак количества в списке операций: приход +, выдача/списание −. */
function aiFmtTxQuantityBadge(t) {
  const qty = Number(t.quantity) || 0;
  const type = String(t.transaction_type || '');
  if (type === 'receipt') {
    return { text: qty > 0 ? `+${qty}` : String(qty), cls: 'pos' };
  }
  if (type === 'issue' || type === 'writeoff' || type === 'delete') {
    const n = Math.abs(qty);
    return { text: n > 0 ? `−${n}` : String(qty), cls: 'danger' };
  }
  return { text: qty ? String(qty) : '—', cls: '' };
}

async function aiRenderDashboard() {
  const dash = ai$('aiPanelDashboard');
  if (!dash || dash.hidden) return;
  if (!aiState._dashboardReady) {
    ai$('aiDashKpi').innerHTML = '<p class="text-muted" style="padding:12px;">Загрузка дашборда…</p>';
  }
  await aiLoadStats();
  const s = aiState.stats;
  if (!s) return;

  const inUseBase = Math.max((s.total || 0) - (s.written_off || 0), 1);
  const inUsePct = s.total ? Math.round(((s.active || 0) / inUseBase) * 100) : 0;
  const expiringCnt = s.warranty_expiring_count != null
    ? Number(s.warranty_expiring_count)
    : (s.warranty_expiring || []).length;

  const lowCnt = s.low_stock_count || 0;

  ai$('aiDashKpi').innerHTML = [
    aiDashKpi('Объектов', s.total || 0, `${s.categories_count || 0} категорий · ${s.locations_count || 0} мест`, { icon: '' }),
    aiDashKpi('Единиц на учёте', (s.total_quantity || 0).toLocaleString('ru-RU'), `На складе: ${s.in_stock || 0} · в ремонте: ${s.in_repair || 0}`, { icon: '' }),
    aiDashKpi('Балансовая стоимость', aiFmtMoney(s.total_value), s.no_value_count ? `Без стоимости: ${s.no_value_count}` : 'Все позиции оценены', { icon: '' }),
    aiDashKpi('Сумма закупки', aiFmtMoney(s.total_purchase_value), 'По полю «цена закупки»', { icon: '' }),
    aiDashKpi('В эксплуатации', s.active || 0, `${inUsePct}% от учёта · списано: ${s.written_off || 0}`, { icon: '' }),
    aiDashKpi('Низкий остаток', lowCnt, lowCnt ? 'Требует пополнения' : 'Все остатки в норме', { icon: '', tone: lowCnt ? 'warn' : '' }),
    aiDashKpi('Гарантия', expiringCnt, (s.warranty_expired_count || 0) ? `Истекла: ${s.warranty_expired_count}` : 'Истекающих нет', { icon: '', tone: (expiringCnt || s.warranty_expired_count) ? 'warn' : '' }),
    aiDashKpi('За 30 дней', s.transactions_30d || 0, `Добавлено объектов: ${s.added_30d || 0}`, { icon: '' }),
    aiDashKpi('Без маркировки', s.no_barcode_count || 0, 'Нет штрих-кода, инв. и серийного №', { icon: '', tone: s.no_barcode_count ? 'warn' : '' }),
  ].join('');

  ai$('aiLowStockCount').textContent = lowCnt ? `(${lowCnt})` : '';
  const low = (s.low_stock || []).map(i => {
    const deficit = (i.min_quantity || 0) - (i.quantity || 0);
    return `<div class="ai-inv-dash-list-item">
      <div><button type="button" class="ai-inv-name-link" onclick="aiOpenCard(${i.id})">${aiEsc(i.name)}</button>
        <div class="ai-inv-dash-list-meta">${aiEsc(i.location || 'место не указано')}${i.inventory_number ? ' · ' + aiEsc(i.inventory_number) : ''}</div></div>
      <span class="ai-inv-dash-list-badge danger">${i.quantity || 0} / ${i.min_quantity}${i.unit ? ' ' + aiEsc(i.unit) : ''}${deficit > 0 ? ' · −' + deficit : ''}</span>
    </div>`;
  }).join('');
  ai$('aiLowStock').innerHTML = low || '<span class="text-muted">Все остатки в норме</span>';

  const warranty = (s.warranty_expiring || []).map(i =>
    `<div class="ai-inv-dash-list-item">
      <div><button type="button" class="ai-inv-name-link" onclick="aiOpenCard(${i.id})">${aiEsc(i.name)}</button>
        <div class="ai-inv-dash-list-meta">${aiEsc(i.inventory_number || 'без инв. №')} · ${aiEsc(i.location || '—')}</div></div>
      <span class="ai-inv-dash-list-badge warn">${aiFmtDate(i.warranty_end_date)}</span>
    </div>`
  ).join('');
  ai$('aiWarrantyExpiring').innerHTML = warranty || '<span class="text-muted">В ближайшие 30 дней ничего не истекает</span>';

  const tx = (s.recent_transactions || []).map(t => {
    const when = (t.created_at || '').substring(0, 16).replace('T', ' ');
    const label = AI_TX_LABELS[t.transaction_type] || t.transaction_type;
    const doc = t.doc_number ? ` · ${aiEsc(t.doc_number)}` : '';
    const badge = aiFmtTxQuantityBadge(t);
    const badgeCls = badge.cls ? `ai-inv-dash-list-badge ${badge.cls}` : 'ai-inv-dash-list-badge';
    return `<div class="ai-inv-dash-list-item">
      <div><button type="button" class="ai-inv-name-link" onclick="aiOpenCard(${t.item_id})">${aiEsc(t.item_name || 'Объект')}</button>
        <div class="ai-inv-dash-list-meta">${aiEsc(label)}${doc} · ${when}</div></div>
      <span class="${badgeCls}">${badge.text}</span>
    </div>`;
  }).join('');
  ai$('aiRecentTx').innerHTML = tx || '<span class="text-muted">Операции отсутствуют</span>';

  const ChartLib = typeof window.awmEnsureChartJs === 'function'
    ? await window.awmEnsureChartJs()
    : window.Chart;
  if (!ChartLib) {
    document.querySelectorAll('#aiPanelDashboard .ai-inv-chart-wrap').forEach(el => {
      el.innerHTML = '<p class="text-muted">Chart.js недоступен</p>';
    });
    return;
  }

  await new Promise(r => requestAnimationFrame(() => requestAnimationFrame(r)));

  const colors = ['#667eea','#22c55e','#f59e0b','#ef4444','#8b5cf6','#14b8a6','#6366f1','#ec4899'];
  const mk = (canvasId, labels, data, type='doughnut') => {
    const canvas = ai$(canvasId);
    const wrap = canvas ? canvas.closest('.ai-inv-chart-wrap') : null;
    if (!wrap) return;
    if (aiState.charts[canvasId]) { aiState.charts[canvasId].destroy(); delete aiState.charts[canvasId]; }
    if (!labels.length || !data.some(v => v > 0)) {
      wrap.innerHTML = '<p class="text-muted" style="padding:24px;text-align:center;">Нет данных</p>';
      return;
    }
    wrap.innerHTML = `<canvas id="${canvasId}"></canvas>`;
    aiState.charts[canvasId] = new ChartLib(ai$(canvasId), {
      type,
      data: { labels, datasets: [{ data, backgroundColor: colors.slice(0, labels.length) }] },
      options: {
        responsive: true,
        maintainAspectRatio: false,
        plugins: {
          legend: type === 'bar'
            ? { display: false }
            : { position: 'bottom', labels: { boxWidth: 12, font: { size: 11 } } },
          tooltip: type === 'bar' ? undefined : {
            callbacks: {
              label(ctx) {
                const sum = ctx.dataset.data.reduce((a, b) => a + b, 0);
                const pct = sum ? Math.round((ctx.raw / sum) * 100) : 0;
                return `${ctx.label}: ${ctx.raw} (${pct}%)`;
              },
            },
          },
        },
        scales: type === 'bar' ? { y: { beginAtZero: true, ticks: { precision: 0 } }, x: { ticks: { font: { size: 10 } } } } : undefined,
        indexAxis: canvasId === 'aiChartLocation' ? 'y' : undefined,
      },
    });
  };

  const sl = {in_stock:'На складе',active:'В эксплуатации',in_repair:'В ремонте',written_off:'Списан',lost:'Утерян'};
  const statusKeys = Object.keys(s.by_status||{});
  mk('aiChartStatus', statusKeys.map(k=>sl[k]||k), statusKeys.map(k=>s.by_status[k]));

  const tl = {equipment:'Техника',spare_part:'Запчасти',consumable:'Расходные',tool:'Инструменты',other:'Прочее'};
  const typeKeys = Object.keys(s.by_type||{});
  mk('aiChartType', typeKeys.map(k=>tl[k]||k), typeKeys.map(k=>s.by_type[k]));

  const cats = s.by_category || [];
  mk('aiChartCategory', cats.map(c=>c.name), cats.map(c=>c.cnt), 'bar');

  const locs = s.by_location || [];
  mk('aiChartLocation', locs.map(l=>l.name), locs.map(l=>l.cnt), 'bar');
}

document.addEventListener('click', (e) => {
  if (!e.target.closest('.ai-inv-row-menu-wrap') && !e.target.closest('#aiRowMenuFloat')) aiCloseRowMenus();
});
document.addEventListener('keydown', (e) => {
  if (e.key === 'Escape') aiCloseRowMenus();
});
document.addEventListener('DOMContentLoaded', aiInit);
</script>
{% endblock %}