src/ApplicationBundle/Resources/views/footer/footer_js_codecovers.html.twig line 1

Open in your IDE?
  1. {# <script src="{{ asset('condensed_assets/javascript.js',) }}"></script> #}
  2. {# {{  dump( constant('ApplicationBundle\\Constants\\GeneralConstant::NOTIFICATION_SERVER')) }}; #}
  4. {% include '@Application/voucherTemplate/shared_components.html.twig' %}
  5. {% include '@Application/voucherTemplate/journal_voucher.html.twig' %}
  6. {% include '@Application/voucherTemplate/expense_invoice.html.twig' %}
  7. {% include '@Application/voucherTemplate/purchase_order.html.twig' %}
  8. {% include '@Application/voucherTemplate/sales_order.html.twig' %}
  9. {% include '@Application/modals/input_forms/ai_intake_modal.html.twig' %}
  10. {% include '@System/inc/_signature_setup_modal.html.twig' %}
  12. <script>
  13.   // Global fallback: the shared count-to formatters below call abbreviateNumber().
  14.   // Most dashboards define their own, but some (e.g. the purchase dashboard) don't,
  15.   // which threw "abbreviateNumber is not defined". Define it once, only if missing.
  16.   if (typeof window.abbreviateNumber !== 'function') {
  17.     window.abbreviateNumber = function (number) {
  18.       var SI_POSTFIXES = ["", "k", "M", "G", "T", "P", "E"];
  19.       var tier = Math.log10(Math.abs(number)) / 3 | 0;
  20.       if (tier == 0) return number;
  21.       var postfix = SI_POSTFIXES[tier];
  22.       var scale = Math.pow(10, tier * 3);
  23.       var scaled = number / scale;
  24.       var formatted = scaled.toFixed(1) + '';
  25.       if (/\.0$/.test(formatted)) formatted = formatted.substr(0, formatted.length - 2);
  26.       return formatted + postfix;
  27.     };
  28.   }
  29. </script>
  31. <div class="modal fade" id="endTaskModal" tabindex="-1" aria-labelledby="endTaskModalLabel" aria-hidden="true">
  32.     <div class="modal-dialog">
  33.         <div class="modal-content">
  34.             <div class="modal-header">
  35.                 <h5 class="modal-title" id="endTaskModalLabel">Confirm Task Completion</h5>
  36.             </div>
  37.             <div class="modal-body">
  38.                 <p class="mb-3">Choose whether you are just closing the work session or submitting the task for review.</p>
  40.                 <div class="mb-3">
  41.                     <label for="taskCompletionPercentage" class="form-label">Completion percentage</label>
  42.                     <input type="number" id="taskCompletionPercentage" class="form-control" min="0" max="100" step="1" value="0">
  43.                 </div>
  45.                 <div class="form-check">
  46.                     <input class="form-check-input" type="radio" name="taskStatus" id="taskCompleted" value="completed"
  47.                            checked>
  48.                     <label class="form-check-label" for="taskCompleted">
  49.                         Mark done and submit for review
  50.                     </label>
  51.                 </div>
  52.                 <div class="form-check">
  53.                     <input class="form-check-input" type="radio" name="taskStatus" id="taskPending" value="pending">
  54.                     <label class="form-check-label" for="taskPending">
  55.                         Close session only
  56.                     </label>
  57.                 </div>
  59.                 <div class="mb-3 mt-3" id="taskSubmissionFields">
  60.                     <label for="taskWorkCompleted" class="form-label">Work completed summary</label>
  61.                     <textarea id="taskWorkCompleted" class="form-control" rows="3"
  62.                               placeholder="Summarize what was completed"></textarea>
  63.                 </div>
  65.                 <div class="mb-3" id="taskEvidenceFilesWrap">
  66.                     <label for="taskEvidenceFiles" class="form-label">Evidence links / file refs</label>
  67.                     <textarea id="taskEvidenceFiles" class="form-control" rows="2"
  68.                               placeholder="Paste evidence links, file paths, or attachment refs"></textarea>
  69.                 </div>
  71.                 <div class="mb-3" id="taskEvidenceNoteWrap">
  72.                     <label for="taskEvidenceNote" class="form-label">Evidence note</label>
  73.                     <textarea id="taskEvidenceNote" class="form-control" rows="2"
  74.                               placeholder="Optional note for the reviewer"></textarea>
  75.                 </div>
  77.                 <div class="mb-3" id="taskBlockerWrap">
  78.                     <label for="taskBlockerDetail" class="form-label">Blocker</label>
  79.                     <textarea id="taskBlockerDetail" class="form-control" rows="2"
  80.                               placeholder="Describe any blocker, or leave blank if none"></textarea>
  81.                 </div>
  83.                 <div class="mb-3" id="taskNextActionWrap">
  84.                     <label for="taskNextAction" class="form-label">Next action</label>
  85.                     <textarea id="taskNextAction" class="form-control" rows="2"
  86.                               placeholder="What happens next?"></textarea>
  87.                 </div>
  89.                 <div class="mb-3" id="feedbackInput" style="display: none;">
  90.                     <label for="taskFeedback" class="form-label">Session feedback</label>
  91.                     <textarea id="taskFeedback" class="form-control" rows="3"
  92.                               placeholder="Enter feedback here..."></textarea>
  93.                 </div>
  94.             </div>
  95.             <div class="modal-footer">
  96.                 <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
  97.                 <button type="button" class="btn btn-danger" id="confirmEndTask">End Task</button>
  98.             </div>
  99.         </div>
  100.     </div>
  101. </div>
  102. <div id="invoiceDrawerOverlay" style="display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:1200;"></div>
  104. <div id="invoiceDrawer" style="position:fixed; top:0; right:0; bottom:0; width:30vw; background:#fff; z-index:1201; transform:translateX(100%); transition:transform 0.3s ease; display:flex; flex-direction:column; box-shadow:-3px 0 15px rgba(0,0,0,0.2);">
  105.     <div style="display:flex; align-items:center; justify-content:space-between; padding:12px 20px; border-bottom:1px solid #ddd; background:#f5f5f5; flex-shrink:0;">
  106.         <h4 style="margin:0;">Invoice Details</h4>
  107.         <div style="display:flex; gap:8px;">
  108.             {#            <a id="invoiceDrawerFullView" href="#" target="_blank" class="btn btn-primary btn-sm">#}
  109.             {#                <i class="fa fa-external-link"></i> Full View#}
  110.             {#            </a>#}
  111.             <button id="invoiceDrawerClose" type="button" class="btn btn-default btn-sm">
  112.                 <i class="fa fa-times"></i> Close
  113.             </button>
  114.         </div>
  115.     </div>
  116.     <div id="invoiceDrawerBody" style="flex:1; overflow-y:auto; overflow-x:auto; padding:15px;"></div>
  117. </div>
  118. {% include '@Application/modals/input_forms/generic_ai_report_modal.html.twig' %}
  122. <script>
  123.     var socketKeepAliveCall = {};
  124.     var lastActivityTs = 0;
  125.     var socket = '';
  126.     var socket_user_name = '{{ (session[UserConstants.USER_NAME] is defined)?session[UserConstants.USER_NAME]:'' }}';
  127.     var socket_user_id = '{{ (session[UserConstants.USER_APP_ID] is defined)?session[UserConstants.USER_APP_ID]:'' }}_{{ (session[UserConstants.USER_NAME] is defined)?session[UserConstants.USER_ID]:'' }}';
  128.     var socket_company_id = '{{ (session[UserConstants.USER_COMPANY_ID] is defined)?session[UserConstants.USER_COMPANY_ID]:'' }}';
  129.     var socket_app_id = '{{ (session[UserConstants.USER_APP_ID] is defined)?session[UserConstants.USER_APP_ID]:'' }}';
  130.     var socket_user_positions ={{ (session[UserConstants.USER_POSITION_LIST] is defined)?session[UserConstants.USER_POSITION_LIST]|json_encode()|raw:"\"[]\"" }};
  131.     var current_user_user_id = {{ session[UserConstants.USER_ID] is defined? session[UserConstants.USER_ID]:0 }};
  132.     var socket_user_session_token = '{{ session['token'] is defined? session['token']:'_GEN_' }}';
  135.     function check_filters_default() {
  137.         $('.filter_this').hide()
  138.         $('.filter_with_this').each(function () {
  139.             if ($(this).attr('type') == 'checkbox' && $(this).prop('checked') == false)
  140.                 return;
  141.             if ($(this).attr('type') == 'radio' && $(this).is(':checked') == false)
  142.                 return;
  143.             var selector_name = '.filter_' + ($(this).attr('id')) + '_' + $(this).val();
  144.             $(selector_name).show()
  145.         })
  146.     }
  149.     function addCommas(nStr) {
  150.         nStr += '';
  151.         x = nStr.split('.');
  152.         x1 = x[0];
  153.         x2 = x.length > 1 ? '.' + x[1] : '';
  154.         var rgx = /(\d+)(\d{3})/;
  155.         while (rgx.test(x1)) {
  156.             x1 = x1.replace(rgx, '$1' + ',' + '$2');
  157.         }
  158.         return x1 + x2;
  159.     }
  161.     {% if session[UserConstants.USER_ID] is defined %}
  163.     var currentTaskId ={{ session[UserConstants.USER_CURRENT_TASK_ID] is defined? (session[UserConstants.USER_CURRENT_TASK_ID] is null?'0':session[UserConstants.USER_CURRENT_TASK_ID]): '0' }};
  164.     var currentPlanningItemId ={{ session[UserConstants.USER_CURRENT_PLANNING_ITEM_ID] is defined?
  165.     (session[UserConstants.USER_CURRENT_PLANNING_ITEM_ID] is null?'0':session[UserConstants.USER_CURRENT_PLANNING_ITEM_ID]): '0' }};
  166.     var currentLastStartTs = 0;
  167.     var bulkApproveFlag = 0;
  168.     var pendingApprovalTable = {};
  169.     // Preserve any inline data the page already set (e.g. my_pending_list.html.twig writes
  170.     // window.lastPendingApprovalRes BEFORE this footer runs). Re-initialising to {} here wiped it,
  171.     // so the approval "View" drawer had no data until the async refresh finished — or never, if it
  172.     // doesn't run on this page — giving "Could not load details".
  173.     var lastPendingApprovalRes = window.lastPendingApprovalRes || {};
  175.     function refreshPendingTaskDivOld() {
  176.         var pika_ind_id = '_NOPE_'
  177.         $.ajax({
  178.             url: BaseURL + "get_pending_approval_list_for_user",
  179.             type: 'POST',
  180.             dataType: 'json',
  181.             data: {},
  182.             error: function () {
  183.             },
  184.             success: function (res) {
  185.                 if (res.total_pending_task_count == 0) {
  186.                     $('.pending_task_div .body').html(
  187.                         '<blockquote class="m-b-25"><p>Great! No Pending Tasks</p><footer><cite title="Source Title">The News Bee</cite></footer></blockquote>'
  188.                     )
  189.                     $('.pending_task_trigger .body .alert-callout').html('');
  191.                     $('.pending_task_trigger .body .alert-callout').html(
  192.                         '         <strong class="pull-right text-warning text-lg">' +
  193.                         '' + (res.total_pending_task_count) + '' +
  194.                         ' <i class="material-icons">playlist_add_check</i></strong> ' +
  195.                         '<strong class="text-xl number count-to-amount-specific" data-from="0" ' +
  196.                         'data-to="' + (res.total_pending_task_count) + '" ' +
  197.                         'data-speed="1000" data-fresh-interval="20">' + (res.total_pending_task_count) + ' </strong> <br> ' +
  198.                         '<span class="opacity-50">PENDING TASKS</span>'
  199.                     );
  201.                 } else {
  202.                     $('.pending_task_trigger .body .alert-callout').html('');
  203.                     $('.pending_task_trigger .body .alert-callout').html(
  204.                         '         <strong class="pull-right text-warning text-lg">' +
  205.                         '' + (res.total_pending_task_count) + '' +
  206.                         ' <i class="material-icons">playlist_add_check</i></strong> ' +
  207.                         '<strong class="text-xl number count-to-amount-specific" data-from="0" ' +
  208.                         'data-to="' + (res.total_pending_task_count) + '" ' +
  209.                         'data-speed="1000" data-fresh-interval="20">' + (res.total_pending_task_count) + ' </strong> <br> ' +
  210.                         '<span class="opacity-50">PENDING TASKS</span>'
  211.                     );
  213.                     for (var koko = 0; koko < res.applicable_entities.length; koko++) {
  214.                         var applicableEntityId = 1 * res.applicable_entities[koko];
  215.                         var ind = 0;
  217.                         $('.pending_task_div .body').append('<h4>' + res.entity_list_details[applicableEntityId]['entity_alias'] + '</h4>' +
  218.                             '<div class="table-responsive"><table style="width: 100%;" class="table table-hover table-condensed dashboard-task-infos app_pending_for_' + applicableEntityId + '">' +
  219.                             '<thead><tr>' +
  220.                             '<th style="width: 5%;">#</th>' +
  221.                             '<th style="width: 20%;">Document</th>' +
  222.                             '<th style="width: 20%;">Created By</th>' +
  223.                             '<th style="width: 10%;">Status</th>' +
  224.                             '<th style="width: 15%;text-align: right;">Amount</th>' +
  225.                             '<th style="width: 10%;text-align: right;">Action</th>' +
  226.                             '</tr></thead><tbody></tbody></table> </div>'
  227.                         )
  229.                         var pending_approval_list = res.grouped_approval_list[applicableEntityId];
  230.                         for (var lipi = 0; lipi < pending_approval_list.length; lipi++) {
  231.                             var item = pending_approval_list[lipi];
  232.                             ind = ind + 1;
  233.                             $('.pending_task_div .body .dashboard-task-infos.app_pending_for_' + applicableEntityId + ' tbody').append(
  234.                                 '<tr class="pending_row_' + item.entity + '_' + item.entityId + '">' +
  235.                                 '<td>' + ind + '</td>' +
  236.                                 '<td>' + item.documentHash + '</td>' +
  237.                                 '<td>' + item.createdBy + '</td>' +
  238.                                 '<td><span class="label bg-orange" style="background: orange;">' + (item.required == 2 ? 'Override' : 'Pending Approval') + '</span></td>' +
  239.                                 // '<td>' + item.entityAlias + '</td>' +
  240.                                 '<td style="text-align: right;">' + (item.amount == '' ? '' : addCommas((1 * item.amount).toFixed(2))) + '</td>' +
  241.                                 '<td style="text-align: right;">' +
  242.                                 '<div class="btn-group ">' +
  243.                                 '<button type="button"' +
  244.                                 'class="btn ink-reaction btn-sm btn-primary dropdown-toggle  waves-effect"' +
  245.                                 'data-toggle="dropdown">' +
  246.                                 'Action <i class="fa fa-caret-down"></i>' +
  247.                                 '</button>' +
  248.                                 '<ul class="dropdown-menu animation-expand"' +
  249.                                 'style=""' +
  250.                                 'role="menu">' +
  251.                                 '<li><a href="' + item.viewPathAbs + '"> View</a></li> ' +
  252.                                 '<li><a href="#" class="trigger_approval_btn"' +
  253.                                 'data-toggle="modal"' +
  254.                                 'data-entity="' + item.entity + '"' +
  255.                                 'data-entity-id="' + item.entityId + '"' +
  256.                                 'data-approval-id="' + item.approvalId + '"' +
  257.                                 'data-target="#approveDocument">Approve</a></li>' +
  258.                                 '</ul>' +
  259.                                 '</div>' +
  260.                                 '</td>' +
  261.                                 '</tr>');
  262.                         }
  263.                     }
  265.                     $('.count-to-amount-specific').countTo(
  266.                         {
  267.                             formatter: function (value, options) {
  268.                                 return abbreviateNumber(value.toFixed(0));
  269.                             }
  270.                         }
  271.                     );
  272.                 }
  273.             }
  274.         });
  275.     }
  276.     // ─── Entity-aware drawer renderers ──────────────────────────────────────────
  278.     var drawerRenderers = {};
  280.     // Helper: shared header card (document hash, date, status)
  281.     function fillTemplate(templateId, data) {
  282.         var el = document.getElementById(templateId);
  283.         if (!el) return '';
  284.         var content = el.textContent || el.innerText || el.innerHTML;
  285.         
  286.         return content.replace(/\{\{\s*(\w+)\s*\}\}/g, function(match, key) {
  287.             return (data[key] !== undefined && data[key] !== null) ? data[key] : match;
  288.         });
  289.     }
  291.     // Helper: shared header card (document hash, date, status)
  292.     function drawerHeaderCard(item, entityAlias) {
  293.         var createdDate = item.createdAt ? moment.unix(item.createdAt).format('DD MMM YYYY') : '-';
  294.         var createdTime = item.createdAt ? moment.unix(item.createdAt).format('hh:mm A') : '';
  295.         var statusBadge = item.required == 2
  296.             ? '<span style="font-size:12px;padding:2px 8px;border-radius:99px;background:#fde8e8;color:#c0392b;font-weight:500;">Escalated</span>'
  297.             : '<span style="font-size:12px;padding:2px 8px;border-radius:99px;background:#fef9e7;color:#d68910;font-weight:500;">Pending</span>';
  299.         return fillTemplate('tpl-drawer-header', {
  300.             entityAlias: entityAlias,
  301.             statusBadge: statusBadge,
  302.             documentHash: item.documentHash || '-',
  303.             createdDate: createdDate,
  304.             createdTime: createdTime
  305.         });
  306.     }
  308.     // Helper: creator + note + priority footer card
  309.     function drawerFooterCard(item) {
  310.         var avatarStyle = 'background:#d6eaf8;color:#2980b9;';
  311.         var avatarContent = (item.createdBy || 'U').trim().split(' ').map(function(w){ return w[0]; }).slice(0,2).join('').toUpperCase();
  312.         if (item.createdUserImage) {
  313.             avatarStyle = 'background-image:url(\'' + BaseURL + item.createdUserImage + '\');background-size:cover;background-position:center;';
  314.             avatarContent = '';
  315.         }
  316.         var priorityBadge = item.required == 2
  317.             ? '<span style="font-size:12px;padding:2px 8px;border-radius:99px;background:#fde8e8;color:#c0392b;font-weight:500;">Priority / Escalated</span>'
  318.             : '<span style="font-size:12px;padding:2px 8px;border-radius:99px;background:#fef9e7;color:#d68910;font-weight:500;">Standard</span>';
  319.         var noteText = stripHtml(item.note) || '<em style="opacity:0.5;">No note added</em>';
  321.         return fillTemplate('tpl-drawer-footer', {
  322.             avatarStyle: avatarStyle,
  323.             avatarContent: avatarContent,
  324.             createdBy: item.createdBy || '-',
  325.             priorityBadge: priorityBadge,
  326.             noteHtml: '' // Placeholder for now, original code had it empty/uncommented
  327.         });
  328.     }
  330.     // Helper: approve + full-page action bar
  331.     function drawerActionBar(item, url) {
  332.         var attachmentBtn = '';
  333.         if (item.attachment) {
  334.             attachmentBtn = '<a href="' + BaseURL + item.attachment + '" target="_blank" class="hb-doc-action-secondary">📎 Attachment</a>';
  335.         }
  336.         return fillTemplate('tpl-drawer-action-bar', {
  337.             entity: item.entity,
  338.             entityId: item.entityId,
  339.             approvalId: item.approvalId,
  340.             url: url,
  341.             attachmentBtn: attachmentBtn
  342.         });
  343.     }
  345.     // Helper: generic key-value table for unknown entities
  346.     function drawerKvTable(obj, skipKeys) {
  347.         skipKeys = skipKeys || [];
  348.         var rowsHtml = '';
  349.         Object.keys(obj).forEach(function(k) {
  350.             if (skipKeys.indexOf(k) !== -1) return;
  351.             var v = obj[k];
  352.             if (v === null || v === undefined || v === '') return;
  353.             if (typeof v === 'object') v = JSON.stringify(v);
  354.             
  355.             rowsHtml += fillTemplate('tpl-drawer-kv-row', {
  356.                 key: escapeHtml(k.replace(/_/g,' ')),
  357.                 value: escapeHtml(String(v))
  358.             });
  359.         });
  360.         return rowsHtml ? fillTemplate('tpl-drawer-kv-table', { rows: rowsHtml }) : '';
  361.     }
  363.     // ─── RENDERER: entity 1 — AccTransactions (voucher: dr/cr ledger lines) ──────
  364.     drawerRenderers[1] = function($body, item, res, url) {
  365.         var voucherData = res.data || res || {};
  366.         var entityAlias = (lastPendingApprovalRes.entity_list_details || {})[item.entity]
  367.             ? lastPendingApprovalRes.entity_list_details[item.entity]['entity_alias'] : 'Transaction';
  369.         var detailsHtml = '';
  370.         var detailsObj = voucherData.details || {};
  371.         Object.keys(detailsObj).forEach(function(key) {
  372.             var d = detailsObj[key];
  373.             var drVal = (d.dr && parseFloat(d.dr) > 0) ? addCommas(Number(d.dr).toFixed(2)) : '';
  374.             var crVal = (d.cr && parseFloat(d.cr) > 0) ? addCommas(Number(d.cr).toFixed(2)) : '';
  375.             
  376.             detailsHtml += fillTemplate('tpl-drawer-journal-voucher-row', {
  377.                 headName: d.head_name || '-',
  378.                 dr: drVal,
  379.                 cr: crVal,
  380.                 note: d.note || ''
  381.             });
  382.         });
  384.         $body.html(
  385.             drawerHeaderCard(item, entityAlias) +
  386.             fillTemplate('tpl-drawer-journal-voucher', {
  387.                 totalDr: addCommas(Number(voucherData.total_dr || 0).toFixed(2)),
  388.                 totalCr: addCommas(Number(voucherData.total_cr || 0).toFixed(2)),
  389.                 detailsHtml: detailsHtml
  390.             }) +
  391.             drawerFooterCard(item) +
  392.             drawerActionBar(item, url)
  393.         );
  394.     };
  395.     drawerRenderers[2] = drawerRenderers[1];
  396.     drawerRenderers[3] = drawerRenderers[1];
  397.     drawerRenderers[4] = drawerRenderers[1];
  398.     drawerRenderers[5] = drawerRenderers[1];
  400.     drawerRenderers[10] = function($body, item, res, url) {
  402.         var d = res.data || res || {};
  403.         var ei = d.ei_data || {};
  404.         var currencyList = d.currency_list || {};
  405.         var currency = currencyList[ei.currency]
  406.             ? currencyList[ei.currency].nameOnly
  407.             : '';
  409.         function fmt(n) {
  410.             return addCommas(Number(n || 0).toFixed(2));
  411.         }
  413.         var date = ei.expenseInvoiceDate
  414.             ? moment(ei.expenseInvoiceDate).format('MMMM DD, YYYY')
  415.             : (item.createdAt ? moment.unix(item.createdAt).format('MMMM DD, YYYY') : '-');
  417.         var invoiceAmount = fmt(ei.invoiceAmount || item.amount);
  419.         // ── Party / Balanced From
  420.         var partyHtml = '-';
  421.         if (d.supplier_data && d.supplier_data.supplierName) {
  422.             partyHtml = escapeHtml(d.supplier_data.supplierName);
  423.         } else if (d.party_head_data && d.party_head_data.name) {
  424.             partyHtml = escapeHtml(d.party_head_data.name);
  425.         }
  427.         // ── Column header for first column
  428.         var partyColHeader = 'Party / Balanced from';
  429.         if (d.supplier_data && d.supplier_data.supplierName) {
  430.             partyColHeader = 'Party';
  431.         } else if (d.party_head_data && d.party_head_data.name) {
  432.             partyColHeader = 'Balanced from';
  433.         }
  435.         // ── Expense type label
  436.         var expenseType = '-';
  437.         if (d.expenseInvoiceTypeList && ei.expenseInvoiceTypeId !== undefined) {
  438.             expenseType = escapeHtml(d.expenseInvoiceTypeList[ei.expenseInvoiceTypeId] || '-');
  439.         }
  441.         // ── Expense head (dr head)
  442.         var expenseHead = '-';
  443.         if (d.head_list && ei.expenseTypeId && d.head_list[ei.expenseTypeId]) {
  444.             expenseHead = escapeHtml(d.head_list[ei.expenseTypeId].name);
  445.         } else if (d.probable_transaction_data) {
  446.             expenseHead = escapeHtml(d.probable_transaction_data.debit_head_name || '-');
  447.         }
  449.         var expenseDesc  = escapeHtml(ei.expenseFromNote || ei.description || '-');
  450.         var balanceDesc  = escapeHtml(ei.expenseToNote || '-');
  451.         var currencyRate = ei.currencyMultiplyRate || '1';
  453.         // ── Invoice amount card (single)
  454.         var summaryHtml = fillTemplate('tpl-drawer-expense-invoice-summary', {
  455.             date: date,
  456.             invoiceAmount: currency + ' ' + invoiceAmount,
  457.             prevBalance: currency + ' ' + fmt(ei.advanceAmount),
  458.             dueAmount: currency + ' ' + fmt(ei.dueAmount)
  459.         });
  461.         // ── Main expense line table
  462.         var lineTableHtml = fillTemplate('tpl-drawer-expense-invoice-detail', {
  463.             partyColHeader: partyColHeader,
  464.             partyHtml: partyHtml,
  465.             expenseType: expenseType,
  466.             expenseHead: expenseHead,
  467.             expenseDesc: expenseDesc,
  468.             balanceDesc: balanceDesc,
  469.             amount: currency + ' ' + invoiceAmount,
  470.             currency: currency,
  471.             rate: escapeHtml(String(currencyRate))
  472.         });
  474.         // ── Probable transactions (pre-approval)
  475.         var probableSections = [
  476.             { key: 'general_hit',   label: 'Transaction(s) to be implemented' },
  477.             { key: 'advance_hit',   label: 'Advance balancing transaction(s)' },
  478.             { key: 'inventory_hit', label: 'Inventorized expense transaction(s)' },
  479.         ];
  481.         var probableHtml = '';
  482.         if (d.probable_transaction_data) {
  483.             probableSections.forEach(function(sec) {
  484.                 var rows = d.probable_transaction_data[sec.key];
  485.                 if (!rows || !rows.length) return;
  487.                 var totalDr = 0, totalCr = 0;
  488.                 var rowsHtml = '';
  489.                 rows.forEach(function(t, idx) {
  490.                     var dr = t.position === 'dr' ? Number(t.amount) : 0;
  491.                     var cr = t.position === 'cr' ? Number(t.amount) : 0;
  492.                     totalDr += dr;
  493.                     totalCr += cr;
  495.                     var headName = '-';
  496.                     if (d.head_list && t.headId && d.head_list[t.headId]) {
  497.                         headName = escapeHtml(d.head_list[t.headId].name);
  498.                     } else if (t.headName) {
  499.                         headName = escapeHtml(t.headName);
  500.                     }
  502.                     rowsHtml += fillTemplate('tpl-drawer-expense-invoice-row', {
  503.                         index: idx + 1,
  504.                         headName: headName,
  505.                         dr: dr ? fmt(dr) : '',
  506.                         cr: cr ? fmt(cr) : '',
  507.                         note: escapeHtml(t.transNarration || ''),
  508.                         rowStyle: ''
  509.                     });
  510.                 });
  512.                 probableHtml += fillTemplate('tpl-drawer-expense-invoice-probable', {
  513.                     label: sec.label,
  514.                     rowsHtml: rowsHtml,
  515.                     totalDr: fmt(totalDr),
  516.                     totalCr: fmt(totalCr)
  517.                 });
  518.             });
  519.         }
  521.         // ── Actual voucher transactions (post-approval)
  522.         var voucherHtml = '';
  523.         if (Array.isArray(d.voucher_data) && d.voucher_data.length) {
  524.             d.voucher_data.forEach(function(v) {
  525.                 var vDate   = v.voucher && v.voucher.transactionDate
  526.                     ? moment(v.voucher.transactionDate).format('MMMM DD, YYYY')
  527.                     : '';
  528.                 var vHash   = v.voucher ? escapeHtml(v.voucher.documentHash || '') : '';
  529.                 var details = Array.isArray(v.voucher_details) ? v.voucher_details : [];
  531.                 var totalDr = 0, totalCr = 0;
  532.                 var rowsHtml = '';
  533.                 details.forEach(function(t, idx) {
  534.                     var dr = t.position === 'dr' ? Number(t.amount) : 0;
  535.                     var cr = t.position === 'cr' ? Number(t.amount) : 0;
  536.                     totalDr += dr;
  537.                     totalCr += cr;
  539.                     var headName = '-';
  540.                     if (d.head_list && t.accountsHeadId && d.head_list[t.accountsHeadId]) {
  541.                         headName = escapeHtml(d.head_list[t.accountsHeadId].name);
  542.                     } else if (t.headName) {
  543.                         headName = escapeHtml(t.headName);
  544.                     }
  546.                     rowsHtml += fillTemplate('tpl-drawer-expense-invoice-row', {
  547.                         index: idx + 1,
  548.                         headName: headName,
  549.                         dr: dr ? fmt(dr) : '',
  550.                         cr: cr ? fmt(cr) : '',
  551.                         note: escapeHtml(t.note || ''),
  552.                         rowStyle: 'background:#f7f9fa;'
  553.                     });
  554.                 });
  556.                 voucherHtml += fillTemplate('tpl-drawer-expense-invoice-voucher', {
  557.                     vDate: vDate,
  558.                     vHash: vHash,
  559.                     rowsHtml: rowsHtml,
  560.                     totalDr: fmt(totalDr),
  561.                     totalCr: fmt(totalCr)
  562.                 });
  563.             });
  564.         }
  566.         // ── Assemble
  567.         $body.html(
  568.             drawerHeaderCard(item, 'Expense Invoice') +
  569.             summaryHtml +
  570.             lineTableHtml +
  571.             probableHtml +
  572.             voucherHtml +
  573.             drawerFooterCard(item) +
  574.             drawerActionBar(item, url)
  575.         );
  576.     };
  578.     // ─── RENDERER: Purchase Order (entity 6) ─────────────────────────────────────
  579.     drawerRenderers[6] = function($body, item, res, url) {
  580.         var d = res.data || res || {};
  581.         var entityAlias = 'Purchase Order';
  582.         var amount = item.amount ? addCommas(Number(item.amount).toFixed(2)) : '0.00';
  584.         var rowsHtml = '';
  585.         var items = d.items || d.po_items || d.details || [];
  586.         if (Array.isArray(items) && items.length) {
  587.             items.forEach(function(l) {
  588.                 rowsHtml += fillTemplate('tpl-drawer-purchase-order-row', {
  589.                     itemName: escapeHtml(l.item_name || l.product_name || l.name || '-'),
  590.                     quantity: l.quantity || '',
  591.                     unitPrice: l.unit_price ? addCommas(Number(l.unit_price).toFixed(2)) : '',
  592.                     total: l.total ? addCommas(Number(l.total).toFixed(2)) : ''
  593.                 });
  594.             });
  595.             
  596.             $body.html(
  597.                 drawerHeaderCard(item, entityAlias) +
  598.                 fillTemplate('tpl-drawer-purchase-order', {
  599.                     amount: amount,
  600.                     linesHtml: rowsHtml,
  601.                     lineCountLabel: items.length + ' line item' + (items.length === 1 ? '' : 's')
  602.                 }) +
  603.                 drawerFooterCard(item) +
  604.                 drawerActionBar(item, url)
  605.             );
  606.         } else {
  607.             $body.html(
  608.                 drawerHeaderCard(item, entityAlias) +
  609.                 fillTemplate('tpl-drawer-amount-card', {
  610.                     label: 'Total Amount',
  611.                     amount: amount,
  612.                     color: '#3d7db8'
  613.                 }) +
  614.                 drawerKvTable(d) +
  615.                 drawerFooterCard(item) +
  616.                 drawerActionBar(item, url)
  617.             );
  618.         }
  619.     };
  621.     // ─── RENDERER: GRN (entity 8) — same structure as PO ─────────────────────────
  622.     drawerRenderers[8] = drawerRenderers[6];
  624.     // ─── RENDERER: Purchase Invoice (entity 9) ────────────────────────────────────
  625.     drawerRenderers[9] = drawerRenderers[6];
  627.     // ─── RENDERER: Sales Order (entity 13) ───────────────────────────────────────
  628.     drawerRenderers[13] = function($body, item, res, url) {
  629.         var d = res.data || res || {};
  630.         var entityAlias = 'Sales Order';
  631.         var amount = item.amount ? addCommas(Number(item.amount).toFixed(2)) : '0.00';
  633.         var rowsHtml = '';
  634.         var lines = d.items || d.so_items || d.details || [];
  635.         if (Array.isArray(lines) && lines.length) {
  636.             lines.forEach(function(l) {
  637.                 rowsHtml += fillTemplate('tpl-drawer-sales-order-row', {
  638.                     itemName: escapeHtml(l.item_name || l.product_name || l.name || '-'),
  639.                     quantity: l.quantity || '',
  640.                     rate: l.unit_price || l.rate ? addCommas(Number(l.unit_price || l.rate || 0).toFixed(2)) : '',
  641.                     amount: l.amount || l.total ? addCommas(Number(l.amount || l.total || 0).toFixed(2)) : ''
  642.                 });
  643.             });
  644.             
  645.             $body.html(
  646.                 drawerHeaderCard(item, entityAlias) +
  647.                 fillTemplate('tpl-drawer-sales-order', {
  648.                     amount: amount,
  649.                     linesHtml: rowsHtml,
  650.                     lineCountLabel: lines.length + ' line item' + (lines.length === 1 ? '' : 's')
  651.                 }) +
  652.                 drawerFooterCard(item) +
  653.                 drawerActionBar(item, url)
  654.             );
  655.         } else {
  656.             $body.html(
  657.                 drawerHeaderCard(item, entityAlias) +
  658.                 fillTemplate('tpl-drawer-amount-card', {
  659.                     label: 'Order Total',
  660.                     amount: amount,
  661.                     color: '#4baa6b'
  662.                 }) +
  663.                 drawerKvTable(d) +
  664.                 drawerFooterCard(item) +
  665.                 drawerActionBar(item, url)
  666.             );
  667.         }
  668.     };
  670.     // ─── GENERIC FALLBACK renderer ────────────────────────────────────────────────
  671.     function drawerGenericRenderer($body, item, res, url, entityAlias) {
  672.         var d = res.data || res || {};
  673.         var amount = item.amount ? addCommas(Number(item.amount).toFixed(2)) : null;
  675.         var amountHtml = amount
  676.             ? fillTemplate('tpl-drawer-amount-card', {
  677.                 label: 'Amount',
  678.                 amount: amount,
  679.                 color: '#222'
  680.             })
  681.             : '';
  683.         $body.html(
  684.             drawerHeaderCard(item, entityAlias) +
  685.             amountHtml +
  686.             drawerKvTable(d) +
  687.             drawerFooterCard(item) +
  688.             drawerActionBar(item, url)
  689.         );
  690.     }
  692.     // ─── Main click handler ───────────────────────────────────────────────────────
  693.     $(document).on('click', '.view-invoice-btn', function(e) {
  694.         e.stopPropagation();
  696.         var url        = $(this).data('url');
  697.         var entity     = parseInt($(this).data('entity'), 10);
  698.         var entityId   = $(this).data('entity-id');
  699.         var approvalId = $(this).data('approval-id');
  701.         // FALLBACK: If no specific renderer is found, redirect to the full page
  702.         if (!drawerRenderers[entity]) {
  703.             window.open(url, '_blank');
  704.             return;
  705.         }
  707.         var $drawer = $('#invoiceDrawer');
  708.         var $body   = $('#invoiceDrawerBody');
  710.         $drawer.css('transform', 'translateX(0)');
  711.         $('#invoiceDrawerOverlay').css('display', 'block');
  713.         var item = null;
  714.         if (typeof lastPendingApprovalRes !== 'undefined' && lastPendingApprovalRes.grouped_approval_list) {
  715.             var gal = lastPendingApprovalRes.grouped_approval_list;
  716.             // The grouped map may be keyed by entity id OR — after a Twig/array_merge numeric-key
  717.             // re-index — by a sequential 0..N index. So we can't trust gal[entity]; ALWAYS scan
  718.             // every group and match on entityId (+ entity + approvalId when present). This finds the
  719.             // item regardless of how the map ended up keyed.
  720.             var groupsToScan = Object.keys(gal).map(function (k) { return gal[k]; });
  721.             for (var g = 0; g < groupsToScan.length && !item; g++) {
  722.                 var list = groupsToScan[g] || [];
  723.                 for (var i = 0; i < list.length; i++) {
  724.                     var idMatch = String(list[i].entityId) === String(entityId) &&
  725.                         String(list[i].entity) === String(entity);
  726.                     var aprMatch = (!approvalId || !list[i].approvalId) ? true
  727.                         : String(list[i].approvalId) === String(approvalId);
  728.                     if (idMatch && aprMatch) { item = list[i]; break; }
  729.                 }
  730.             }
  731.         }
  733.         if (!item) {
  734.             // Genuine miss (item not in the loaded set) — open the full document rather than dead-end.
  735.             if (url) { window.open(url, '_blank'); }
  736.             $body.html('<div class="alert alert-warning" style="margin:20px;">Could not load the inline summary — opened the full document instead.</div>');
  737.             return;
  738.         }
  740.         var entityAlias = (lastPendingApprovalRes.entity_list_details || {})[entity]
  741.             ? lastPendingApprovalRes.entity_list_details[entity]['entity_alias']
  742.             : ('Entity #' + entity);
  744.         $body.html('<div style="padding:30px;text-align:center;"><i class="fa fa-spinner fa-spin fa-2x"></i><br><br>Loading...</div>');
  746.         $.ajax({
  747.             url: url,
  748.             type: 'GET',
  749.             dataType: 'json',
  750.             data: {returnJson: 1},
  751.             success: function(res) {
  752.                 var renderer = drawerRenderers[entity];
  753.                 if (typeof renderer === 'function') {
  754.                     renderer($body, item, res, url);
  755.                 } else {
  756.                     drawerGenericRenderer($body, item, res, url, entityAlias);
  757.                 }
  758.             },
  759.             error: function() {
  760.                 // The detail endpoint failed (e.g. the doc view doesn't serve returnJson).
  761.                 // Don't dead-end the user — render the summary we already have from the
  762.                 // pending list, plus the Approve / Full-page actions, so the drawer stays useful.
  763.                 drawerGenericRenderer($body, item, {}, url, entityAlias);
  764.             }
  765.         });
  766.     });    $(document).on('click', '#invoiceDrawerClose, #invoiceDrawerOverlay', function () {
  767.         $('#invoiceDrawer').css('transform', 'translateX(100%)');
  768.         $('#invoiceDrawerOverlay').css('display', 'none');
  769.     });
  771.     $(document).on('click', '#invoiceDrawer', function (e) {
  772.         e.stopPropagation();
  773.     });
  774.     function stripHtml(html) {
  775.         if (!html) return '-';
  776.         var tmp = document.createElement('div');
  777.         tmp.innerHTML = html;
  778.         return tmp.textContent || tmp.innerText || '-';
  779.     }
  780.     function refreshPendingTaskDiv() {
  781.         var pika_ind_id = '_NOPE_'
  782.         $.ajax({
  783.             url: BaseURL + "get_pending_approval_list_for_user",
  784.             type: 'POST',
  785.             dataType: 'json',
  786.             data: {
  787.                 entity: (typeof filterApprovalEntityId !== 'undefined' ? filterApprovalEntityId : null)
  788.             },
  789.             error: function () {
  790.             },
  791.             success: function (res) {
  792.                 lastPendingApprovalRes = res;
  793.                 if ($.fn.DataTable.isDataTable('.app_pending_for_all')) {
  794.                     $('.app_pending_for_all').DataTable().destroy();
  795.                 }
  796.                 $('.pending_task_div .body').html('');
  797.                 if (res.total_pending_task_count == 0) {
  798.                     $('.pending_task_div .body').html(
  799.                         '<blockquote class="m-b-25"><p>Great! No Pending Tasks</p><footer><cite title="Source Title">The News Bee</cite></footer></blockquote>'
  800.                     )
  801.                     $('.pending_task_trigger .body .alert-callout').html('');
  802.                     $('.pending_task_trigger .body .alert-callout').html(
  803.                         '         <strong class="pull-right text-warning text-lg">' +
  804.                         '' + (res.total_pending_task_count) + '' +
  805.                         ' <i class="material-icons">playlist_add_check</i></strong> ' +
  806.                         '<strong class="text-xl number count-to-amount-specific" data-from="0" ' +
  807.                         'data-to="' + (res.total_pending_task_count) + '" ' +
  808.                         'data-speed="1000" data-fresh-interval="20">' + (res.total_pending_task_count) + ' </strong> <br> ' +
  809.                         '<span class="opacity-50">PENDING TASKS</span>'
  810.                     );
  811.                 } else {
  813.                     $('.pending_task_trigger .body .alert-callout').html('');
  814.                     $('.pending_task_trigger .body .alert-callout').html(
  815.                         '         <strong class="pull-right text-warning text-lg">' +
  816.                         '' + (res.total_pending_task_count) + '' +
  817.                         ' <i class="material-icons">playlist_add_check</i></strong> ' +
  818.                         '<strong class="text-xl number count-to-amount-specific" data-from="0" ' +
  819.                         'data-to="' + (res.total_pending_task_count) + '" ' +
  820.                         'data-speed="1000" data-fresh-interval="20">' + (res.total_pending_task_count) + ' </strong> <br> ' +
  821.                         '<span class="opacity-50">PENDING TASKS</span>'
  822.                     );
  824.                     const tableStructure = `
  825.                     <div class="table-responsive">
  826.                         <table class="table table-hover generic_document_list_table table-condensed dashboard-task-infos app_pending_for_all">
  827.                             <thead>
  828.                             <tr>
  829.                                 <th style="width: 3%;">&nbsp;</th>
  830.                                 <th style="width: 5%;">#</th>
  831.                                 <th style="width: 12%;">Category</th>
  832.                                 <th style="width: 12%;">Reference ID</th>
  833.                                 <th style="width: 15%;">Created By</th>
  834.                                 <th style="width: 13%;">Status</th>
  835.                                 <th style="width: 10%; text-align: right;">Amount</th>
  836.                                 <th style="width: 20%;">Note</th>
  837.                                 <th style="width: 10%; text-align: right;">Actions</th>
  838.                             </tr>
  839.                             </thead>
  840.                             <tbody></tbody>
  841.                         </table>
  842.                     </div>
  843.                 `;
  845.                     $('.pending_task_div .body').html(tableStructure);
  847.                     let rowsHtml = '';
  849.                     for (let i = 0; i < res.applicable_entities.length; i++) {
  850.                         let applicableEntityId = parseInt(res.applicable_entities[i], 10);
  851.                         let pendingApprovalList = res.grouped_approval_list[applicableEntityId];
  852.                         let entityAlias = res.entity_list_details[applicableEntityId]['entity_alias'];
  854.                         for (let j = 0; j < pendingApprovalList.length; j++) {
  855.                             let item = pendingApprovalList[j];
  857.                             let avatarHtml = '';
  858.                             if (item.createdUserImage) {
  859.                                 let imgUrl = `{{ url('dashboard') }}${item.createdUserImage}`;
  860.                                 avatarHtml = `
  861.                                 <div style="display: flex; align-items: center; gap: 8px;">
  862.                                     <div style="background-image:url('${imgUrl}'); width: 28px; height: 28px; background-size: cover; background-position: center; border-radius: 50%; border: 1px solid #ccc;"></div>
  863.                                     <span>${item.createdBy}</span>
  864.                                 </div>`;
  865.                             } else {
  866.                                 avatarHtml = `<span>${item.createdBy}</span>`;
  867.                             }
  869.                             let statusHtml = item.required == 2
  870.                                 ? `<span style="font-weight: 600; color: #d9534f;"><i class="fa fa-gavel"></i> Priority / Escalated</span>`
  871.                                 : `<span style="font-weight: 600; color: #f0ad4e;"><i class="far fa-clock" aria-hidden="true"></i> Pending</span>`;
  873.                             let formattedAmount = item.amount ? addCommas(Number(item.amount).toFixed(2)) : '-';
  874.                             rowsHtml += `
  875.                             <tr class="pending_row_${item.entity}_${item.entityId}">
  876.                                 <td>
  877.                                     <label class="checkbox-inline checkbox-styled checkbox-datatable-selector">
  878.                                         <input type="checkbox" value="1"><span></span>
  879.                                     </label>
  880.                                 </td>
  881.                                 <td>${item.entity}-${item.entityId}</td>
  882.                                 <td>${entityAlias}</td>
  883.                                 <td>${item.documentHash}</td>
  884.                                 <td>${avatarHtml}</td>
  885.                                 <td>${statusHtml}</td>
  886.                                 <td style="text-align: right;">${formattedAmount}</td>
  887.                                 <td>${stripHtml(item.note)}</td>
  888.                                 <td style="text-align: right;">
  889.                                     <button type="button"
  890.                                         class="btn ink-reaction btn-flat btn-default btn-sm view-invoice-btn"
  891.                                         data-url="${item.viewPathAbs}"
  892.                                         data-entity="${item.entity}"
  893.                                         data-entity-id="${item.entityId}"
  894.                                         data-approval-id="${item.approvalId}"
  895.                                         style="margin-right:5px;">
  896.                                         <i class="fa fa-eye"></i> View
  897.                                     </button>
  898.                                     <button type="button"
  899.                                         class="btn ink-reaction btn-flat btn-primary btn-sm trigger_approval_btn trigger_approval_${item.entity}-${item.entityId}"
  900.                                         data-entity="${item.entity}"
  901.                                         data-entity-id="${item.entityId}"
  902.                                         data-approval-id="${item.approvalId}">
  903.                                         <i class="fa fa-check"></i> Approve
  904.                                     </button>
  905.                                 </td>
  906.                             </tr>
  907.                         `;
  908.                         }
  909.                     }
  911.                     // Append rows to DOM
  912.                     $('.pending_task_div .body .dashboard-task-infos.app_pending_for_all tbody').append(rowsHtml);
  914.                     // ✅ FIX 1: DataTable init FIRST
  915.                     pendingApprovalTable = $('.app_pending_for_all')
  916.                         .DataTable({
  917.                             dom: 'Blfrtip',
  918.                             autoWidth: false,
  919.                             lengthMenu: [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]],
  920.                             "buttons": {
  921.                                 dom: {
  922.                                     button: {
  923.                                         tag: 'button',
  924.                                         className: 'dt-gen-button btn btn-sm waves-effect bg-grey'
  925.                                     }
  926.                                 },
  927.                                 "buttons": [
  928.                                     {
  929.                                         text: 'Select All',
  930.                                         action: function (e, dt, node, config) {
  931.                                             if (dt.rows({selected: true}).count() === dt.rows().count()) {
  932.                                                 dt.rows().deselect();
  933.                                                 dt.rows().every(function () {
  934.                                                     $(this.node()).find('td:first-child input[type="checkbox"]').prop('checked', false);
  935.                                                 });
  936.                                             } else {
  937.                                                 dt.rows().select();
  938.                                                 dt.rows().every(function () {
  939.                                                     $(this.node()).find('td:first-child input[type="checkbox"]').prop('checked', true);
  940.                                                 });
  941.                                             }
  942.                                         }
  943.                                     },
  944.                                     {
  945.                                         "text": '<i class="fa fa-check"></i> APPROVE SELECTED',
  946.                                         "attr": {
  947.                                             "id": 'bulk_approval_action',
  948.                                             "className": 'bg-blue',
  949.                                         }
  950.                                     }
  951.                                 ]
  952.                             },
  953.                             "select": {
  954.                                 style: 'multi',
  955.                                 selector: 'td:first-child input[type="checkbox"]'
  956.                             },
  957.                             "order": [[1, "desc"]],
  958.                             'columnDefs': [
  959.                                 {
  960.                                     responsivePriority: 1,
  961.                                     targets: [0, 1, -1]
  962.                                 },
  963.                                 {
  964.                                     visible: false,
  965.                                     targets: [1]
  966.                                 },
  967.                                 {
  968.                                     responsivePriority: 2,
  969.                                     targets: [2, 3,7]
  970.                                 },
  971.                                 {
  972.                                     orderable: false,
  973.                                     targets: 0,
  974.                                 },
  975.                                 {
  976.                                     className: "trans_amount",
  977.                                     targets: [6]
  978.                                 },
  979.                                 {
  980.                                     className: "align_center",
  981.                                     targets: [1, 2, 3, 5, 7]
  982.                                 }
  983.                             ],
  984.                             drawCallback: function (settings) {
  985.                                 $('.text_hover_icon').each(function (ind, elem) {
  986.                                     $(elem).popover({
  987.                                         content: $(elem).data('text'),
  988.                                         trigger: 'hover',
  989.                                         placement: 'top',
  990.                                         container: 'body',
  991.                                         html: true
  992.                                     });
  993.                                 });
  994.                                 $('.name_icon').each(function (ind, elem) {
  995.                                     $(elem).popover({
  996.                                         content: $(elem).data('employeeName'),
  997.                                         trigger: 'hover',
  998.                                         placement: 'top',
  999.                                         container: 'body',
  1000.                                         html: true
  1001.                                     });
  1002.                                 });
  1003.                             },
  1004.                             initComplete: function () {
  1005.                                 this.api().columns().every(function (col_ind) {
  1006.                                     var column = this;
  1007.                                     var exclude_col = [0, 1];
  1008.                                     if (exclude_col.indexOf(col_ind) > -1) {
  1009.                                     } else {
  1010.                                         var search_cont = $('<div class="form-line"></div>').appendTo($(column.header()))
  1011.                                         var search_box = $('<input type="text" class="form-control ">')
  1012.                                             .appendTo(search_cont)
  1013.                                             .bindWithDelay('keyup change', function () {
  1014.                                                 var val = $.fn.dataTable.util.escapeRegex(
  1015.                                                     $(this).val()
  1016.                                                 );
  1017.                                                 column
  1018.                                                     .search(val ? val : '', true, false)
  1019.                                                     .draw();
  1020.                                             }, 1000);
  1021.                                     }
  1022.                                 });
  1023.                             }
  1024.                         });
  1026.                     // ✅ FIX 2: events bound AFTER DataTable init
  1027.                     pendingApprovalTable.on('select', function (e, dt, type, indexes) {
  1028.                         if (type === 'row') {
  1029.                             dt.rows(indexes).nodes().each(function (row) {
  1030.                                 $(row).find('td:first-child input[type="checkbox"]').prop('checked', true);
  1031.                             });
  1032.                         }
  1033.                     });
  1035.                     pendingApprovalTable.on('deselect', function (e, dt, type, indexes) {
  1036.                         if (type === 'row') {
  1037.                             dt.rows(indexes).nodes().each(function (row) {
  1038.                                 $(row).find('td:first-child input[type="checkbox"]').prop('checked', false);
  1039.                             });
  1040.                         }
  1041.                     });
  1043.                     $(document)
  1044.                         .off('change', '.app_pending_for_all td:first-child input[type="checkbox"]')
  1045.                         .on('change', '.app_pending_for_all td:first-child input[type="checkbox"]', function () {
  1046.                             var $row = $(this).closest('tr');
  1047.                             if ($(this).is(':checked')) {
  1048.                                 pendingApprovalTable.row($row).select();
  1049.                             } else {
  1050.                                 pendingApprovalTable.row($row).deselect();
  1051.                             }
  1052.                         });
  1054.                     $('.count-to-amount-specific').countTo(
  1055.                         {
  1056.                             formatter: function (value, options) {
  1057.                                 return abbreviateNumber(value.toFixed(0));
  1058.                             }
  1059.                         }
  1060.                     );
  1061.                 }
  1062.             }
  1063.         });
  1064.     }
  1065.     function RefreshAppListOnMenu() {
  1066.         $.post('{{ url('get_app_list_from_central_server') }}', {
  1067.             appIds: {{ session[UserConstants.USER_APP_ID_LIST] is defined?(session[UserConstants.USER_APP_ID_LIST]|json_encode|raw ): '[]' }},
  1068.         })
  1069.             .done(function (data) {
  1070.                 var dataArray = $.map(data, function (value, index) {
  1071.                     return [value];
  1072.                 });
  1073.                 $('.this_is_company').remove()
  1074.                 for (var koka = dataArray.length - 1; koka >= 0; koka--) {
  1075.                     var currAppData = dataArray[koka]
  1076.                     $('.company_list_here').after(
  1077.                         '<li class="this_is_company"> ' +
  1078.                         '<a href="{{ url('change_company_dashboard') }}/1"> <i class="fa fa-building"></i> ' +
  1079.                         (currAppData['name'].length > 15 ? (currAppData['name'].slice(0, 15) + '...') : currAppData['name']) + '</a>' +
  1080.                         ' </li>')
  1081.                 }
  1082.             })
  1083.             .fail(function () {
  1084.             });
  1085.     }
  1087.     function ListAvailableTaskOnMenu() {
  1089.         var query = '_EMPTY_';
  1090.         var pika_ind_id = '_NOPE_'
  1091.         $.ajax({
  1092.             url: url_path("select_data_ajax"),
  1093.             type: 'POST',
  1094.             dataType: 'json',
  1095.             data: {
  1096.                 query: query,
  1097.                 tableName: "planning_item",
  1098.                 valueField: "id",
  1099.                 textField: "item_alias",
  1100.                 entity_group: 0,
  1101.                 selectorId: pika_ind_id,
  1102.                 isMultiple: 0,
  1103.                 dataId: pika_ind_id,
  1104.                 andConditions: [
  1105.                     // {type: "not like ", field: "current_state", value: "submitted"},
  1108.                 ],
  1109.                 andOrConditions: [
  1110.                     // {type: "like", field: "name", value: query},
  1111.                     {type: "not like ", field: "current_state", value: "approved"},
  1112.                     {type: "=", field: "current_state", value: "null"},
  1114.                     // {type: "=", field: "current_state", value: "null"},
  1115.                 ],
  1116.                 mustConditions: [
  1117.                     {
  1118.                         type: "in",
  1119.                         field: "assigned_to",
  1120.                         value: [{{ session[UserConstants.USER_EMPLOYEE_ID] is defined?session[UserConstants.USER_EMPLOYEE_ID]: '-1' }}, -1]
  1121.                     },
  1122.                     {type: "!=", field: "has_child", value: 1},
  1123.                 ],
  1124.                 joinTableData: [
  1125.                     {
  1126.                         tableName: "project",
  1127.                         joinFieldPrimary: "project_id",
  1128.                         joinOn: 'project_id',
  1129.                         tableJoinType: 'left join',
  1130.                         selectFieldList: [
  1131.                             'project_name'
  1132.                         ]
  1133.                     },
  1135.                     {
  1136.                         tableName: "task_log",
  1137.                         joinFieldPrimary: "id",
  1138.                         joinOn: 'planning_item_id',
  1139.                         tableJoinType: 'left join',
  1140.                         fieldJoinType: '=',
  1141.                         selectPrefix: 'task_',
  1142.                         joinAndConditions: [
  1143.                             {type: "=", field: "working_status", value: 1},
  1145.                             {
  1146.                                 type: "=",
  1147.                                 field: "user_id",
  1148.                                 value: {{ session[UserConstants.USER_ID] is defined?session[UserConstants.USER_ID]: '-1' }}},
  1149.                         ],
  1150.                         selectFieldList: [
  1151.                             'id', 'actual_start_ts', 'working_status'
  1153.                         ]
  1154.                     },
  1155.                 ],
  1156.                 convertToObject: [],
  1157.                 skipDefaultCompanyId: 1
  1158.             },
  1159.             error: function () {
  1160.             },
  1161.             success: function (res) {
  1162.                 $('.assigned_task_list_here').empty()
  1163.                 var project_ids = [0]
  1165.                 var div_by_project = {
  1166.                     0: {
  1167.                         project_name: 'General',
  1168.                         divList: []
  1169.                     }
  1170.                 };
  1171.                 console.log(res.data)
  1173.                 for (var koka = 0; koka < res.data.length; koka++) {
  1174.                     var currTaskData = res.data[koka]
  1175.                     if (currTaskData['task_working_status'] == 1 && currTaskData['task_id'] == currentTaskId) {
  1176.                         currentLastStartTs = currTaskData['task_actual_start_ts']
  1177.                     }
  1178.                     if (currTaskData['project_id'] == null || currTaskData['project_id'] == '')
  1179.                         currTaskData['project_id'] = 0;
  1181.                     if (typeof div_by_project[currTaskData['project_id']] !== 'undefined') {
  1182.                     } else {
  1183.                         project_ids.push(currTaskData['project_id'])
  1184.                         div_by_project[currTaskData['project_id']] = {
  1185.                             project_name: currTaskData['project_name'],
  1186.                             divList: []
  1187.                         }
  1188.                     }
  1191.                     div_by_project[currTaskData['project_id']]['divList'].push('<li class="this_is_task task_planning_item_id_' + currTaskData['id'] + '"> ' +
  1192.                         '<a href="#" data-pid="' + currTaskData['id'] + '"> <i class="fa fa-building"></i> ' +
  1193.                         (currTaskData['item_alias'].length > 150 ? (currTaskData['item_alias'].slice(0, 150) + '...') : currTaskData['item_alias']) + '' +
  1194.                         '</a>' +
  1195.                         ' </li>')
  1198.                 }
  1200.                 for (var koka = 0; koka < project_ids.length; koka++) {
  1201.                     var prj_id = project_ids[koka];
  1202.                     $('.assigned_task_list_here').append(
  1203.                         '<li class="dropdown-header ">' + div_by_project[prj_id]['project_name'] + '</li>'
  1204.                     );
  1205.                     for (var loka = 0; loka < div_by_project[prj_id]['divList'].length; loka++) {
  1206.                         $('.assigned_task_list_here').append(
  1207.                             div_by_project[prj_id]['divList'][loka]
  1208.                         );
  1209.                     }
  1210.                 }
  1212.                 SetActiveTaskOnMenu(currentTaskId, currentPlanningItemId, currentLastStartTs);
  1213.             }
  1214.         });
  1216.     }
  1218.     function ChangeActiveTaskOnMenu(taskId, planningItemId) {
  1219.         StartNewTaskOnMenu(taskId, planningItemId);
  1220.     }
  1222.     function SetActiveTaskOnMenu(taskId, planningItemId, actualStartTs) {
  1224.         actualStartTs = actualStartTs || 0;
  1225.         $('.this_is_task').removeClass('active');
  1226.         if (planningItemId != 0 && planningItemId != '') {
  1227.             $('.task_planning_item_id_' + planningItemId).addClass('active');
  1228.             $('.assigned_task_list_cont .profile-info').html($('.task_planning_item_id_' + planningItemId + ' a').text() + '' + '<small>' +
  1229.                 '<b class="clock_update" data-start-ts="' + actualStartTs + '">00:00</b></small>')
  1230.         } else {
  1231.             $('.assigned_task_list_cont .profile-info').html('Select Task <small>Unselected</small>')
  1233.         }
  1234.     }
  1236.     function refreshCurrAttStatus() {
  1238.         var query = '_EMPTY_';
  1239.         var pika_ind_id = '_NOPE_'
  1240.         $.ajax({
  1241.             url: url_path("select_data_ajax"),
  1242.             type: 'POST',
  1243.             dataType: 'json',
  1244.             data: {
  1245.                 query: query,
  1246.                 tableName: "employee_attendance",
  1247.                 valueField: "employee_id",
  1248.                 textField: "current_location",
  1249.                 entity_group: 0,
  1250.                 selectorId: pika_ind_id,
  1251.                 isMultiple: 0,
  1252.                 itemLimit: '_ALL_',
  1253.                 dataId: pika_ind_id,
  1254.                 andConditions: [],
  1255.                 andOrConditions: [
  1256.                     {type: "like", field: "name", value: query},
  1258.                 ],
  1259.                 mustConditions: [
  1261.                     {% if session[UserConstants.USER_TYPE] != 1 %}
  1262.                     {
  1263.                         type: "in",
  1264.                         field: "employee_id",
  1265.                         value: [{{ session[UserConstants.USER_EMPLOYEE_ID] is defined?session[UserConstants.USER_EMPLOYEE_ID]: '-1' }}, -1]
  1266.                     },
  1267.                     {% endif %}
  1268.                     // {type: "!=", field: "has_child", value: 1},
  1269.                     {type: "=", field: "date", value: moment().tz("Etc/GMT-0").format('YYYY-MM-DD')},
  1270.                 ],
  1271.                 joinTableData: [
  1272.                     {
  1273.                         tableName: "employee_details",
  1274.                         joinFieldPrimary: "employee_id",
  1275.                         joinOn: 'id',
  1276.                         tableJoinType: 'left join',
  1277.                         selectPrefix: 'employee_',
  1278.                         selectFieldList: [
  1279.                             'firstname', 'lastname', 'emp_code', 'image'
  1280.                         ]
  1281.                     }, {
  1282.                         tableName: "sys_department_position",
  1283.                         joinFieldPrimary: "employee_details_0.desg",
  1284.                         joinOn: 'position_id',
  1285.                         tableJoinType: 'left join',
  1286.                         selectPrefix: '',
  1287.                         selectFieldList: [
  1288.                             'position_name'
  1289.                         ],
  1290.                         {# joinMustConditions: [ #}
  1291.                         {#    {type: "=", field: "position_id", value: 1}, #}
  1293.                         {#    {type: "=", field: "user_id", value: {{ session[UserConstants.USER_ID] is defined?session[UserConstants.USER_ID]: '-1' }}}, #}
  1294.                         {# ], #}
  1295.                     },
  1296.                     {
  1297.                         tableName: "sys_department",
  1298.                         joinFieldPrimary: "employee_details_0.dept",
  1299.                         joinOn: 'department_id',
  1300.                         tableJoinType: 'left join',
  1301.                         selectPrefix: '',
  1302.                         selectFieldList: [
  1303.                             'department_name'
  1304.                         ],
  1305.                         {# joinMustConditions: [ #}
  1306.                         {#    {type: "=", field: "position_id", value: 1}, #}
  1308.                         {#    {type: "=", field: "user_id", value: {{ session[UserConstants.USER_ID] is defined?session[UserConstants.USER_ID]: '-1' }}}, #}
  1309.                         {# ], #}
  1310.                     },
  1312.                     {# { #}
  1313.                     {#    tableName: "task_log", #}
  1314.                     {#    joinFieldPrimary: "id", #}
  1315.                     {#    joinOn: 'planning_item_id', #}
  1316.                     {#    tableJoinType: 'left join', #}
  1317.                     {#    fieldJoinType: '=', #}
  1318.                     {#    selectPrefix: 'task_', #}
  1319.                     {#    joinAndConditions: [ #}
  1320.                     {#        {type: "=", field: "working_status", value: 1}, #}
  1322.                     {#        {type: "=", field: "user_id", value: {{ session[UserConstants.USER_ID] is defined?session[UserConstants.USER_ID]: '-1' }}}, #}
  1323.                     {#    ], #}
  1324.                     {#    selectFieldList: [ #}
  1325.                     {#        'id', 'actual_start_ts', 'working_status' #}
  1327.                     {#    ] #}
  1328.                     {# }, #}
  1329.                 ],
  1330.                 convertToObject: [],
  1331.                 skipDefaultCompanyId: 1
  1332.             },
  1333.             error: function () {
  1334.             },
  1335.             success: function (res) {
  1336.                 console.log(res.data);
  1338.                 var $list = $('.list.currentStatus').empty();
  1339.                 var curr_working_employee_count = 0;
  1341.                 res.data.forEach(function (emp) {
  1342.                     var empId    = emp.employee_emp_code?.trim() || String(emp.employee_id).padStart(8, '0');
  1343.                     var initials = ((emp.employee_firstname?.[0] || '') + (emp.employee_lastname?.[0] || '')).toUpperCase() || '??';
  1344.                     var imgSrc   = emp.employee_image?.trim() || null;
  1345.                     var timeIn   = emp.last_start_time_ts ? moment.unix(emp.last_start_time_ts).format('HH:mm') : '';
  1346.                     var timeOut  = emp.last_end_time_ts   ? moment.unix(emp.last_end_time_ts).format('HH:mm')   : '';
  1347.                     var isIn     = emp.current_location === 'in';
  1349.                     var avatarHtml = imgSrc
  1350.                         ? `<img src="${imgSrc}" alt="" style="width:40px;height:40px;border-radius:50%;object-fit:cover;display:block;">`
  1351.                         : `<div class="att-avatar-fallback">${initials}</div>`;
  1353.                     var timesHtml = '';
  1354.                     if (timeIn)  timesHtml += `<span class="att-time tin"><span class="att-time-arrow">▼</span>${timeIn}</span>`;
  1355.                     if (timeOut) timesHtml += `<span class="att-time tout"><span class="att-time-arrow">▲</span>${timeOut}</span>`;
  1357.                     $list.append(`
  1358.                         <li class="att-tile">
  1359.                             <div class="att-avatar">
  1360.                                 ${avatarHtml}
  1361.                                 <div class="att-avatar-badge ${isIn ? 'in' : 'out'}"></div>
  1362.                             </div>
  1363.                             <div class="att-info">
  1364.                                 <div style="display:flex;align-items:center;gap:8px;">
  1365.                                     <span class="att-name">${emp.employee_firstname} ${emp.employee_lastname}</span>
  1366.                                     <span class="att-code">${empId}</span>
  1367.                                 </div>
  1368.                                 <div class="att-sub">${emp.position_name || '—'} · ${emp.department_name || '—'}</div>
  1369.                                 <div class="att-times">${timesHtml}</div>
  1370.                             </div>
  1371.                             <div class="att-badge ${isIn ? 'in' : 'out'}">${isIn ? 'In' : 'Out'}</div>
  1372.                         </li>
  1373.                     `);
  1375.                     if (isIn) curr_working_employee_count++;
  1376.                 });
  1378.                 $('.curr_working_employee_count').text(curr_working_employee_count);
  1379.             }
  1380.         });
  1382.     }
  1384.     function newSubmenuClose() {
  1385.         $('.offcanvas-pane').removeClass('active');
  1386.         $('.offcanvas-pane').css({
  1387.             '-webkit-transform': '',
  1388.             '-ms-transform': '',
  1389.             '-o-transform': '',
  1390.             'transform': ''
  1391.         });
  1392.     }
  1394.     function newSubmenuOpen(id) {
  1395.         if ($('#offcanvas-menu').hasClass('active')) {
  1396.             newSubmenuClose();
  1397.             return 0;
  1398.         } else {
  1399.             newSubmenuClose();
  1400.         }
  1402.         $('#offcanvas-menu').addClass('active');
  1403.         var width = $('#offcanvas-menu').width();
  1404.         if (width > $(document).width()) {
  1405.             width = $(document).width() - 8;
  1406.             $('#offcanvas-menu.active').css({'width': width});
  1407.         }
  1409.         var translate = 'translate(' + width + 'px, 0)';
  1410.         $('#offcanvas-menu.active').css({
  1411.             '-webkit-transform': translate,
  1412.             '-ms-transform': translate,
  1413.             '-o-transform': translate,
  1414.             'transform': translate
  1415.         });
  1416.     };
  1418.     function EndCurrentTaskOnMenu() {
  1420.         $('#endTaskModal').modal('show');
  1421.         $('input[name="taskStatus"]').off('change.taskEnd').on('change.taskEnd', function () {
  1422.             var isSubmission = $('#taskCompleted').is(':checked');
  1423.             $('#taskSubmissionFields, #taskEvidenceFilesWrap, #taskEvidenceNoteWrap, #taskBlockerWrap, #taskNextActionWrap').toggle(isSubmission);
  1424.             $('#feedbackInput').toggle(!isSubmission);
  1425.             if (isSubmission) {
  1426.                 $('#taskCompletionPercentage').val(100);
  1427.             } else {
  1428.                 $('#taskCompletionPercentage').val(0);
  1429.             }
  1430.         }).trigger('change');
  1432.         $('#confirmEndTask').off('click').on('click', function () {
  1433.             var feedback = $('#taskFeedback').val().trim();
  1434.             var taskStatus = $('input[name="taskStatus"]:checked').val();
  1435.             var completionPercentage = parseFloat($('#taskCompletionPercentage').val() || '0');
  1436.             var workCompleted = $('#taskWorkCompleted').val().trim();
  1437.             var evidenceFiles = $('#taskEvidenceFiles').val().trim();
  1438.             var evidenceNote = $('#taskEvidenceNote').val().trim();
  1439.             var blockerDetail = $('#taskBlockerDetail').val().trim();
  1440.             var nextAction = $('#taskNextAction').val().trim();
  1442.             if (taskStatus === 'completed') {
  1443.                 completionPercentage = 100;
  1444.                 if (!workCompleted || !evidenceFiles) {
  1445.                     alert('Please provide work completed summary and evidence before submitting the task.');
  1446.                     return;
  1447.                 }
  1448.             }
  1449.             $('#endTaskModal').modal('hide');
  1450.             executeEndTask({
  1451.                 feedback: feedback,
  1452.                 taskStatus: taskStatus,
  1453.                 completionPercentage: completionPercentage,
  1454.                 workCompleted: workCompleted,
  1455.                 evidenceFiles: evidenceFiles,
  1456.                 evidenceNote: evidenceNote,
  1457.                 blockerDetail: blockerDetail,
  1458.                 nextAction: nextAction
  1459.             });
  1460.         });
  1461.     }
  1463.     function executeEndTask(payload) {
  1464.         payload = payload || {};
  1465.         $.ajax({
  1466.             url: "{{ path('app_task_out_api') }}",
  1467.             type: 'POST',
  1468.             dataType: 'json',
  1469.             headers: {
  1470.                 'auth-token': '{{ session[UserConstants.USER_TOKEN]|default('') }}'
  1471.             },
  1472.             data: {
  1473.                 taskStatus: payload.taskStatus || 'pending',
  1474.                 completionPercentage: payload.completionPercentage || 0,
  1475.                 workCompleted: payload.workCompleted || '',
  1476.                 evidenceFiles: payload.evidenceFiles || '',
  1477.                 evidenceNote: payload.evidenceNote || '',
  1478.                 blockerDetail: payload.blockerDetail || '',
  1479.                 nextAction: payload.nextAction || '',
  1480.                 feedback: payload.feedback || ''
  1481.             },
  1482.             error: function (res) {
  1483.                 alert("Error while ending the task!");
  1484.                 console.log(res);
  1485.             },
  1486.             success: function (res) {
  1487.                 if (res && res.success === false) {
  1488.                     alert(res.message || 'Could not update task status.');
  1489.                     return;
  1490.                 }
  1491.                 currentTaskId = 0;
  1492.                 currentPlanningItemId = 0;
  1493.                 SetActiveTaskOnMenu(currentTaskId, currentPlanningItemId);
  1494.                 ListAvailableTaskOnMenu();
  1495.             }
  1496.         });
  1497.     }
  1499.     function refreshTaskOnSession() {
  1502.         $.ajax({
  1503.             url: "{{ url('refresh_task_on_session') }}",
  1504.             type: 'POST',
  1505.             dataType: 'json',
  1506.             data: {},
  1507.             error: function () {
  1508.                 alert("Error while ending the task!");
  1509.             },
  1510.             success: function (res) {
  1511.                 currentTaskId = res.currentTaskId;
  1512.                 currentPlanningItemId = res.currentPlanningItemId;
  1513.                 currentLastStartTs = res.taskActualStartTs
  1514.                 SetActiveTaskOnMenu(currentTaskId, currentPlanningItemId, currentLastStartTs);
  1515.             }
  1516.         });
  1517.     }
  1519.     function StartNewTaskOnMenu(taskId, planningItemId) {
  1521.         var curr_ts = moment().unix();
  1522.         var this_user_id = {{ session[UserConstants.USER_ID] }};
  1524.         $.ajax({
  1525.             url: BaseURL + "insert_data_ajax_with_session",
  1526.             type: 'POST',
  1527.             dataType: 'json',
  1528.             data: {
  1529.                 entity_group: 0,
  1530.                 dataToAdd: [
  1531.                     {
  1532.                         entityName: 'TaskLog',
  1533.                         idField: 'id',
  1534.                         returnRefIndex: 'id',
  1535.                         findId: 0,
  1536.                         preAdditionalSql: 'UPDATE task_log set working_status=2, actual_end_ts=' + curr_ts + ' where working_status=1 and user_id= ' + this_user_id + ';;',
  1537.                         dataFields: [
  1538.                             {field: 'planningItemId', value: planningItemId, type: '_VALUE_'},
  1539.                             {field: 'userId', value: this_user_id, type: '_VALUE_'},
  1540.                             {field: 'logType', value: 'session', type: '_VALUE_'},
  1541.                             {field: 'workingStatus', value: 1, type: '_VALUE_'},
  1542.                             {field: 'actualStartTs', value: curr_ts, type: '_VALUE_'},
  1543.                         ],
  1544.                         additionalSql: '',
  1545.                     }
  1546.                 ]
  1547.             },
  1548.             error: function () {
  1549.             },
  1550.             success: function (res) {
  1551.                 if (typeof res.updatedDataList[0] !== 'undefined') {
  1552.                     var relatedDataCamelcase = res.updatedDataList[0];
  1553.                     if (relatedDataCamelcase['status'] !== 1) {
  1554.                         currentTaskId = relatedDataCamelcase['id'];
  1555.                         currentPlanningItemId = relatedDataCamelcase['planningItemId'];
  1556.                         SetActiveTaskOnMenu(currentTaskId, currentPlanningItemId, relatedDataCamelcase['actualStartTs']);
  1557.                     }
  1558.                 }
  1559.             }
  1560.         });
  1561.     }
  1563.     {% endif %}
  1565.     // AI state — sessions will populate these in aiInitSessions()
  1566.     var lastAiChatIndex = 0;
  1567.     var currentChatMode = localStorage.getItem('hb_ai_mode') || '';
  1568.     var aiConversation = [];
  1569.     var AI_CURRENT_SESSION = null;
  1570.     var AI_MAX_CONTEXT_TURNS = 20;
  1571.     var aiLastUserText = '';
  1573.     // ── Context API trim ─────────────────────────────────────────────────────
  1574.     function aiGetContextForApi() {
  1575.         return aiConversation.slice(-AI_MAX_CONTEXT_TURNS);
  1576.     }
  1578.     function aiUpdateContextBadge() {
  1579.         $('#aiContextCount').text(aiConversation.length + '/' + AI_MAX_CONTEXT_TURNS + ' ctx');
  1580.     }
  1582.     // ── Toast notification ───────────────────────────────────────────────────
  1583.     function aiShowToast(message, type) {
  1584.         var colors = {success: '#14aba2', warning: '#f5a623', error: '#d9534f', info: '#5b9bd5'};
  1585.         var bg = colors[type] || colors.info;
  1586.         var $t = $('<div style="position:fixed;top:20px;right:20px;z-index:9999999;padding:12px 18px;background:' + bg + ';color:#fff;border-radius:4px;box-shadow:0 3px 12px rgba(0,0,0,.25);font-size:13px;max-width:320px;">' + escapeHtml(message) + '</div>');
  1587.         $('body').append($t);
  1588.         setTimeout(function () { $t.fadeOut(400, function () { $t.remove(); }); }, 4000);
  1589.     }
  1591.     // ── Session management ───────────────────────────────────────────────────
  1592.     function aiInitSessions() {
  1593.         var sessions = JSON.parse(localStorage.getItem('hb_ai_sessions') || '[]');
  1594.         var currentId = localStorage.getItem('hb_ai_current_session');
  1596.         if (!currentId || !sessions.find(function(s){ return s.id === currentId; })) {
  1597.             currentId = 'sess_' + Date.now();
  1598.             var label = 'Session ' + new Date().toLocaleDateString();
  1599.             sessions.push({id: currentId, name: label, createdAt: Date.now()});
  1600.             // Migrate legacy non-session data into first session
  1601.             var legacyConv = localStorage.getItem('hb_ai_conversation');
  1602.             var legacyLog  = localStorage.getItem('hb_ai_chat_log');
  1603.             var legacyIdx  = localStorage.getItem('hb_ai_chat_index');
  1604.             if (legacyConv) localStorage.setItem('hb_ai_conv_' + currentId, legacyConv);
  1605.             if (legacyLog)  localStorage.setItem('hb_ai_log_'  + currentId, legacyLog);
  1606.             if (legacyIdx)  localStorage.setItem('hb_ai_idx_'  + currentId, legacyIdx);
  1607.             localStorage.setItem('hb_ai_sessions', JSON.stringify(sessions));
  1608.             localStorage.setItem('hb_ai_current_session', currentId);
  1609.         }
  1611.         AI_CURRENT_SESSION = currentId;
  1612.         aiConversation  = JSON.parse(localStorage.getItem('hb_ai_conv_' + currentId) || '[]');
  1613.         lastAiChatIndex = parseInt(localStorage.getItem('hb_ai_idx_'  + currentId) || '0');
  1615.         aiRenderSessionDropdown(sessions, currentId);
  1616.         aiUpdateContextBadge();
  1617.     }
  1619.     function aiRenderSessionDropdown(sessions, currentId) {
  1620.         var $sel = $('#aiSessionSelect').empty();
  1621.         sessions.slice().reverse().forEach(function (s) {
  1622.             $('<option>').val(s.id).text(s.name).prop('selected', s.id === currentId).appendTo($sel);
  1623.         });
  1624.     }
  1626.     function aiNewSession() {
  1627.         aiSaveToStorage();
  1628.         var sessions = JSON.parse(localStorage.getItem('hb_ai_sessions') || '[]');
  1629.         var now = Date.now();
  1630.         var newId = 'sess_' + now;
  1631.         var name = 'Session ' + new Date().toLocaleString('en-GB', {day:'2-digit', month:'short', hour:'2-digit', minute:'2-digit'});
  1632.         sessions.push({id: newId, name: name, createdAt: now});
  1633.         if (sessions.length > 10) {
  1634.             var removed = sessions.shift();
  1635.             ['hb_ai_conv_', 'hb_ai_log_', 'hb_ai_idx_'].forEach(function(k){ localStorage.removeItem(k + removed.id); });
  1636.         }
  1637.         localStorage.setItem('hb_ai_sessions', JSON.stringify(sessions));
  1638.         localStorage.setItem('hb_ai_current_session', newId);
  1639.         AI_CURRENT_SESSION = newId;
  1640.         aiConversation = [];
  1641.         lastAiChatIndex = 0;
  1642.         aiLastUserText = '';
  1643.         $('.list-chats.list-chats-ai').html('<li><div class="ai-welcome"><div class="ai-welcome-icon">🐝</div><h5>Honeybee AI</h5><p>Ask me anything, trigger an ERP action,<br>or generate a report.</p></div></li>');
  1644.         aiRenderSessionDropdown(sessions, newId);
  1645.         aiUpdateContextBadge();
  1646.         aiShowToast('New session started', 'success');
  1647.     }
  1649.     function aiSwitchSession(sessionId) {
  1650.         if (sessionId === AI_CURRENT_SESSION) return;
  1651.         aiSaveToStorage();
  1652.         AI_CURRENT_SESSION = sessionId;
  1653.         localStorage.setItem('hb_ai_current_session', sessionId);
  1654.         aiConversation  = JSON.parse(localStorage.getItem('hb_ai_conv_' + sessionId) || '[]');
  1655.         lastAiChatIndex = parseInt(localStorage.getItem('hb_ai_idx_'  + sessionId) || '0');
  1656.         $('.list-chats.list-chats-ai').empty();
  1657.         aiRestoreChatHistory();
  1658.         aiUpdateContextBadge();
  1659.     }
  1661.     // ── Storage helpers ──────────────────────────────────────────────────────
  1662.     function aiSaveToStorage() {
  1663.         var sid = AI_CURRENT_SESSION || 'default';
  1664.         localStorage.setItem('hb_ai_conv_' + sid, JSON.stringify(aiConversation));
  1665.         localStorage.setItem('hb_ai_idx_'  + sid, String(lastAiChatIndex));
  1666.     }
  1668.     function aiLogMessage(role, content, time, avatar) {
  1669.         var sid = AI_CURRENT_SESSION || 'default';
  1670.         var key = 'hb_ai_log_' + sid;
  1671.         var log = JSON.parse(localStorage.getItem(key) || '[]');
  1672.         log.push({role: role, content: content, time: time, avatar: avatar || ''});
  1673.         localStorage.setItem(key, JSON.stringify(log));
  1674.     }
  1676.     function aiClearHistory() {
  1677.         var sid = AI_CURRENT_SESSION || 'default';
  1678.         aiConversation = [];
  1679.         lastAiChatIndex = 0;
  1680.         aiLastUserText = '';
  1681.         ['hb_ai_conv_', 'hb_ai_log_', 'hb_ai_idx_'].forEach(function(k){ localStorage.removeItem(k + sid); });
  1682.         $('.list-chats.list-chats-ai').html('<li><div class="ai-welcome"><div class="ai-welcome-icon">🐝</div><h5>Honeybee AI</h5><p>Ask me anything, trigger an ERP action,<br>or generate a report.</p></div></li>');
  1683.         aiUpdateContextBadge();
  1684.     }
  1686.     // ── Render helpers ───────────────────────────────────────────────────────
  1687.     function aiRenderMarkdown(text) {
  1688.         if (typeof marked !== 'undefined') {
  1689.             try { return marked.parse(text); } catch(e) {}
  1690.         }
  1691.         return '<span style="white-space:pre-wrap;">' + escapeHtml(text) + '</span>';
  1692.     }
  1694.     function aiAddMessageActions($chatBody, text, chatIndex, userText) {
  1695.         // Copy button
  1696.         var $copy = $('<button class="btn btn-xs btn-default ai-copy-btn" title="Copy" style="float:right;margin-top:4px;opacity:.55;"><i class="fa fa-copy"></i></button>');
  1697.         $copy.on('click', function () {
  1698.             navigator.clipboard.writeText(text).then(function () {
  1699.                 $copy.find('i').removeClass('fa-copy').addClass('fa-check');
  1700.                 setTimeout(function () { $copy.find('i').removeClass('fa-check').addClass('fa-copy'); }, 1500);
  1701.             });
  1702.         });
  1703.         // Retry button
  1704.         var $retry = $('<button class="btn btn-xs btn-default ai-retry-btn" title="Retry" style="float:right;margin-top:4px;margin-right:4px;opacity:.55;"><i class="fa fa-refresh"></i></button>');
  1705.         $retry.on('click', function () {
  1706.             $retry.remove(); $copy.remove();
  1707.             $('#chatIndex_' + chatIndex + ' .ai-text').html('<em style="opacity:.5;">Retrying...</em>');
  1708.             streamAiReply(userText, chatIndex);
  1709.         });
  1710.         $chatBody.append($retry).append($copy);
  1711.     }
  1713.     function aiRestoreChatHistory() {
  1714.         var sid = AI_CURRENT_SESSION || 'default';
  1715.         var log = JSON.parse(localStorage.getItem('hb_ai_log_' + sid) || '[]');
  1716.         if (!log.length) return;
  1717.         // Remove welcome placeholder since we have real messages
  1718.         $('.list-chats-ai .ai-welcome').closest('li').remove();
  1719.         $.each(log, function (i, entry) {
  1720.             var avatarHtml = entry.avatar ? '<div class="chat-avatar"><img class="img-circle" src="' + entry.avatar + '" alt=""></div>' : '';
  1721.             var html = '';
  1722.             if (entry.role === 'user') {
  1723.                 html  = '<li class="chat-left"><div class="chat">' + avatarHtml;
  1724.                 html += '<div class="chat-body">' + escapeHtml(entry.content) + '<small>' + escapeHtml(entry.time || '') + '</small></div>';
  1725.                 html += '</div></li>';
  1726.                 $('.list-chats.list-chats-ai').append(html);
  1727.             } else {
  1728.                 html  = '<li><div class="chat">' + avatarHtml;
  1729.                 html += '<div class="chat-body"><div class="ai-text ai-markdown">' + aiRenderMarkdown(entry.content) + '</div>';
  1730.                 html += '<small>' + escapeHtml(entry.time || '') + '</small></div>';
  1731.                 html += '</div></li>';
  1732.                 var $li = $(html);
  1733.                 $('.list-chats.list-chats-ai').append($li);
  1734.                 // Add action buttons (copy only — no retry since we don't have chatIndex)
  1735.                 var $copy = $('<button class="btn btn-xs btn-default ai-copy-btn" title="Copy" style="float:right;margin-top:4px;opacity:.55;"><i class="fa fa-copy"></i></button>');
  1736.                 (function(content){
  1737.                     $copy.on('click', function () {
  1738.                         navigator.clipboard.writeText(content).then(function () {
  1739.                             $copy.find('i').removeClass('fa-copy').addClass('fa-check');
  1740.                             setTimeout(function () { $copy.find('i').removeClass('fa-check').addClass('fa-copy'); }, 1500);
  1741.                         });
  1742.                     });
  1743.                 })(entry.content);
  1744.                 $li.find('.chat-body').append($copy);
  1745.             }
  1746.         });
  1747.         var scroller = $('#offcanvas-chat-with-ai .nano-content');
  1748.         if (scroller.length) scroller.scrollTop(scroller[0].scrollHeight);
  1749.     }
  1751.     let recognition = null;
  1752.     let isListening = false;
  1754.     function noAction(data) {
  1755.         data = data || {};
  1756.         //do nothing
  1759.     }
  1761.     function getPreferredVoice(langPrefix) {
  1762.         const voices = window.speechSynthesis.getVoices() || [];
  1763.         return voices.find(v => v.lang && v.lang.startsWith(langPrefix)) || null;
  1764.     }
  1766.     function detectLang(text) {
  1767.         return /[\u0980-\u09FF]/.test(text) ? "bn-BD" : "en-US";
  1768.     }
  1770.     // Some browsers load voices async
  1771.     window.speechSynthesis.onvoiceschanged = function () {
  1772.         window.speechSynthesis.getVoices();
  1773.     };
  1776.     function setupVoiceToText() {
  1777.         const SR = window.SpeechRecognition || window.webkitSpeechRecognition;
  1778.         if (!SR) {
  1779.             alert("Speech-to-text is not supported in this browser. Use Chrome/Edge or use server Whisper.");
  1780.             return;
  1781.         }
  1783.         recognition = new SR();
  1784.         recognition.lang = "en-US";            // or "bn-BD" for Bangla
  1785.         recognition.interimResults = true;     // show partial text while speaking
  1786.         recognition.continuous = true;
  1788.         recognition.onstart = function () {
  1789.             isListening = true;
  1790.             $('.btnMicAi i').removeClass('fa-microphone').addClass('fa-stop');
  1792.         };
  1794.         recognition.onend = function () {
  1795.             isListening = false;
  1796.             $('.btnMicAi i').removeClass('fa-stop').addClass('fa-microphone');
  1797.             $("#sidebarAiChatMessage").focus();
  1798.             handleAiChatMessage()
  1800.         };
  1802.         recognition.onerror = function (e) {
  1803.             console.log("Speech error:", e);
  1804.         };
  1806.         recognition.onresult = function (event) {
  1807.             let transcript = "";
  1809.             for (let i = 0; i < event.results.length; i++) {
  1810.                 transcript += event.results[i][0].transcript;
  1811.             }
  1813.             $("#sidebarAiChatMessage").val(transcript.trim());
  1815.             const input = $("#sidebarAiChatMessage");
  1816.             input.focus();
  1817.             input[0].setSelectionRange(input.val().length, input.val().length);
  1818.         };
  1819.     }
  1821.     function speakText(text) {
  1822.         if (!text) return;
  1824.         responsiveVoice.speak(text);
  1825.         return;
  1827.         // Stop any ongoing speech
  1828.         window.speechSynthesis.cancel();
  1830.         const utter = new SpeechSynthesisUtterance(text);
  1832.         // Choose language (change if you want Bangla)
  1833.         utter.lang = detectLang(text);     // "bn-BD" for Bangla
  1834.         utter.rate = 1.0;         // 0.8 slower, 1.2 faster
  1835.         utter.pitch = 1.0;
  1836.         utter.volume = 1.0;
  1837.         const v = getPreferredVoice("en"); // or "bn"
  1838.         if (v) utter.voice = v;
  1840.         window.speechSynthesis.speak(utter);
  1841.     }
  1843.     function speakIfEnabled(text) {
  1844.         if ($(".toggleSpeak").hasClass("active")) speakText(text);
  1845.     }
  1848.     function detectAiModeFrontend(text) {
  1849.         if (currentChatMode !== '' && currentChatMode != null) {
  1850.             return {mode: currentChatMode, confidence: 1};
  1851.         }
  1853.         const t = (text || '').trim().toLowerCase();
  1855.         // normalize (keep dash for dates like 2026-01-01)
  1856.         const clean = t
  1857.             .replace(/[?!.,;:()[\]{}"'`]/g, ' ')
  1858.             .replace(/\s+/g, ' ')
  1859.             .trim();
  1861.         // ---- CHAT / HELP (how-to wins always) ----
  1862.         const chatStarters = [
  1863.             'how to', 'how do i', 'how can i', 'can you explain', 'explain', 'what is', 'why', 'where', 'when',
  1864.             'guide', 'tutorial', 'steps', 'process', 'help me', 'show me how'
  1865.         ];
  1867.         // extra "how to + action verb" (very common)
  1868.         const howToActionRe = /\bhow(\s+to)?\s+(create|make|generate|prepare|issue|post|add|draft|open|convert)\b/i;
  1870.         const bnChat = [
  1871.             'kivabe', 'kibhabe', 'ki vabe', 'ki kore', 'niyom', 'procedure', 'bujhai', 'explain koro', 'bolto paro'
  1872.         ];
  1874.         if (chatStarters.some(s => clean.startsWith(s)) || howToActionRe.test(clean) || bnChat.some(s => clean.includes(s))) {
  1875.             return {mode: 'chat', confidence: 0.9};
  1876.         }
  1878.         // ---- REPORT (analytical reports/statements) ----
  1879.         // avoid "bug report" confusion
  1880.         const bugReportRe = /\b(bug|issue|error|problem)\s+report\b/i;
  1881.         if (bugReportRe.test(clean)) {
  1882.             return {mode: 'chat', confidence: 0.75};
  1883.         }
  1885.         const reportStarters = ['report', 'statement', 'dashboard', 'summary', 'analysis'];
  1886.         const reportKeywords = [
  1887.             'sales report', 'purchase report', 'stock report', 'inventory report',
  1888.             'ageing report', 'aging report', 'ar ageing', 'ap ageing', 'accounts receivable ageing', 'accounts payable ageing',
  1889.             'ledger', 'general ledger', 'gl', 'customer statement', 'vendor statement', 'account statement',
  1890.             'trial balance', 'balance sheet', 'profit and loss', 'p&l', 'pnl', 'cash flow',
  1891.             'vat report', 'tax report', 'withholding', 'ait'
  1892.         ];
  1894.         // report verbs: you can say "generate sales report" and it should be report mode
  1895.         const reportVerbs = ['generate', 'show', 'view', 'get', 'give', 'prepare'];
  1897.         const hasReportNoun = reportKeywords.some(k => clean.includes(k));
  1898.         const startsLikeReport = reportStarters.some(s => clean.startsWith(s));
  1899.         const hasReportVerb = reportVerbs.some(v => clean.startsWith(v + ' ') || clean.includes(' ' + v + ' '));
  1901.         if (startsLikeReport || (hasReportVerb && hasReportNoun) || hasReportNoun) {
  1902.             return {mode: 'report', confidence: hasReportNoun ? 0.85 : 0.7};
  1903.         }
  1905.         // ---- ACTION (transactions / operations) ----
  1906.         const actionStarters = [
  1907.             'create', 'make', 'prepare', 'issue', 'post', 'add', 'draft', 'open', 'convert'
  1908.             // NOTE: removed 'generate' from action because it causes report confusion
  1909.         ];
  1911.         const actionKeywords = [
  1912.             'sales proposal', 'proposal', 'quotation', 'quote', 'invoice', 'sales invoice',
  1913.             'voucher', 'contra', 'journal', 'payment', 'receipt',
  1914.             'sales order', 'so', 'purchase order', 'po', 'grn', 'delivery', 'challan'
  1915.         ];
  1917.         const bnAction = [
  1918.             'banai', 'banan', 'toiri', 'toyiri',
  1919.             'create koro', 'make koro', 'post koro', 'add koro', 'save koro'
  1920.         ];
  1922.         const hasActionStart = actionStarters.some(s => clean.startsWith(s));
  1923.         const hasActionObj = actionKeywords.some(k => clean.includes(k));
  1924.         const hasBnAction = bnAction.some(s => clean.includes(s));
  1926.         // If it's clearly transactional
  1927.         if ((hasActionStart && hasActionObj) || hasBnAction || hasActionStart) {
  1928.             return {mode: 'action', confidence: (hasActionStart && hasActionObj) ? 0.85 : 0.7};
  1929.         }
  1931.         return {mode: 'unknown', confidence: 0.3};
  1932.     }
  1935.     async function streamAiReply(userText, chatIndex) {
  1936.         const $aiBox = $('#chatIndex_' + chatIndex + ' .ai-text');
  1937.         $aiBox.text(''); // clear
  1940.         const local = detectAiModeFrontend(userText);
  1941.         console.log(local);
  1943.         // If confident → branch immediately (fast UX)
  1944.         if (local.mode !== 'unknown' && local.confidence >= 0.75) {
  1946.             if (local.mode === 'action') return handleActionMode(userText, chatIndex, {source: 'frontend'});
  1947.             if (local.mode === 'report') return handleReportMode(userText, chatIndex, {source: 'frontend'});
  1948.             return handleChatMode(userText, chatIndex, {source: 'frontend'});
  1950.         }
  1952.         try {
  1953.             // 1) ROUTE
  1955.             const url = BaseURL + "ai/proxy/route";
  1956.             {# const url = "{{ url('dashboard') }}honeybee_ai/chat"; #}
  1958.             // If your API requires header:
  1959.             const headers = {
  1960.                 "x-api-key": "",
  1961.                 "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
  1962.             };
  1964.             // form-urlencoded body (matches FastAPI Form(...))
  1965.             const body = new URLSearchParams({
  1966.                 chat: userText,
  1967.                 current_page: '{{ app.request.attributes.get('_route') }}',
  1968.             }).toString();
  1969.             const routeRes = await fetch(url, {
  1970.                 method: 'POST',
  1971.                 headers: headers,
  1972.                 body: body,
  1973.             });
  1975.             if (!routeRes.ok) throw new Error('Route failed: ' + routeRes.status);
  1976.             const route = await routeRes.json();
  1978.             // Optional: show what mode you picked (debug)
  1979.             // $aiBox.append(`[${route.mode}] `);
  1981.             // 2) BRANCH
  1984.             if (route.mode === 'action') await handleActionMode(userText, chatIndex, route);
  1985.             else if (route.mode === 'report') await handleReportMode(userText, chatIndex, route);
  1986.             else await handleChatMode(userText, chatIndex, route);
  1989.         } catch (err) {
  1990.             console.error(err);
  1991.             $aiBox.text('Sorry — AI request failed. ' + (err.message || ''));
  1992.         }
  1993.     }
  1995.     function streamAiReplyOld(theInputVal, chatIndex) {
  1996.         {# const url = "{{ url('dashboard') }}honeybee_ai/chat"; #}
  1997.         const url = BaseURL + "ai/proxy/chat";
  1998.         {# const url = "{{ url('dashboard') }}honeybee_ai/chat"; #}
  2000.         // If your API requires header:
  2001.         const headers = {
  2002.             "x-api-key": "",
  2003.             "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
  2004.         };
  2006.         // form-urlencoded body (matches FastAPI Form(...))
  2007.         const body = new URLSearchParams({chat: theInputVal}).toString();
  2009.         fetch(url, {
  2010.             method: "POST",
  2011.             headers,
  2012.             body
  2013.         }).then(async (resp) => {
  2014.             if (!resp.ok) {
  2015.                 const t = await resp.text().catch(() => "");
  2016.                 throw new Error("HTTP " + resp.status + " " + t);
  2017.             }
  2018.             console.log(resp)
  2020.             const target = $("#chatIndex_" + chatIndex + " .ai-text");
  2021.             target.text(""); // clear
  2023.             const reader = resp.body.getReader();
  2024.             const decoder = new TextDecoder("utf-8");
  2026.             while (true) {
  2027.                 const {value, done} = await reader.read();
  2028.                 if (done) break;
  2030.                 const chunk = decoder.decode(value, {stream: true});
  2032.                 console.log(chunk)
  2033.                 // Append chunk as it arrives
  2034.                 target.append(document.createTextNode(chunk));
  2036.                 // Optional: keep scroller updated
  2037.                 $('.offcanvas').trigger('refresh');
  2038.             }
  2039.         }).catch((err) => {
  2040.             $("#chatIndex_" + chatIndex + " .ai-text").text("[Error] " + err.message);
  2041.         });
  2042.     }
  2044.     // Mirror of AiEnvelopeClassifier::asCallTool (PHP) — parse a string to a
  2045.     // dispatchable {tool,version,arguments,reason} envelope, tolerating noise.
  2046.     // Session guard (browser parallel to the native app's token re-validation).
  2047.     // The footer widget runs inside the ERP web session (PHP cookie) — it can't
  2048.     // silently re-mint a session the way the Hivemind app re-validates its token.
  2049.     // So when an AI call returns 401/403 (idle session died) we notify once and
  2050.     // send the user to the explicit login route (the same route SessionListener
  2051.     // redirects unauthenticated users to), instead of leaving the widget erroring.
  2052.     function hbHandleSessionExpiry(status) {
  2053.         if (status !== 401 && status !== 403) return false;
  2054.         if (window.__hbSessionExpiredHandled) return true;
  2055.         window.__hbSessionExpiredHandled = true;
  2056.         try { alert('Your session has expired. Redirecting you to sign in again…'); } catch (e) {}
  2057.         try { window.location.href = '{{ url('user_login') }}'; } catch (e) {}
  2058.         return true;
  2059.     }
  2061.     function hbParseCallTool(s) {
  2062.         s = (s || '').trim();
  2063.         if (!s) return null;
  2064.         var obj = null;
  2065.         try { obj = JSON.parse(s); } catch (e) {
  2066.             var i = s.indexOf('{'), j = s.lastIndexOf('}');
  2067.             if (i !== -1 && j > i) { try { obj = JSON.parse(s.slice(i, j + 1)); } catch (e2) {} }
  2068.         }
  2069.         if (!obj || typeof obj !== 'object') return null;
  2070.         var action = (obj.action || '').toString().toLowerCase().trim();
  2071.         var tool = (obj.tool || '').toString().trim();
  2072.         if (action !== 'call_tool' || !tool) return null;
  2073.         return {
  2074.             tool: tool,
  2075.             version: (obj.version || '1.0').toString(),
  2076.             arguments: (obj.arguments && typeof obj.arguments === 'object') ? obj.arguments : {},
  2077.             reason: (obj.reason || '').toString()
  2078.         };
  2079.     }
  2081.     // Dispatch a cloud/local-suggested tool call through the EXISTING gateway —
  2082.     // same preview→confirm rules as a typed command. Reads run; writes show the
  2083.     // confirm gate and are NEVER auto-executed.
  2084.     async function hbDispatchAiAction(env, $aiBox, chatIndex) {
  2085.         var base = (typeof BaseURL !== 'undefined' ? BaseURL : '/');
  2086.         async function post(payload) {
  2087.             try {
  2088.                 var r = await fetch(base + 'ai/command/execute', {
  2089.                     method: 'POST', headers: {'Content-Type': 'application/json'},
  2090.                     credentials: 'same-origin', body: JSON.stringify(payload)
  2091.                 });
  2092.                 if (hbHandleSessionExpiry(r.status)) return {ok: false, body: {message: 'Session expired.'}};
  2093.                 var b = {};
  2094.                 try { b = await r.json(); } catch (e) {}
  2095.                 return {ok: r.ok, body: b};
  2096.             } catch (e) { return {ok: false, body: {message: e.message}}; }
  2097.         }
  2098.         var label = (env.tool || '').replace(/_/g, ' ');
  2099.         $aiBox.removeClass('ai-markdown').html('<div>Running <b>' + label + '</b>…</div>');
  2100.         var prev = await post({tool: env.tool, version: env.version || '1.0', arguments: env.arguments || {}, mode: 'preview', source: 'ai_intake'});
  2101.         var pb = prev.body || {};
  2102.         if (!prev.ok || pb.success === false) {
  2103.             $aiBox.addClass('ai-markdown').html(aiRenderMarkdown('Couldn’t run **' + label + '**: ' + (pb.message || 'error')));
  2104.             return;
  2105.         }
  2106.         if (pb.mode === 'preview' && pb.requires_confirmation) {
  2107.             // WRITE — confirm-before-commit; never auto-execute.
  2108.             var rows = Object.keys(pb.preview || {}).map(function (k) {
  2109.                 var v = pb.preview[k];
  2110.                 return '<div><b>' + k + ':</b> ' + (typeof v === 'object' ? JSON.stringify(v) : v) + '</div>';
  2111.             }).join('');
  2112.             $aiBox.html('<div class="ai-markdown"><div style="font-weight:600">' + label.toUpperCase() + ' — draft</div>' + rows +
  2113.                 '<div style="color:#888;font-size:12px;margin:6px 0">Nothing is posted until you confirm.</div>' +
  2114.                 '<button class="btn btn-sm btn-success hb-ai-confirm">Confirm &amp; post</button> ' +
  2115.                 '<button class="btn btn-sm btn-default hb-ai-cancel">Cancel</button></div>');
  2116.             $aiBox.find('.hb-ai-confirm').on('click', async function () {
  2117.                 $(this).parent().html('Posting…');
  2118.                 var conf = await post({tool: env.tool, version: env.version || '1.0', arguments: env.arguments || {}, mode: 'confirm', draft_id: pb.draft_id, source: 'ai_intake'});
  2119.                 var cb = conf.body || {};
  2120.                 $aiBox.html('<div class="ai-markdown">' + ((conf.ok && cb.success) ? ('✓ ' + (cb.message || 'Posted.')) : ('✗ ' + (cb.message || 'Confirm failed.'))) + '</div>');
  2121.             });
  2122.             $aiBox.find('.hb-ai-cancel').on('click', function () { $aiBox.append('<div style="color:#888">cancelled</div>'); });
  2123.         } else {
  2124.             // READ — executed on preview; show the grounded result.
  2125.             var r = pb.result || {};
  2126.             var msg = (r && r.answer) ? r.answer : (pb.message || 'Done.');
  2127.             $aiBox.addClass('ai-markdown').html(aiRenderMarkdown(msg));
  2128.         }
  2129.     }
  2131.     async function handleChatMode(userText, chatIndex, route, fileInput, triggerFunctionName) {
  2132.         const $aiBox = $('#chatIndex_' + chatIndex + ' .ai-text');
  2135.         const url = BaseURL + "ai/proxy/chat";
  2136.         {# const url = "{{ url('dashboard') }}honeybee_ai/chat"; #}
  2138.         // If your API requires header:
  2139.         const headers = {
  2140.             "x-api-key": "",
  2142.         };
  2143.         const formData = new FormData();
  2145.         formData.append("chat", userText);
  2146.         formData.append("current_page", '{{ app.request.attributes.get('_route') }}');
  2147.         formData.append("action_type", route.action_type);
  2148.         formData.append("conversation", JSON.stringify(aiGetContextForApi())); // important
  2149.         fileInput = fileInput || document.getElementById("aiFileInput");
  2150.         triggerFunctionName = triggerFunctionName || '';
  2152.         if (fileInput && fileInput.files && fileInput.files.length > 0) {
  2153.             formData.append("file", fileInput.files[0]);
  2154.         }
  2158.         {# // form-urlencoded body (matches FastAPI Form(...)) #}
  2159.         {# const body = new URLSearchParams({ #}
  2160.         {#    chat: userText, text: userText, #}
  2161.         {#    current_page: '{{ app.request.attributes.get('_route') }}', #}
  2162.         {#    action_type: route.action_type, #}
  2163.         {#    conversation: aiConversation, #}
  2164.         {# }).toString(); #}
  2165.         const res = await fetch(url, {
  2166.             method: 'POST',
  2167.             headers: headers,
  2168.             body: formData,
  2169.         });
  2172.         if (!res.ok) {
  2173.             if (document.getElementById("aiFileInput")) {
  2174.                 document.getElementById("aiFileInput").value = "";
  2175.             }
  2176.             if (hbHandleSessionExpiry(res.status)) return;
  2177.             throw new Error('Chat stream failed: ' + res.status);
  2178.         } else if (document.getElementById("aiFileInput")) {
  2179.             document.getElementById("aiFileInput").value = "";
  2180.         }
  2182.         const reader = res.body.getReader();
  2183.         const decoder = new TextDecoder('utf-8');
  2185.         let full = '';
  2186.         let thinking = ''
  2187.         let actionRaw = '';
  2188.         while (true) {
  2189.             const {value, done} = await reader.read();
  2190.             if (done) {
  2192.                 break;
  2193.             }
  2196.             const chunk = decoder.decode(value, {stream: true});
  2198.             if (chunk.indexOf('[action]') != -1)
  2199.                 actionRaw += (chunk.replace(/\[action\]/g, ''));
  2200.             else if (chunk.indexOf('[thinking]') != -1)
  2201.                 thinking += (chunk.replace(/\[thinking\]/g, ''));
  2202.             else
  2203.                 full += (chunk.replace(/\[content\]/g, ''));
  2205.             console.log(chunk)
  2208.             // if(full.indexOf("next step"))
  2211.             // stream: show plain text for fast live feel
  2212.             $aiBox.text(full);
  2213.             speakIfEnabled(full);
  2214.             $('#ai-thinking-text').text(thinking);
  2216.         }
  2217.         // BUG FIX — a command action envelope (an [action] event, or defensively a
  2218.         // content JSON call_tool from a cloud single-chunk) is DISPATCHED through the
  2219.         // gateway (preview→confirm), never echoed as raw JSON and never auto-executed.
  2220.         var actionEnv = hbParseCallTool(actionRaw) || hbParseCallTool(full);
  2221.         if (actionEnv) {
  2222.             await hbDispatchAiAction(actionEnv, $aiBox, chatIndex);
  2223.             aiConversation.push({"role": "assistant", "content": "(ran " + actionEnv.tool + ")"});
  2224.             aiSaveToStorage();
  2225.             aiUpdateContextBadge();
  2226.             $('#ai-thinking-text').text('');
  2227.             return;
  2228.         }
  2230.         var fullJson = {};
  2232.         try {
  2233.             fullJson = JSON.parse(full);
  2234.             $aiBox.html('<pre>' + JSON.stringify(fullJson, undefined, 2) + '</pre>');
  2235.         } catch (e) {
  2236.             // Plain text response — render as markdown and persist
  2237.             $aiBox.addClass('ai-markdown').html(aiRenderMarkdown(full));
  2238.             aiConversation.push({"role": "assistant", "content": full});
  2239.             aiLogMessage('assistant', full, new Date().getHours() + ':' + new Date().getMinutes());
  2240.             aiSaveToStorage();
  2241.             aiUpdateContextBadge();
  2242.             // Add copy + retry action buttons
  2243.             aiAddMessageActions($('#chatIndex_' + chatIndex + ' .chat-body'), full, chatIndex, aiLastUserText);
  2244.         }
  2246.         console.log(fullJson);
  2248.         if (typeof triggerFunctionName !== 'undefined') {
  2249.             if (typeof window[triggerFunctionName] !== 'undefined') {
  2250.                 window[triggerFunctionName](fullJson);
  2251.             }
  2252.         }
  2254.         $('#ai-thinking-text').text('');
  2255.         var scroller = $('#offcanvas-chat-with-ai .nano-content');
  2256.         if (scroller.length) scroller.scrollTop(scroller[0].scrollHeight);
  2257.     }
  2259.     async function handleReportMode(userText, chatIndex, route) {
  2260.         const $aiBox = $('#chatIndex_' + chatIndex + ' .ai-text');
  2261.         $aiBox.text('Preparing report...');
  2262.         speakIfEnabled("Preparing report...!");
  2264.         if (window.HoneybeeAiJson && typeof window.HoneybeeAiJson.generate === 'function') {
  2265.             try {
  2266.                 $aiBox.text('Preparing report JSON...');
  2267.                 var streamedReport = await window.HoneybeeAiJson.generate({
  2268.                     mode: 'report',
  2269.                     prompt: userText,
  2270.                     stream: true,
  2271.                     documentType: 'auto',
  2272.                     schema: {
  2273.                         type: 'report_result',
  2274.                         title: 'string',
  2275.                         summary: 'string',
  2276.                         table: {
  2277.                             columns: ['string'],
  2278.                             rows: [['string']]
  2279.                         },
  2280.                         table_markdown: 'string',
  2281.                         meta: 'object'
  2282.                     },
  2283.                     context: {
  2284.                         current_page: '{{ app.request.attributes.get('_route') }}',
  2285.                         route: route || {}
  2286.                     },
  2287.                     onChunk: function (chunk, full) {
  2288.                         $aiBox.text(full);
  2289.                         $('#ai-thinking-text').text('');
  2290.                     }
  2291.                 });
  2293.                 if (streamedReport && streamedReport.json) {
  2294.                     var reportJson = streamedReport.json;
  2295.                     if (reportJson.table && reportJson.table.columns && reportJson.table.rows) {
  2296.                         const cols = reportJson.table.columns;
  2297.                         const rows = reportJson.table.rows;
  2299.                         var the_ai_table_html = '<table class="table table-sm table-bordered"><thead><tr>';
  2300.                         cols.forEach(function (c) { the_ai_table_html += '<th>' + escapeHtml(c) + '</th>'; });
  2301.                         the_ai_table_html += '</tr></thead><tbody>';
  2303.                         rows.forEach(function (r) {
  2304.                             the_ai_table_html += '<tr>';
  2305.                             r.forEach(function (cell) { the_ai_table_html += '<td>' + escapeHtml(cell) + '</td>'; });
  2306.                             the_ai_table_html += '</tr>';
  2307.                         });
  2309.                         the_ai_table_html += '</tbody></table>';
  2311.                         $("#GenericAiReportModal").modal("show");
  2312.                         $("#GenericAiReportModal #GenericAiReportModalLabel").text(reportJson.title || 'Report');
  2313.                         $("#GenericAiReportModal #GenericAiReportModalBody").html(the_ai_table_html);
  2314.                         localStorage.setItem('hb_ai_last_report', JSON.stringify({title: reportJson.title || 'Report', html: the_ai_table_html, time: Date.now()}));
  2315.                     } else if (reportJson.table_markdown) {
  2316.                         var reportHtml = '<pre style="white-space:pre-wrap;">' + escapeHtml(reportJson.table_markdown) + '</pre>';
  2317.                         $("#GenericAiReportModal").modal("show");
  2318.                         $("#GenericAiReportModal #GenericAiReportModalLabel").text(reportJson.title || 'Report');
  2319.                         $("#GenericAiReportModal #GenericAiReportModalBody").html(reportHtml);
  2320.                         localStorage.setItem('hb_ai_last_report', JSON.stringify({title: reportJson.title || 'Report', html: reportHtml, time: Date.now()}));
  2321.                     } else if (reportJson.raw) {
  2322.                         $aiBox.addClass('ai-markdown').html(aiRenderMarkdown(reportJson.raw));
  2323.                     } else {
  2324.                         $aiBox.html('<pre>' + escapeHtml(JSON.stringify(reportJson, null, 2)) + '</pre>');
  2325.                     }
  2326.                     speakIfEnabled("Report JSON generated.");
  2327.                     var reportScroller = $('#offcanvas-chat-with-ai .nano-content');
  2328.                     if (reportScroller.length) {
  2329.                         reportScroller.scrollTop(reportScroller[0].scrollHeight);
  2330.                     }
  2331.                     return;
  2332.                 }
  2333.             } catch (streamErr) {
  2334.                 console.warn('Streamed report JSON failed, falling back to ERP report flow:', streamErr);
  2335.             }
  2336.         }
  2338.         const headers = {"x-api-key": ""};
  2340.         // 1) Ask FastAPI to PLAN
  2341.         const planUrl = BaseURL + "ai/proxy/report/plan";
  2342.         const planFd = new FormData();
  2343.         planFd.append("chat", userText);
  2344.         planFd.append("current_page", '{{ app.request.attributes.get('_route') }}');
  2346.         const planRes = await fetch(planUrl, {method: "POST", headers, body: planFd});
  2347.         if (!planRes.ok) throw new Error("Report plan failed: " + planRes.status);
  2349.         const plan = await planRes.json();
  2351.         if (plan.needs_input) {
  2352.             $aiBox.text(plan.ask || "Need more info to generate report.");
  2353.             return;
  2354.         }
  2356.         console.log(plan)
  2358.         // 2) Call ERP with plan settings (you implement endpoint)
  2359.         // Example ERP endpoint - replace with your real one
  2360.         // const erpUrl = "/erp/report/run"; // <-- your Symfony route
  2363.         // form-urlencoded body (matches FastAPI Form(...))
  2364.         const queryBody = new URLSearchParams({
  2365.             valuePairs: JSON.stringify({
  2367.                 START_DATE: {
  2368.                     type: 'text',
  2369.                     value: plan.params.start_date
  2370.                 },
  2371.                 END_DATE: {
  2372.                     type: 'text',
  2373.                     value: plan.params.end_date
  2374.                 },
  2375.                 GROUP_BY: {
  2376.                     type: 'value',
  2377.                     value: plan.params.group_by
  2378.                 }
  2381.             })
  2384.         }).toString();
  2385.         const erpUrl = "{{ url('select_second_layer_api') }}/v2/" + plan.erp_marker; // <-- your Symfony route
  2386.         const erpRes = await fetch(erpUrl, {
  2387.             method: "POST",
  2388.             headers: {"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"},
  2389.             body: queryBody
  2390.         });
  2392.         if (!erpRes.ok) throw new Error("ERP report failed: " + erpRes.status);
  2393.         const erpResponse = await erpRes.json();
  2394.         const erpData = erpResponse['data'];
  2396.         console.log(erpData);
  2398.         // 3) Send rows to FastAPI for formatting
  2399.         const formatUrl = BaseURL + "ai/proxy/report/format";
  2400.         const fmtFd = new FormData();
  2401.         fmtFd.append("marker", plan.marker);
  2402.         fmtFd.append("params", JSON.stringify(plan.params));
  2403.         fmtFd.append("data", JSON.stringify(erpData));
  2404.         fmtFd.append("format", "table");
  2406.         const fmtRes = await fetch(formatUrl, {method: "POST", headers, body: fmtFd});
  2407.         if (!fmtRes.ok) throw new Error("Report format failed: " + fmtRes.status);
  2409.         const result = await fmtRes.json();
  2411.         console.log(result)
  2412.         speakIfEnabled("Excellent! Report Generated!");
  2414.         // 4) Render
  2415.         if (result.table && result.table.columns && result.table.rows) {
  2416.             const cols = result.table.columns;
  2417.             const rows = result.table.rows;
  2419.             var the_ai_table_html = '<table class="table table-sm table-bordered"><thead><tr>';
  2420.             cols.forEach(c => the_ai_table_html += `<th>${escapeHtml(c)}</th>`);
  2421.             the_ai_table_html += '</tr></thead><tbody>';
  2423.             rows.forEach(r => {
  2424.                 the_ai_table_html += '<tr>';
  2425.                 r.forEach(cell => the_ai_table_html += `<td>${escapeHtml(cell)}</td>`);
  2426.                 the_ai_table_html += '</tr>';
  2427.             });
  2429.             the_ai_table_html += '</tbody></table>';
  2432.             // var the_ai_table_html='<pre style="white-space:pre-wrap;">' + escapeHtml(result.table_markdown) + '</pre>'
  2433.             $("#GenericAiReportModal").modal("show");
  2434.             $("#GenericAiReportModal #GenericAiReportModalLabel").text(result.title);
  2435.             $("#GenericAiReportModal #GenericAiReportModalBody").html(the_ai_table_html);
  2436.             localStorage.setItem('hb_ai_last_report', JSON.stringify({title: result.title, html: the_ai_table_html, time: Date.now()}));
  2437.         } else if (result.table_markdown) {
  2439.             var the_ai_table_html = '<pre style="white-space:pre-wrap;">' + escapeHtml(result.table_markdown) + '</pre>'
  2440.             $("#GenericAiReportModal").modal("show");
  2441.             $("#GenericAiReportModal #GenericAiReportModalLabel").text(result.title);
  2442.             $("#GenericAiReportModal #GenericAiReportModalBody").html(the_ai_table_html);
  2443.             localStorage.setItem('hb_ai_last_report', JSON.stringify({title: result.title, html: the_ai_table_html, time: Date.now()}));
  2445.         } else {
  2446.             $aiBox.html('<pre>' + escapeHtml(JSON.stringify(result, null, 2)) + '</pre>');
  2447.         }
  2449.         // scroll
  2450.         const scroller = $('#offcanvas-chat-with-ai .nano-content');
  2451.         scroller.scrollTop(scroller[0].scrollHeight);
  2452.     }
  2454.     function escapeHtml(s) {
  2455.         return String(s).replace(/[&<>"']/g, m => ({
  2456.             '&': '&amp;',
  2457.             '<': '&lt;',
  2458.             '>': '&gt;',
  2459.             '"': '&quot;',
  2460.             "'": '&#39;'
  2461.         }[m]));
  2462.     }
  2465.     async function handleActionMode(userText, chatIndex, route) {
  2466.         const $aiBox = $('#chatIndex_' + chatIndex + ' .ai-text');
  2468.         $aiBox.text('Preparing Action...');
  2469.         // responsiveVoice.speak('Analyzing your action, Please Wait.');
  2470.         speakIfEnabled("Certainly! Analyzing your action, Please Wait.");
  2472.         if (window.HoneybeeAiJson && typeof window.HoneybeeAiJson.generate === 'function') {
  2473.             try {
  2474.                 $aiBox.text('Preparing Action JSON...');
  2475.                 var streamedAction = await window.HoneybeeAiJson.generate({
  2476.                     mode: 'action',
  2477.                     prompt: userText,
  2478.                     stream: true,
  2479.                     documentType: 'auto',
  2480.                     schema: {
  2481.                         type: 'action_result',
  2482.                         triggerFunctionName: 'string',
  2483.                         triggerFunctionPathName: 'string',
  2484.                         missing_fields: ['string'],
  2485.                         clarifying_question: 'string',
  2486.                         question: 'string',
  2487.                         payload: 'object'
  2488.                     },
  2489.                     context: {
  2490.                         current_page: '{{ app.request.attributes.get('_route') }}',
  2491.                         route: route || {},
  2492.                         trigger_function_name: typeof aiRouteToActionLibrary['{{ app.request.attributes.get('_route') }}'] !== 'undefined' ? aiRouteToActionLibrary['{{ app.request.attributes.get('_route') }}'] : 'noAction'
  2493.                     },
  2494.                     onChunk: function (chunk, full) {
  2495.                         $('#ai-thinking-text').text('');
  2496.                         $aiBox.text(full);
  2497.                     }
  2498.                 });
  2500.                 if (streamedAction && streamedAction.json) {
  2501.                     var actionJson = streamedAction.json;
  2502.                     if (actionJson.raw) {
  2503.                         $aiBox.addClass('ai-markdown').html(aiRenderMarkdown(actionJson.raw));
  2504.                         aiConversation.push({"role": "assistant", "content": actionJson.raw});
  2505.                         aiLogMessage('assistant', actionJson.raw, new Date().getHours() + ':' + new Date().getMinutes());
  2506.                         aiSaveToStorage();
  2507.                         aiUpdateContextBadge();
  2508.                     } else {
  2509.                         $aiBox.html('<pre>' + escapeHtml(JSON.stringify(actionJson, null, 2)) + '</pre>');
  2510.                     }
  2512.                     if (actionJson.missing_fields && actionJson.missing_fields.length > 0) {
  2513.                         var missingQuestion = actionJson.clarifying_question || actionJson.question || ('Missing: ' + actionJson.missing_fields.join(', '));
  2514.                         $aiBox.text(missingQuestion);
  2515.                         window.__hbDraft = actionJson;
  2516.                         return;
  2517.                     }
  2519.                     if (actionJson.question) {
  2520.                         $aiBox.text(actionJson.question);
  2521.                     }
  2523.                     var triggerFn = actionJson.triggerFunctionName || null;
  2524.                     if (triggerFn && typeof window[triggerFn] !== 'undefined') {
  2525.                         speakIfEnabled("Excellent! Action Executed!");
  2526.                         window[triggerFn](actionJson);
  2527.                         var actionScroller = $('#offcanvas-chat-with-ai .nano-content');
  2528.                         if (actionScroller.length) {
  2529.                             actionScroller.scrollTop(actionScroller[0].scrollHeight);
  2530.                         }
  2531.                         return;
  2532.                     }
  2534.                     if (actionJson.triggerFunctionPathName) {
  2535.                         window.localStorage.setItem('aiPendingAction', 1);
  2536.                         window.localStorage.setItem('aiPendingDataStr', JSON.stringify(actionJson));
  2537.                         window.location.href = url_action_path(actionJson.triggerFunctionPathName);
  2538.                         return;
  2539.                     }
  2540.                     return;
  2541.                 }
  2542.             } catch (streamErr) {
  2543.                 console.warn('Streamed action JSON failed, falling back to legacy action flow:', streamErr);
  2544.             }
  2545.         }
  2548.         const url = BaseURL + "ai/proxy/trigger/action";
  2549.         {# const url = "{{ url('dashboard') }}honeybee_ai/chat"; #}
  2551.         // If your API requires header:
  2552.         const headers = {
  2553.             "x-api-key": "",
  2555.         };
  2556.         const formData = new FormData();
  2558.         formData.append("chat", userText);
  2559.         formData.append("current_page", '{{ app.request.attributes.get('_route') }}');
  2560.         formData.append("action_type", route.action_type);
  2561.         formData.append("trigger_function_name", typeof aiRouteToActionLibrary['{{ app.request.attributes.get('_route') }}'] !== 'undefined' ? aiRouteToActionLibrary['{{ app.request.attributes.get('_route') }}'] : 'noAction');
  2562.         formData.append("conversation", JSON.stringify(aiGetContextForApi())); // important
  2563.         const fileInput = document.getElementById("aiFileInput");
  2564.         if (fileInput && fileInput.files && fileInput.files.length > 0) {
  2565.             formData.append("file", fileInput.files[0]);
  2566.         }
  2570.         {# // form-urlencoded body (matches FastAPI Form(...)) #}
  2571.         {# const body = new URLSearchParams({ #}
  2572.         {#    chat: userText, text: userText, #}
  2573.         {#    current_page: '{{ app.request.attributes.get('_route') }}', #}
  2574.         {#    action_type: route.action_type, #}
  2575.         {#    conversation: aiConversation, #}
  2576.         {# }).toString(); #}
  2577.         const res = await fetch(url, {
  2578.             method: 'POST',
  2579.             headers: headers,
  2580.             body: formData,
  2581.         });
  2584.         {# // form-urlencoded body (matches FastAPI Form(...)) #}
  2585.         {# const body = new URLSearchParams({ #}
  2586.         {#    chat: userText, text: userText, #}
  2587.         {#    action_type: route.action_type, #}
  2588.         {#    conversation: aiConversation, #}
  2589.         {#    current_page: '{{ app.request.attributes.get('_route') }}', #}
  2590.         {#    #}
  2591.         {# }).toString(); #}
  2592.         {# const res = await fetch(url, { #}
  2593.         {#    method: 'POST', #}
  2594.         {#    headers: headers, #}
  2595.         {#    body: body, #}
  2596.         {# }); #}
  2598.         console.log(res)
  2601.         if (!res.ok) throw new Error('Action failed: ' + res.status);
  2603.         const data = await res.json(); // your predetermined schema
  2604.         console.log(data);
  2606.         // If model says missing fields -> ask question (still "action" but needs more info)
  2607.         if (data.missing_fields && data.missing_fields.length > 0) {
  2608.             const q = data.clarifying_question || ('Missing: ' + data.missing_fields.join(', '));
  2609.             $aiBox.text(q);
  2610.             // optionally store draft in memory for next user reply:
  2611.             window.__hbDraft = data;
  2612.             return;
  2613.         }
  2615.         // Otherwise: success -> populate proposal/invoice UI
  2618.         // Example: call your own function to fill form fields and items table
  2619.         // You implement this based on your ERP page structure.
  2620.         var action_executed = 0;
  2621.         var trigger_route = '';
  2622.         if (typeof data.triggerFunctionName !== 'undefined') {
  2623.             if (typeof window[data.triggerFunctionName] !== 'undefined') {
  2624.                 $aiBox.text('Action ready ✅ Executing...');
  2625.                 // responsiveVoice.speak('Action Executed!');
  2626.                 speakIfEnabled("Excellent! Action Executed!");
  2627.                 console.log('______________________________DATAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA_______')
  2628.                 console.log(data)
  2629.                 action_executed = 1;
  2630.                 window[data.triggerFunctionName](data)
  2632.             } else {
  2633.                 window.localStorage.setItem('aiPendingAction', 1);
  2634.                 window.localStorage.setItem('aiPendingDataStr', JSON.stringify(data));
  2635.                 trigger_route = data.triggerFunctionPathName
  2637.             }
  2640.         } else if (typeof data.question !== 'undefined') {
  2641.             $aiBox.text(data.question);
  2644.         }
  2646.         if (action_executed == 0) {
  2648.             var toGoToRoute = url_action_path(trigger_route);
  2649.             window.location.href = toGoToRoute;
  2650.             window.localStorage.setItem('aiPendingAction', 1);
  2651.             window.localStorage.setItem('aiPendingDataStr', JSON.stringify(data));
  2652.         }
  2654.         var scroller = $('#offcanvas-chat-with-ai .nano-content');
  2655.         // scroller.css({height: height});
  2658.         scroller.scrollTop(scroller[0].scrollHeight);
  2660.     }
  2663.     var handleAiChatMessage = function (e) {
  2664.         // var input = $(e.currentTarget);
  2665.         var input = $("#sidebarAiChatMessage");
  2667.         // Detect enter
  2668.         var sendIt = 1;
  2669.         if (e) {
  2670.             if (e.keyCode === 13) {
  2671.                 e.preventDefault();
  2672.                 sendIt = 1
  2674.             } else {
  2675.                 sendIt = 0;
  2676.             }
  2677.         }
  2679.         if (sendIt == 1) {
  2682.             // Get chat message
  2683.             var demoTime = new Date().getHours() + ':' + new Date().getMinutes();
  2685.             var demoImage = "{{ url('dashboard') }}/images/honeybee_ai_avatar.png";
  2686.             var demoImageUser = "{{ url('dashboard') }}/images/honeybee_ai_avatar_user.png";
  2688.             var theInputVal = input.val();
  2690.             // Remove welcome placeholder on first real message
  2691.             $('.list-chats-ai .ai-welcome').closest('li').remove();
  2693.             // Create html
  2694.             var html = '';
  2695.             html += '<li class="chat-left">';
  2696.             html += '    <div class="chat">';
  2697.             html += '        <div class="chat-avatar"><img class="img-circle" src="' + demoImageUser + '" alt=""></div>';
  2698.             html += '        <div class="chat-body">';
  2699.             html += '            ' + input.val();
  2700.             html += '            <small>' + demoTime + '</small>';
  2701.             html += '        </div>';
  2702.             html += '    </div>';
  2703.             html += '</li>';
  2704.             var $new = $(html).hide();
  2705.             lastAiChatIndex = 1 * lastAiChatIndex + 1;
  2707.             var html = '';
  2708.             html += '<li  id="chatIndex_' + lastAiChatIndex + '">';
  2709.             html += '    <div class="chat">';
  2710.             html += '        <div class="chat-avatar"><img class="img-circle" src="' + demoImage + '" alt=""></div>';
  2711.             html += '        <div class="chat-body">';
  2712.             html += '    <div class="ai-text" style="white-space:pre-wrap;"></div>';
  2713.             // html += '            ' + input.val();
  2714.             html += '            <small>' + demoTime + '</small>';
  2715.             html += '        </div>';
  2716.             html += '    </div>';
  2717.             html += '</li>';
  2718.             var $new_ai = $(html).hide();
  2720.             // Add to chat list
  2721.             $('.list-chats.list-chats-ai').append($new);
  2722.             $('.list-chats.list-chats-ai').append($new_ai);
  2724.             // Animate new inserts
  2725.             $new.show('fast');
  2726.             $new_ai.show('slow');
  2728.             // Reset chat input
  2729.             input.val('');
  2730.             // input.val('').trigger('autosize.resize');
  2732.             // var menu = $('.offcanvas-pane.active');
  2733.             // var height = $(window).height() - $('#offcanvas-chat-with-ai .nano').position().top;
  2734.             var scroller = $('#offcanvas-chat-with-ai .nano-content');
  2735.             // scroller.css({height: height});
  2738.             scroller.scrollTop(scroller[0].scrollHeight);
  2741.             // Refresh for correct scroller size
  2742.             $('.offcanvas').trigger('refresh');
  2745.             // push user message into conversation context + persist
  2746.             aiLastUserText = theInputVal;
  2747.             aiConversation.push({"role": "user", "content": theInputVal});
  2748.             aiLogMessage('user', theInputVal, demoTime, demoImageUser);
  2749.             aiSaveToStorage();
  2750.             aiUpdateContextBadge();
  2752.             //now get ai response
  2754.             streamAiReply(theInputVal, lastAiChatIndex);
  2757.         }
  2759.     };
  2761.     window.HoneybeeAiChat = {
  2762.         open: function () {
  2763.             var $pane = $('#offcanvas-chat-with-ai');
  2764.             if (!$pane.length) {
  2765.                 return false;
  2766.             }
  2767.             if (!$pane.hasClass('active')) {
  2768.                 var $trigger = $('a[href="#offcanvas-chat-with-ai"]').first();
  2769.                 if ($trigger.length) {
  2770.                     $trigger.trigger('click');
  2771.                 } else {
  2772.                     $pane.addClass('active');
  2773.                 }
  2774.             }
  2775.             return true;
  2776.         },
  2777.         setMode: function (mode) {
  2778.             currentChatMode = mode || '';
  2779.             $('.ai-chat-mode .badge').removeClass('active');
  2780.             $('.ai-chat-mode .badge.mode_' + currentChatMode).addClass('active');
  2781.             localStorage.setItem('hb_ai_mode', currentChatMode);
  2782.         },
  2783.         send: function (message, options) {
  2784.             options = options || {};
  2785.             if (!message) {
  2786.                 return false;
  2787.             }
  2788.             if (!AI_CURRENT_SESSION && typeof aiInitSessions === 'function') {
  2789.                 aiInitSessions();
  2790.             }
  2791.             if (options.newSession && typeof aiNewSession === 'function') {
  2792.                 aiNewSession();
  2793.             }
  2794.             this.open();
  2795.             this.setMode(options.mode || 'chat');
  2796.             $('#sidebarAiChatMessage').val(message);
  2797.             handleAiChatMessage();
  2798.             return true;
  2799.         }
  2800.     };
  2802.     window.aiEmailActionExecute = function (data) {
  2803.         data = data || {};
  2804.         var prompt = 'You are Honeybee ERP AI helping with an AI-classified inbox message. Review this email action payload and prepare the next best ERP action plus a concise reply draft. If the action should create a proposal, note, price change, or complaint follow-up, state the exact recommended steps.\\n\\nEMAIL ACTION PAYLOAD:\\n' + JSON.stringify(data, null, 2);
  2805.         if (window.HoneybeeAiChat && typeof window.HoneybeeAiChat.send === 'function') {
  2806.             window.HoneybeeAiChat.send(prompt, {mode: 'chat'});
  2807.             return;
  2808.         }
  2809.         aiShowToast('AI chat is not available for this email action.', 'warning');
  2810.     };
  2811. </script>
  2812. {% if not include_html is defined %}
  2813.     {% set include_html=1 %}
  2814.     {% if  app.request.request.get('skipHTML') !='' %}
  2815.         {% set include_html= 0 %}
  2816.     {% endif %}
  2817. {% endif %}
  2818. {% if include_html!=1 %}
  2819.     <script src="{{ absolute_url(path('dashboard')) }}condensed_assets/javascript_codecovers_minimal.js?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}"></script>
  2820.     <script src="{{ absolute_url(path('dashboard')) }}js/jquery.editable.min.js?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}"></script>
  2821.     <script src="{{ absolute_url(path('dashboard')) }}condensed_assets/moment_timezone.min.js?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}"></script>
  2822.     <script>
  2823.         var approveDocumentForwardUserListSelector = {};
  2826.         $(document).ready(function () {
  2828.             if (typeof initiate_comment_box_snippet !== 'undefined') {
  2829.                 initiate_comment_box_snippet();
  2830.             }
  2833.             $('#sidebarAiChatMessage').keydown(function (e) {
  2834.                 handleAiChatMessage(e);
  2835.             });
  2838.             $('.modal').on('shown.bs.modal', function () {
  2839.                 $(document).off('focusin.modal');
  2840.             });
  2842.             if (!window.isElectron) {
  2843.                 $('#turn_off_button').hide();
  2844.                 $('.close_window').hide();
  2845.             }
  2846.             $('input[type=radio][name=approvalAction]').change(function () {
  2847.                 if (this.value == '3') {
  2848.                     $("#forward_doc_div").show()
  2849.                 } else {
  2850.                     $("#forward_doc_div").hide()
  2851.                 }
  2852.             });
  2853.             $('#forward_doc_check_label').click(function () {
  2854.                 $('#forward_doc_check').prop("checked", true);
  2856.                 $("#forward_doc_div").show()
  2858.             });
  2860.         });
  2861.     </script>
  2862. {% endif %}
  2864. {% if include_html==1 %}
  2866.     <link rel="stylesheet" href="{{ absolute_url(path('dashboard')) }}js/adminbsb/plugins/sweetalert/sweetalert.css">
  2867.     <script src="{{ absolute_url(path('dashboard')) }}condensed_assets/javascript_codecovers.js?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}"></script>
  2868.     <script src="{{ absolute_url(path('dashboard')) }}js/jquery.translate.js?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}"></script>
  2869.     {% include '@Application/footer/activity_tracker_script.html.twig' %}
  2870.     <script src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/js/erp_language_pack.js?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}"></script>
  2872.     <script src="{{ absolute_url(path('dashboard')) }}condensed_assets/moment_timezone.min.js?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}"></script>
  2873.     <script src="{{ absolute_url(path('dashboard')) }}condensed_assets/ifvisible.js?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}"></script>
  2874.     <script src="{{ absolute_url(path('dashboard')) }}js/adminbsb/plugins/sweetalert/sweetalert.min.js"></script>
  2876.     <script src="{{ absolute_url(path('dashboard')) }}js/jquery.editable.min.js?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}"></script>
  2878.     {# <link rel="stylesheet" #}
  2879.     {#          href="{{ absolute_url(path('dashboard')) }}buddybee_assets/css/dropzone.min.css?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}"> #}
  2880.     {#    <script src="{{ absolute_url(path('dashboard')) }}buddybee_assets/js/dropzone.min.js?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}"></script> #}
  2881.     <script src="{{ asset('jqueryui/jquery-ui.js') }}"></script>
  2882.     {% if not new_calendar_version is defined %}
  2883.         {% set new_calendar_version=0 %}
  2884.     {% endif %}
  2885.     {% if new_calendar_version==0 %}
  2886.         <script src="{{ asset('js/fullcalendar.min.js') }}"></script>
  2887.     {% endif %}
  2888.     <style>
  2889.         .noty_bar.noty_type_error .noty_message {
  2890.             text-align: center;
  2891.             padding: 18px 23px;
  2892.             width: auto;
  2893.             position: relative;
  2894.             font-weight: bold;
  2895.             font-size: 1.75rem;
  2896.         }
  2898.     </style>
  2899.     <!--
  2900.     <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" ></script>
  2901.     <script src="https://unpkg.com/popper.js@1.12.6/dist/umd/popper.js" ></script>
  2902.     <script src="https://unpkg.com/bootstrap-material-design@4.1.1/dist/js/bootstrap-material-design.js" ></script>
  2903.     -->
  2904.     <!--<script>$(document).ready(function() { $('body').bootstrapMaterialDesign(); });</script>-->
  2905.     <script>
  2907.         var generic_head_selectors = {}
  2908.         var BUDDYBEE_COIN_BALANCE ={{ session['BUDDYBEE_COIN_BALANCE'] is defined? session['BUDDYBEE_COIN_BALANCE']:0 }};
  2910.         _t = $('body').translate({
  2911.             lang: "en",
  2912.             t: erp_lang_pack
  2913.         });
  2915.         if (typeof (window.localStorage) !== "undefined")
  2916.             honeybeeLocale = window.localStorage.getItem('honeybeeLocale');
  2918.         //    alert(honeybeeLocale)
  2919.         if (honeybeeLocale !== "undefined" && honeybeeLocale != 'null' && honeybeeLocale != null) {
  2920.             _t.lang(honeybeeLocale);
  2922.         }
  2923.         else {
  2924.             honeybeeLocale = 'en'
  2925.         }
  2928.         var initialLangText = $('.locale_changer.' + honeybeeLocale).first().text().trim();
  2929.         if (initialLangText) {
  2930.             $(".curr_locale_text").text(initialLangText);
  2931.         }
  2933.         $(".locale_changer").click(function (ev) {
  2934.             ev.preventDefault();
  2935.             // alert("hello")
  2936.             var lang = $(this).attr("data-locale");
  2937.             var langText = $(this).text().trim();
  2938.             _t.lang(lang);
  2939.             honeybeeLocale = lang;
  2940.             $(".locale_changer").removeClass('activeLocale')
  2941.             $(this).addClass('activeLocale');
  2942.             $(".curr_locale_text").text(langText);
  2943.             if (typeof (window.localStorage) !== "undefined") {
  2944.                 window.localStorage.setItem('honeybeeLocale', honeybeeLocale);
  2945.             }
  2946.             //if (typeof (window.localStorage) !== "undefined")
  2947.             //honeybeeLocale = window.localStorage.setItem('honeybeeLocale', honeybeeLocale);
  2948. //            //    console.log(lang);
  2949.             // ev.preventDefault();
  2950.         });
  2953.         {% if app.session.get('devAdminMode') ==1 %}
  2954.         BUDDYBEE_COIN_BALANCE++;
  2955.         {% endif %}
  2957.         function generateFileSmallView(fileDataList, as_thick_box) {
  2958.             fileDataList = fileDataList || [];
  2959.             as_thick_box = as_thick_box || 0;
  2960.             var str = '';
  2962.             if (fileDataList.length != 0) {
  2963.                 for (var hope = 0; hope < fileDataList.length; hope++) {
  2964.                     if ((fileDataList[hope].fileType).indexOf('pdf') != -1 || (fileDataList[hope].fileName).indexOf('pdf') != -1) {
  2965.                         str += ' <div class="box-selector sm_th col-md-3 col-sm-6" > <div class="inside"> ' +
  2966.                             '<div class="img" href="' + fileDataList[hope].fullPath + '" style="' +
  2967.                             'background:url(\' ' + fileDataList[hope].fullPath + '\');' +
  2968.                             'height: 50px !important;' +
  2969.                             'width: 100%;' +
  2970.                             'background-position: center;' +
  2971.                             'background-size: contain;' +
  2972.                             'background-repeat: no-repeat;"> </div> <h6 class="title" style="height: 2rem;">' + (typeof fileDataList['skipName'] !== 'undefined' ? fileDataList[hope].fileName : '') + '</h6>' +
  2973.                             '</div></div>'
  2974.                     } else if ((fileDataList[hope].fileType).indexOf('image') != -1 || (fileDataList[hope].fileName).indexOf('jpeg') != -1
  2975.                         || (fileDataList[hope].fileName).indexOf('png') != -1 || (fileDataList[hope].fileName).indexOf('jpg') != -1
  2976.                     ) {
  2977.                         str += ' <div class="box-selector sm_th col-md-3 col-sm-6" > <div class="inside"> ' +
  2978.                             '<div class="img" href="' + fileDataList[hope].fullPath + '" style="' +
  2979.                             "background:url(' " + fileDataList[hope].fullPath + "');" +
  2980.                             'height: 50px !important;' +
  2981.                             'width: 100%;' +
  2982.                             'background-position: center;' +
  2983.                             'background-size: contain;' +
  2984.                             'background-repeat: no-repeat;"> </div> <h6 class="title" style="height: 2rem;">' + (typeof fileDataList['skipName'] !== 'undefined' ? fileDataList[hope].fileName : '') + '</h6>' +
  2985.                             '</div></div>'
  2986.                     } else
  2987.                         str += ' <div class="box-selector sm_th col-md-3 col-sm-6" > <div class="inside"> ' +
  2988.                             '<div class="img" href="' + fileDataList[hope].fullPath + '" style="' +
  2989.                             "background:url('" + fileDataList[hope].fullPath + "');" +
  2990.                             'height: 50px !important;' +
  2991.                             'width: 100%;' +
  2992.                             'background-position: center;' +
  2993.                             'background-size: contain;' +
  2994.                             'background-repeat: no-repeat;"> </div> <h6 class="title" style="height: 2rem;">' + (typeof fileDataList['skipName'] !== 'undefined' ? fileDataList[hope].fileName : '') + '</h6>' +
  2995.                             '</div></div>'
  2996.                 }
  2998.             }
  3000.             return str;
  3001.         }
  3003.         function update_head_selectors(selectorHere, options, returnLatest) {
  3004.             selectorHere = selectorHere || '.generic_head_selector';
  3005.             returnLatest = returnLatest || 0;
  3006.             options = options || {};
  3008.             $(selectorHere).not('.selectized').each(function (ind, elem) {
  3009.                 var childOnly = $(elem).hasClass('childOnly') ? 1 : 0;
  3010.                 var idIndex = $(elem).attr('id');
  3011.                 var isMultiple = $(elem).attr('multiple') ? 1 : 0;
  3012.                 var toSetValues = $(elem).attr('data-select-values') ? ($(elem).attr('data-select-values').split(',')) : [];
  3014.                 if (typeof options['markerHash'] !== "undefined") {
  3015.                     if (!$(elem).attr('data-marker-hash'))
  3016.                         $(elem).attr('data-marker-hash', options['markerHash'])
  3017.                 }
  3018.                 if (typeof options['renderText'] !== "undefined") {
  3019.                     if (!$(elem).attr('data-render-text'))
  3020.                         $(elem).attr('data-render-text', options['renderText'])
  3021.                 }
  3022.                 if (typeof options['markerHashStrictMatch'] !== "undefined") {
  3023.                     if (!$(elem).attr('data-marker-hash-strict-match'))
  3024.                         $(elem).attr('data-marker-hash-strict-match', options['markerHashStrictMatch'])
  3025.                 }
  3027.                 var the_awesome_selector = $(elem).selectize({
  3028.                     placeholder: 'Select a Head',
  3029.                     options: [],
  3030.                     valueField: 'value',
  3031.                     labelField: 'text',
  3032.                     dropdownParent: 'body',
  3033.                     onChange: function (value) {
  3035.                     },
  3036.                     preload: 'focus',
  3037.                     load: function (query, callback) {
  3039.                         if (!query.length) query = '_EMPTY_';
  3040.                         var pika_ind_id = $($(this)[0].$input["0"]).attr('data-id')
  3043.                         var orderByConditionForThis = [];
  3044.                         if (query != '_EMPTY_') {
  3045.                             if (query.indexOf('#setValue') == -1) {
  3046.                                 var queryTokens = query.trim().split(/\s+/).filter(Boolean);
  3047.                                 var queryTokenScore = queryTokens.map(t => `CASE WHEN acc_accounts_head.name LIKE '%${t}%' OR acc_accounts_head_0.name LIKE '%${t}%' THEN 1 ELSE 0 END`).join(' + ');
  3048.                                 var queryExactScore = `CASE WHEN acc_accounts_head.name LIKE '%${query}%' OR acc_accounts_head_0.name LIKE '%${query}%' THEN 100 ELSE 0 END`;
  3049.                                 var queryRelevanceExpr = `(${queryExactScore} + (${queryTokenScore}))`;
  3051.                                 orderByConditionForThis = [
  3052.                                     {field: queryRelevanceExpr, sortType: "DESC"},
  3053.                                     {field: "acc_accounts_head.accounts_head_id", sortType: "DESC"}
  3054.                                 ];
  3055.                             }
  3056.                         }
  3058.                         $.ajax({
  3059.                             url: BaseURL + "select_data_ajax_acc_head",
  3060.                             type: 'POST',
  3061.                             dataType: 'json',
  3063.                             data: {
  3064.                                 query: query,
  3065.                                 tableName: "acc_accounts_head",
  3066.                                 valueField: "accounts_head_id",
  3067.                                 // textField: "name",
  3068.                                 textField: "rendered_text",
  3069.                                 renderTextFormat: $($(this)[0].$input["0"]).attr('data-render-text') ? $($(this)[0].$input["0"]).attr('data-render-text') : "#__value__ - __name__  (__parent_table_name__)",     //--change--//
  3070.                                 selectorId: $($(this)[0].$input["0"]).attr('id'),
  3071.                                 isMultiple: $($(this)[0].$input["0"]).attr('multiple') ? 1 : 0,
  3072.                                 lastChildrenOnly: $($(this)[0].$input["0"]).hasClass('childOnly') ? 1 : 0,
  3073.                                 parentOnly: $($(this)[0].$input["0"]).hasClass('parentOnly') ? 1 : 0,
  3074.                                 parentIdField: 'parent_id',
  3075.                                 dataId: pika_ind_id,
  3076.                                 marker_hash: $($(this)[0].$input["0"]).attr('data-marker-hash'),
  3077.                                 headMarkers: $($(this)[0].$input["0"]).attr('data-marker-hash'),
  3078.                                 headMarkersStrictMatch: $($(this)[0].$input["0"]).attr('data-marker-hash-strict-match'),
  3079.                                 itemLimit: ($($(this)[0].$input["0"]).attr('data-item-limit') ? $($(this)[0].$input["0"]).attr('data-item-limit') : 25),
  3080.                                 orConditions: [
  3081.                                     {type: "like", field: "name", value: query},
  3082.                                     {type: "=", field: "accounts_head_id", value: isNaN(query) ? '' : query},
  3083.                                 ],
  3085.                                 andConditions: [
  3086.                                     (
  3087.                                         $($(this)[0].$input["0"]).attr('data-head-type') ? {
  3088.                                                 type: "like",
  3089.                                                 field: "type",
  3090.                                                 value: $($(this)[0].$input["0"]).attr('data-head-type')
  3091.                                             }
  3092.                                             : undefined
  3093.                                     ),
  3094.                                     (
  3095.                                         $($(this)[0].$input["0"]).attr('data-head-nature') ? {
  3096.                                                 type: "like",
  3097.                                                 field: "type",
  3098.                                                 value: $($(this)[0].$input["0"]).attr('data-head-nature')
  3099.                                             }
  3100.                                             : undefined
  3101.                                     ),
  3102.                                 ],
  3103.                                 mustConditions: [{}
  3104.                                 ],
  3106.                                 joinTableData: [
  3107.                                     {
  3108.                                         tableName: "acc_accounts_head",
  3109.                                         joinFieldPrimary: "parent_id",
  3110.                                         joinOn: 'accounts_head_id',
  3111.                                         tableJoinType: 'cross join',
  3112.                                         fieldJoinType: '=',
  3113.                                         joinAndConditions: [
  3114.                                             (
  3115.                                                 $($(this)[0].$input["0"]).attr('data-head-type') ? {
  3116.                                                         type: "like",
  3117.                                                         field: "type",
  3118.                                                         value: $($(this)[0].$input["0"]).attr('data-head-type')
  3119.                                                     }
  3120.                                                     : undefined
  3121.                                             ),
  3122.                                             (
  3123.                                                 $($(this)[0].$input["0"]).attr('data-head-nature') ? {
  3124.                                                         type: "like",
  3125.                                                         field: "type",
  3126.                                                         value: $($(this)[0].$input["0"]).attr('data-head-nature')
  3127.                                                     }
  3128.                                                     : undefined
  3129.                                             ),
  3130.                                             // {type: "!=", field: "parent_id", value: 0},
  3131.                                         ],
  3132.                                         joinOrConditions: [
  3133.                                             query.indexOf('#setValue') == -1 ? {
  3134.                                                 type: "like",
  3135.                                                 field: "name",
  3136.                                                 value: query
  3137.                                             } : undefined,
  3138.                                             query.indexOf('#setValue') == -1 ? {
  3139.                                                 type: "=",
  3140.                                                 field: "accounts_head_id",
  3141.                                                 value: isNaN(query) ? '' : query
  3142.                                             } : undefined,
  3143.                                             // query.indexOf('#setValue') == -1 ? {
  3144.                                             //     type: "like",
  3145.                                             //     field: "path_tree",
  3146.                                             //     value: query
  3147.                                             // } : undefined,
  3148.                                         ],
  3149.                                         selectPrefix: 'parent_table_',
  3150.                                         selectFieldList: [
  3151.                                             'name'
  3153.                                         ]
  3154.                                     },
  3156.                                 ],
  3157.                                 convertToObject: [],
  3158.                                 orderByConditions: orderByConditionForThis,
  3159.                             },
  3160.                             error: function () {
  3161.                             },
  3162.                             success: function (res) {
  3163.                                 if (typeof window[res.tableName + '_data_bank'] !== 'undefined') {
  3164.                                     for (var chukapuka = 0; chukapuka < res.data.length; chukapuka++) {
  3165.                                         if (typeof window[res.tableName + '_data_bank'][res.data[chukapuka]['value']] !== 'undefined') {
  3166.                                         } else {
  3167.                                             window[res.tableName + '_data_bank'][res.data[chukapuka]['value']] = res.data[chukapuka];
  3168.                                         }
  3169.                                     }
  3170.                                 } else
  3171.                                     window[res.tableName + '_data_bank'] = res.dataById;
  3172.                                 callback(res.data);
  3174.                                 if (res.setValueArray.length != 0 && res.selectorId != '') {
  3175.                                     if (res.isMultiple == 1)
  3176.                                         $('#' + res.selectorId).selectize()[0].selectize.setValue(res.setValueArray)
  3177.                                     else
  3178.                                         $('#' + res.selectorId).selectize()[0].selectize.setValue(res.setValue)
  3179.                                 }
  3180.                             }
  3181.                         });
  3182.                     },
  3183.                 })[0].selectize;
  3184.                 if (toSetValues.length > 0)
  3185.                     populateAndSetSelectByAjaxSelector(the_awesome_selector, toSetValues)
  3186.                 if (returnLatest == 1)
  3187.                     return the_awesome_selector;
  3188.                 else
  3189.                     generic_head_selectors[idIndex] = the_awesome_selector;
  3190.             })
  3192.         }
  3194.         {# var BaseURL='{{ url('dashboard') }}'; #}
  3195.         {% set foo = url('dashboard')|split(':') %}
  3196.         //    console.log('{{ foo|length }}');
  3197.         {% if foo|length ==3 %}
  3198.         {% set url_wo_port=foo[0]~':'~foo[1] %}
  3199.         {# //    console.log('{{ 'length 3' }}'); #}
  3200.         {# //    console.log('{{ url_wo_port }}'); #}
  3201.         {% elseif foo|length ==2 %}
  3202.         {% set url_wo_port=foo[0]~':' %}
  3203.         {% set bar=foo[1]|split('/') %}
  3204.         {# //    console.log('{{ url_wo_port }}'); #}
  3205.         {# //    console.log('{{ bar|json_encode()|raw() }}'); #}
  3207.         {% for indu,gg in bar %}
  3208.         {# //    console.log('index {{ indu }}') #}
  3209.         {# //    console.log('will append {{ gg }}') #}
  3210.         {% if indu <((bar|length)-1)  and indu!=0 %}
  3211.         {% set url_wo_port=url_wo_port~'/'~gg %}
  3212.         {# //    console.log('appended {{ gg }}') #}
  3213.         {% endif %}
  3214.         {# //    console.log('{{ url_wo_port }}'); #}
  3216.         {% endfor %}
  3218.         {% endif %}
  3219.         //        var url_without_port=BaseURL.split(':')[0]+':'+BaseURL.split(':')[1]
  3220.         {# var DATE_BAR_START="{{ session.userCompanyOpeningYear }}-01-01"
  3221.         var DATE_BAR_END="{{ 'now' | date('Y-m-d') }}" #}
  3223.     </script>
  3224.     <script>
  3225.         var notificationDetailBaseUrl = '{{ url('my_notification_detail', {'id': 0}) }}';
  3226.     </script>
  3227.     {# the one in constant is the forced one #}
  3230.     {% if constant('ApplicationBundle\\Constants\\GeneralConstant::NOTIFICATION_ENABLED')==1 %}
  3231.         {# now check softone #}
  3232.         {% if notification_enabled==1 %}
  3233.             {% if session[UserConstants.USER_ID] is defined %}
  3234.                 {% if 'localhost:' in notification_server %}
  3235.                     {% set notification_server_full = url_wo_port ~':'~ notification_server|split('localhost:')[1] %}
  3236.                 {% else %}
  3237.                     {% if 'https://' in notification_server or 'http://' in notification_server %}
  3238.                         {% set notification_server_full =notification_server %}
  3239.                     {% else %}
  3240.                         {% set notification_server_full = 'https://'~notification_server %}
  3241.                     {% endif %}
  3243.                 {% endif %}
  3245.                 <script type="text/javascript">
  3246.                     function refreshKeepAliveCall() {
  3247.                         socketKeepAliveCall = setInterval(function () {
  3248.                             var nowTs = moment().unix(),
  3249.                                 differenceFromStartTime = meetingStartTime.diff(now), // 86400000;
  3250.                                 differenceFromEndTime = meetingEndTime.diff(now); // 86400000;
  3251.                             if (nowTs - lastActivityTs > 60) {
  3252.                                 clearInterval(socketKeepAliveCall);
  3254.                             } else {
  3255.                                 socket.emit('update_my_socket', {
  3256.                                     userId: socket_user_id,
  3257.                                     token: socket_user_session_token,
  3258.                                 });
  3259.                             }
  3260.                         }, 30000)
  3263.                     }
  3265.                     function initiateSocket() {
  3266.                         lastActivityTs = moment().unix();
  3267.                         $.getScript('{{ notification_server_full }}/socket.io/socket.io.js', function () {
  3268.                             if (io) {
  3269.                                 {#socket = io.connect('{{ notification_server_full }}',{transports: ['websocket', 'polling']});#}
  3270.                                 socket = io.connect('{{ notification_server_full }}');
  3271.                                 socket.emit('update_my_socket', {
  3272.                                     userId: socket_user_id,
  3273.                                     token: socket_user_session_token,
  3274.                                     user_status: '_ON_',
  3275.                                     force_broadcast: 1,
  3276.                                 });
  3277.                                 {% if 1 %}
  3279.                                 ifvisible.setIdleDuration(120);
  3281.                                 ifvisible.onEvery(30, function () {
  3282.                                     socket.emit('update_my_socket', {
  3283.                                         userId: socket_user_id,
  3284.                                         token: socket_user_session_token,
  3285.                                     });
  3286.                                 });
  3288.                                 ifvisible.idle(function () {
  3289.                                     document.body.style.opacity = 0.5;
  3290.                                     socket.emit('update_my_socket', {
  3291.                                         userId: socket_user_id,
  3292.                                         token: socket_user_session_token,
  3293.                                         user_status: '_AWAY_',
  3294.                                         force_broadcast: 1,
  3295.                                     });
  3296.                                 });
  3297.                                 ifvisible.wakeup(function () {
  3298.                                     document.body.style.opacity = 1;
  3299.                                     socket.emit('update_my_socket', {
  3300.                                         userId: socket_user_id,
  3301.                                         token: socket_user_session_token,
  3302.                                         user_status: '_ON_',
  3303.                                         force_broadcast: 1,
  3304.                                     });
  3305.                                 });
  3306.                                 {% endif %}
  3308.                                 if (typeof pageSocketInit !== 'undefined')
  3309.                                     pageSocketInit();
  3311.                                 socket.on('user_status_update', function (dataObj) {
  3312.                                 });
  3313.                                 socket.on('_SOCKET_NOTIFICATION_HERE_', function (dataObj) {
  3314.                                     if (typeof handleIncomingNotification === 'function') {
  3315.                                         handleIncomingNotification(dataObj);
  3316.                                     }
  3317.                                 });
  3319.                                 // Populate notification dropdown from DB on connect
  3320.                                 if (typeof loadRecentNotifications === 'function') {
  3321.                                     loadRecentNotifications();
  3322.                                 }
  3324.                                 socket.on('refresh_attendance_status', function (dataObj) {
  3326.                                     console.log(dataObj);
  3328.                                     if ($('#is_current_attendance_status').length) {
  3331.                                         listtable.ajax.reload();
  3332.                                         responsiveVoice.speak(dataObj.name + ' has just ' + (dataObj.currentStatus == 0 ? 'signed out of work.' : 'started Working.'), 'UK English Female');
  3333.                                     }
  3334.                                     if ($('.list.currentStatus').length) {
  3337.                                         refreshCurrAttStatus();
  3338.                                         responsiveVoice.speak(dataObj.name + ' has just ' + (dataObj.currentStatus == 0 ? 'signed out of work.' : 'started Working.'), 'UK English Female');
  3339.                                     }
  3341.                                     if (dataObj.userId == current_user_user_id && dataObj.appId == socket_app_id)
  3342.                                         refreshTaskOnSession();
  3344.                                 });
  3346.                                 if (typeof pageWiseSocketAttach !== 'undefined')
  3347.                                     pageWiseSocketAttach()
  3348.                             }
  3349.                         });
  3350.                     }
  3351.                 </script>
  3352.                 <script type="text/javascript"
  3353.                         src="{{ notification_server_full }}/socket.io/socket.io.js"></script>
  3354.                 <script type="text/javascript">
  3355.                 </script>
  3356.                 <script src="{{ absolute_url(path('dashboard')) }}js/inno_notify.js?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}"></script>
  3358.             {% endif %}
  3359.         {% endif %}
  3360.     {% endif %}
  3361.     <script>
  3362.         {% set left_panel_style='' %}
  3363.         {% set curr_status_of_left_menu=1 %}
  3364.         {% set content_panel_style='' %}
  3365.         {% if session['HIDE_LEFT_PANEL'] is defined %}
  3366.         {% if session['HIDE_LEFT_PANEL'] ==1 %}
  3367.         {% set left_panel_style='display:none' %}
  3368.         {% set curr_status_of_left_menu=0 %}
  3370.         {% endif %}
  3371.         {% endif %}
  3372.         {# alert({{ curr_status_of_left_menu }}) #}
  3373.         var curr_status_of_left_menu = "{{ curr_status_of_left_menu is defined? curr_status_of_left_menu:1 }}";
  3374.         {% if session[UserConstants.USER_ID] is defined %}
  3375.         var product_name_display_type = "{{ session[UserConstants.PRODUCT_NAME_DISPLAY_TYPE] }}";
  3376.         {% endif %}
  3377.         var autoApproveEcoDoc = 0;
  3378.         $(document).ready(function () {
  3379.             if ($('.list.currentStatus').length) {
  3382.                 refreshCurrAttStatus();
  3383.             }
  3384.             $('#sidebarAiChatMessage').keydown(function (e) {
  3385.                 handleAiChatMessage(e);
  3386.             });
  3388.             $(document).on('click', '#ai-send-btn', function () {
  3389.                 handleAiChatMessage(null);
  3390.             });
  3392.             $(document).on("click", ".btnMicAi", function () {
  3393.                 if (!recognition) setupVoiceToText();
  3394.                 if ($(this).hasClass('listening')) {
  3396.                     if (recognition && isListening) recognition.stop();
  3397.                     $(this).removeClass('listening')
  3399.                 } else {
  3400.                     if (recognition && !isListening) recognition.start();
  3401.                     $(this).addClass('listening')
  3402.                     $("#sidebarAiChatMessage").focus();
  3404.                 }
  3405.             });
  3406.             var isAiVolumeOn = window.localStorage.getItem('aiVolOn');
  3407.             if (isAiVolumeOn == 1) {
  3408.                 $(".toggleSpeak").addClass('active')
  3409.                 $(".toggleSpeak i").removeClass('fa-volume-off').addClass('fa-volume-up');
  3410.             }
  3411.             $(document).on("click", ".toggleSpeak", function () {
  3413.                 if ($(this).hasClass('active')) {
  3415.                     $(this).removeClass('active')
  3416.                     $('.toggleSpeak i').removeClass('fa-volume-up').addClass('fa-volume-off');
  3417.                     window.localStorage.setItem('aiVolOn', 0)
  3419.                 } else {
  3421.                     $(this).addClass('active')
  3422.                     $('.toggleSpeak i').removeClass('fa-volume-off').addClass('fa-volume-up');
  3423.                     window.localStorage.setItem('aiVolOn', 1)
  3425.                 }
  3426.             });
  3429.             $(document).on('focus', '.itemtable input[type="number"]', function (e) {
  3430.                 var theColIndex = $(this).data('colIndex');
  3431.                 $('.itemtable .col_title_' + theColIndex).addClass('expanded')
  3432.             });
  3433.             $(document).on('click', '.ai-chat-mode .badge', function (e) {
  3434.                 $('.ai-chat-mode .badge').removeClass('active');
  3435.                 currentChatMode = $(this).data('value');
  3436.                 $('.ai-chat-mode .badge.mode_' + currentChatMode).addClass('active');
  3437.                 localStorage.setItem('hb_ai_mode', currentChatMode);
  3438.             });
  3440.             // restore active mode badge
  3441.             if (currentChatMode) {
  3442.                 $('.ai-chat-mode .badge').removeClass('active');
  3443.                 $('.ai-chat-mode .badge.mode_' + currentChatMode).addClass('active');
  3444.             }
  3446.             // ── Session init + history restore ───────────────────────────────
  3447.             aiInitSessions();
  3448.             aiRestoreChatHistory();
  3450.             // Session switcher dropdown
  3451.             $(document).on('change', '#aiSessionSelect', function () {
  3452.                 aiSwitchSession($(this).val());
  3453.             });
  3455.             // New session button
  3456.             $(document).on('click', '#aiNewSession', function () {
  3457.                 aiNewSession();
  3458.             });
  3460.             // Clear history button
  3461.             $(document).on('click', '#aiClearHistory', function () {
  3462.                 if (confirm('Clear this session\'s conversation?')) {
  3463.                     aiClearHistory();
  3464.                 }
  3465.             });
  3467.             // View last report button
  3468.             $(document).on('click', '#aiViewLastReport', function () {
  3469.                 var saved = localStorage.getItem('hb_ai_last_report');
  3470.                 if (!saved) { aiShowToast('No saved report yet', 'warning'); return; }
  3471.                 try {
  3472.                     var r = JSON.parse(saved);
  3473.                     var age = Math.round((Date.now() - r.time) / 60000);
  3474.                     var ageLabel = age < 60 ? age + ' min ago' : Math.round(age/60) + ' hr ago';
  3475.                     $("#GenericAiReportModal #GenericAiReportModalLabel").text(r.title + ' (' + ageLabel + ')');
  3476.                     $("#GenericAiReportModal #GenericAiReportModalBody").html(r.html);
  3477.                     $("#GenericAiReportModal").modal("show");
  3478.                 } catch(e) { aiShowToast('Could not load saved report', 'error'); }
  3479.             });
  3481.             // ── Pending action handler (after cross-page navigation) ─────────
  3482.             (function () {
  3483.                 var pending = localStorage.getItem('aiPendingAction');
  3484.                 if (pending != 1) return;
  3485.                 var dataStr = localStorage.getItem('aiPendingDataStr');
  3486.                 if (!dataStr) return;
  3487.                 try {
  3488.                     var data = JSON.parse(dataStr);
  3489.                     if (data.triggerFunctionName && typeof window[data.triggerFunctionName] !== 'undefined') {
  3490.                         window[data.triggerFunctionName](data);
  3491.                         localStorage.removeItem('aiPendingAction');
  3492.                         localStorage.removeItem('aiPendingDataStr');
  3493.                         aiShowToast('AI action executed \u2705', 'success');
  3494.                     }
  3495.                 } catch (e) {}
  3496.             })();
  3497.             $(document).on('blur', '.itemtable input[type="number"]', function (e) {
  3498.                 var theColIndex = $(this).data('colIndex');
  3499.                 $('.itemtable .col_title_' + theColIndex).removeClass('expanded')
  3500.             });
  3502.             $('.nav-tabs li').not('.no-popover').each(function (ind, elem) {
  3503.                 $(elem).popover({
  3504.                     content: $(elem).find('a').html(),
  3505.                     trigger: 'hover',
  3506.                     placement: 'top',
  3507.                     container: 'body',
  3508.                     html: true
  3509.                 });
  3510.             });
  3512.             $('.change_app').click(function (ev) {
  3513.                 ev.preventDefault();
  3514.                 getUserCompanyList('_CENTRAL_')
  3515.             })
  3516.             {% set curr_route=app.request.attributes.get('_route') %}
  3517.             $('input.devAdminOnly').attr('readonly', false);
  3518.             update_head_selectors()
  3519.             $(document).on('change', 'input.autoUpdateDataGeneric, select.autoUpdateDataGeneric, textarea.autoUpdateDataGeneric', function () {
  3520.                 $.post('{{ url('update_inline_value') }}', {
  3521.                     entityName: typeof $(this).data('entityName') !== 'undefined' ? $(this).data('entityName') :
  3522.                         (typeof autoUpdateDataGenericEntityName !== 'undefined' ? autoUpdateDataGenericEntityName : ''),
  3523.                     entityBundle: typeof $(this).data('entityBundle') !== 'undefined' ? $(this).data('entityBundle') : (typeof autoUpdateDataGenericEntityBundle !== 'undefined' ? autoUpdateDataGenericEntityBundle : 'ApplicationBundle'),
  3524.                     setValue: $(this).val(),
  3525.                     setMethod: typeof $(this).data('setMethod') !== 'undefined' ? $(this).data('setMethod') : (typeof autoUpdateDataGenericEntitySetMethod !== 'undefined' ? autoUpdateDataGenericEntitySetMethod : ''),
  3526.                     createIfNotFound: typeof $(this).data('createIfNotFound') !== 'undefined' ? $(this).data('createIfNotFound') : (typeof autoUpdateDataGenericEntityCreateIfNotFound !== 'undefined' ? autoUpdateDataGenericEntityCreateIfNotFound : 0),
  3527.                     findField: typeof $(this).data('findField') !== 'undefined' ? $(this).data('findField') : (typeof autoUpdateDataGenericEntityFindField !== 'undefined' ? autoUpdateDataGenericEntityFindField : ''),
  3528.                     findValue: typeof $(this).data('findValue') !== 'undefined' ? $(this).data('findValue') : (typeof autoUpdateDataGenericEntityFindValue !== 'undefined' ? autoUpdateDataGenericEntityFindValue : ''),
  3529.                     fieldType: typeof $(this).data('fieldType') !== 'undefined' ? $(this).data('fieldType') : (typeof autoUpdateDataGenericEntityFieldType !== 'undefined' ? autoUpdateDataGenericEntityFieldType : ''),
  3530.                     modifyTransDateFlag: typeof $(this).data('modifyTransDate') !== 'undefined' ? $(this).data('modifyTransDate') : 0,
  3531.                     modifyTransDateFlag: typeof $(this).data('modifyTransDate') !== 'undefined' ? $(this).data('modifyTransDate') : 0,
  3533.                 })
  3534.                     .done(function (data) {
  3535.                     })
  3536.                     .fail(function () {
  3537.                     });
  3538.             });
  3540.             $('.inplaceEditForced').editable({
  3542.                 event: 'click',
  3543.                 callback: function (data) {
  3544.                     var pika = `
  3545.                    class="inplaceEdit"
  3546.                        data-set-method="setStockTransferDate"
  3547.                        data-entity-name="StockTransfer"
  3548.                        data-entity-bundle="ApplicationBundle"
  3549.                        data-find-value="1"
  3550.                        data-find-field="stockTransferId"
  3551.                        data-field-type="_DATE_"
  3553.                        data-modify-trans-date="1"
  3555.                        `
  3557.                     if (data.content) {
  3558.                         $.post('{{ url('update_inline_value') }}', {
  3559.                             entityName: typeof data.$el[0].dataset.entityName !== 'undefined' ? data.$el[0].dataset.entityName : 'EntityApplicantDetails',
  3560.                             entityBundle: typeof data.$el[0].dataset.entityBundle !== 'undefined' ? data.$el[0].dataset.entityBundle : 'Application',
  3561.                             setValue: data.$el[0].outerText,
  3562.                             setMethod: data.$el[0].dataset.setMethod,
  3563.                             findValue: data.$el[0].dataset.findValue,
  3564.                             findField: typeof data.$el[0].dataset.findField !== 'undefined' ? data.$el[0].dataset.findField : 'applicantId',
  3565.                             modifyTransDateFlag: typeof data.$el[0].dataset.modifyTransDate !== 'undefined' ? data.$el[0].dataset.modifyTransDate : 0,
  3566.                             fieldType: typeof data.$el[0].dataset.fieldType !== 'undefined' ? data.$el[0].dataset.fieldType : '_TEXT_',
  3567.                         })
  3568.                             .done(function (data) {
  3569.                                 if (data.success == true) {
  3570.                                     var swTitle = "Sweet!";
  3571.                                     var swText = "Updated";
  3572.                                     var swImg = BaseURL + "images/thumbs-up.png";
  3573.                                     // Voucher-line edits return ledger info (heads recomputed + balance check)
  3574.                                     if (data.ledger) {
  3575.                                         if (data.ledger.error) {
  3576.                                             swText = "Saved, but balance recompute failed: " + data.ledger.error;
  3577.                                         } else if (data.ledger.voucher_balanced === false) {
  3578.                                             swTitle = "Saved — voucher UNBALANCED";
  3579.                                             swText = "Balances recomputed (" + data.ledger.heads_updated + " heads), but Debit ≠ Credit by " + data.ledger.imbalance + ". Adjust the other line to rebalance.";
  3580.                                             swImg = BaseURL + "images/Bee_Sad_Emote.png";
  3581.                                         } else {
  3582.                                             swText = "Updated. Balances recomputed (" + data.ledger.heads_updated + " heads). Voucher is balanced.";
  3583.                                         }
  3584.                                     }
  3585.                                     swal({
  3586.                                         title: swTitle,
  3587.                                         text: swText,
  3588.                                         imageUrl: swImg
  3589.                                     });
  3590.                                 } else {
  3591.                                     swal({
  3592.                                         title: "Sorry!",
  3593.                                         text: "Your Action failed !",
  3594.                                         imageUrl: BaseURL + "images/Bee_Sad_Emote.png"
  3595.                                     });
  3596.                                 }
  3597.                             })
  3598.                             .fail(function () {
  3599.                             });
  3600.                     }
  3601.                 }
  3602.             });
  3604.             {% if app.session.get('devAdminMode') ==1 %}
  3606.             $('.inplaceEdit .fa.fa-edit').show();
  3607.             $('input.devAdminOnly').attr('readonly', true)
  3609.             {% if session[UserConstants.USER_ID] is defined %}
  3610.             $(document).on('click', '.company_selector a.dropdown-toggle', function () {
  3611.                 RefreshAppListOnMenu()
  3613.             })
  3614.             {% endif %}
  3616.             $('.inplaceEdit').editable({
  3618.                 event: 'click',
  3619.                 callback: function (data) {
  3620.                     var pika = `
  3621.                    class="inplaceEdit"
  3622.                        data-set-method="setStockTransferDate"
  3623.                        data-entity-name="StockTransfer"
  3624.                        data-entity-bundle="ApplicationBundle"
  3625.                        data-find-value="1"
  3626.                        data-find-field="stockTransferId"
  3627.                        data-field-type="_DATE_"
  3628.                        data-modify-trans-date="1"
  3629.                        `
  3630.                     if (data.content) {
  3631.                         $.post('{{ url('update_inline_value') }}', {
  3633.                             entityName: typeof data.$el[0].dataset.entityName !== 'undefined' ? data.$el[0].dataset.entityName : 'EntityApplicantDetails',
  3634.                             entityBundle: typeof data.$el[0].dataset.entityBundle !== 'undefined' ? data.$el[0].dataset.entityBundle : 'Application',
  3635.                             setValue: data.$el[0].outerText,
  3636.                             setMethod: data.$el[0].dataset.setMethod,
  3637.                             findValue: data.$el[0].dataset.findValue,
  3638.                             findField: typeof data.$el[0].dataset.findField !== 'undefined' ? data.$el[0].dataset.findField : 'applicantId',
  3639.                             modifyTransDateFlag: typeof data.$el[0].dataset.modifyTransDate !== 'undefined' ? data.$el[0].dataset.modifyTransDate : 0,
  3640.                             fieldType: typeof data.$el[0].dataset.fieldType !== 'undefined' ? data.$el[0].dataset.fieldType : '_TEXT_',
  3641.                         })
  3642.                             .done(function (data) {
  3643.                                 if (data.success == true) {
  3644.                                     var swTitle = "Sweet!";
  3645.                                     var swText = "Updated";
  3646.                                     var swImg = BaseURL + "images/thumbs-up.png";
  3647.                                     // Voucher-line edits return ledger info (heads recomputed + balance check)
  3648.                                     if (data.ledger) {
  3649.                                         if (data.ledger.error) {
  3650.                                             swText = "Saved, but balance recompute failed: " + data.ledger.error;
  3651.                                         } else if (data.ledger.voucher_balanced === false) {
  3652.                                             swTitle = "Saved — voucher UNBALANCED";
  3653.                                             swText = "Balances recomputed (" + data.ledger.heads_updated + " heads), but Debit ≠ Credit by " + data.ledger.imbalance + ". Adjust the other line to rebalance.";
  3654.                                             swImg = BaseURL + "images/Bee_Sad_Emote.png";
  3655.                                         } else {
  3656.                                             swText = "Updated. Balances recomputed (" + data.ledger.heads_updated + " heads). Voucher is balanced.";
  3657.                                         }
  3658.                                     }
  3659.                                     swal({
  3660.                                         title: swTitle,
  3661.                                         text: swText,
  3662.                                         imageUrl: swImg
  3663.                                     });
  3664.                                 } else {
  3665.                                     swal({
  3666.                                         title: "Sorry!",
  3667.                                         text: "Your Action failed !",
  3668.                                         imageUrl: BaseURL + "images/Bee_Sad_Emote.png"
  3669.                                     });
  3670.                                 }
  3671.                             })
  3672.                             .fail(function () {
  3673.                             });
  3674.                     }
  3675.                 }
  3676.             });
  3678.             {% endif %}
  3679.             {% if constant('ApplicationBundle\\Constants\\GeneralConstant::NOTIFICATION_ENABLED')==1 %}
  3680.             {% if notification_enabled==1 %}
  3681.             {% if session[UserConstants.USER_ID] is defined %}
  3682.             initiateSocket()
  3683.             {% endif %}
  3684.             {% endif %}
  3685.             {% endif %}
  3687.             $('.btn-file input[type="file"]').not('.show_images').change(function () {
  3688.                 if (!$(this).parents('label').parent().find('.file_names_text').length)
  3689.                     $(this).parents('label').parent().append('<p style="font-weight: bold" class="file_names_text"></p>')
  3690.                 var fileNameList = [];
  3692.                 for (var jj = 0; jj < $(this)[0].files.length; jj++)
  3693.                     fileNameList.push($(this)[0].files[jj].name)
  3694.                 var fileNameText = '';
  3695.                 if (fileNameList.length != 0)
  3696.                     fileNameText = fileNameList.join(' , ')
  3698.                 if (!$(this).parents('label').parent().find('.file_names_text').length)
  3699.                     $(this).parents('label').parent().append('<p style="font-weight: bold" class="file_names_text">' + fileNameText + '</p>')
  3700.                 else
  3701.                     $(this).parents('label').parent().find('.file_names_text').text(fileNameText)
  3703.             });
  3705.             $('.btn-file input[type="file"].show_images').change(function (e) {
  3706.                 if (!$(this).parents('label').parent().find('.file_names_text').length)
  3707.                     $(this).parents('label').parent().append('<p style="font-weight: bold" class="file_names_text"></p>')
  3708.                 var fileNameList = [];
  3709.                 var fileDataList = [];
  3711.                 for (var jj = 0; jj < $(this)[0].files.length; jj++) {
  3712.                     fileNameList.push($(this)[0].files[jj].name);
  3713.                     fileDataList.push({
  3714.                         fullPath: URL.createObjectURL($(this)[0].files[jj]),
  3715.                         fileType: $(this)[0].files[jj].type,
  3716.                         fileName: $(this)[0].files[jj].name,
  3717.                     })
  3718.                 }
  3720.                 if (!$(this).parents('label').parent().find('.file_images_cont').length)
  3721.                     $(this).parents('label').parent().append('<div  style="font-weight: bold" class="row file_images_cont">' + generateFileSmallView(fileDataList, 0) + '</div>')
  3722.                 else
  3723.                     $(this).parents('label').parent().find('.file_images_cont').html(generateFileSmallView(fileDataList, 0))
  3724.             });
  3726.             {% if session[UserConstants.USER_ID] is defined %}
  3728.             if ($('.assigned_task_list_here').length)
  3729.                 ListAvailableTaskOnMenu();
  3730.             $(document).on('click', '.this_is_task a', function (e) {
  3731.                 e.preventDefault();
  3732.                 if ($(this).parent('li').hasClass('active')) {
  3733.                     EndCurrentTaskOnMenu()
  3734.                 } else
  3735.                     ChangeActiveTaskOnMenu(0, $(this).data('pid'))
  3736.             });
  3738.             function clock_update_on_menu() {
  3739.                 var gg_cur_ts = moment().unix();
  3740.                 $('.clock_update').each(function (invu, elem) {
  3742.                     var sec_diff = gg_cur_ts - 1 * $(elem).data('startTs');
  3744.                     var hour_here = Math.floor(sec_diff / 3600);
  3745.                     var min_here = Math.floor((sec_diff % 3600) / 60);
  3746.                     var sec_here = Math.floor((sec_diff % 60));
  3747.                     $(elem).text((hour_here.toString()).padStart(2, 0) + ':' + (min_here.toString()).padStart(2, 0) + ':' + (sec_here.toString()).padStart(2, 0))
  3748.                 })
  3749.             }
  3752.             setInterval(clock_update_on_menu, 1000);
  3753.             {% endif %}
  3754.             var CURRENT_ROUTE = '{{ curr_route }}';
  3755.             if ($('#approveDocument #approveDocumentForwardUserList').length) {
  3757.                 approveDocumentForwardUserListSelector = $('#approveDocument #approveDocumentForwardUserList').selectize({
  3758.                     placeholder: 'Select a user',
  3759.                     multiple: false,
  3760.                     options: [],
  3761.                     valueField: 'value',
  3762.                     labelField: 'text',
  3763.                     preload: 'focus',
  3765.                     searchField: ['text', 'value'],
  3766.                     load: function (query, callback) {
  3768.                         if (!query.length) query = '_EMPTY_';
  3769.                         var pika_ind_id = $($(this)[0].$input["0"]).attr('data-id')
  3770.                         $.ajax({
  3771.                             url: BaseURL + "select_data_ajax",
  3772.                             type: 'POST',
  3773.                             dataType: 'json',
  3774.                             data: {
  3775.                                 //returnJson: 1,
  3776.                                 //sessionData: sessionData
  3777.                                 query: query,
  3778.                                 tableName: "sys_user",
  3779.                                 valueField: "user_id",
  3780.                                 textField: "rendered_text",
  3781.                                 entity_group: 0,
  3782.                                 selectorId: $($(this)[0].$input["0"]).attr('id'),
  3783.                                 isMultiple: 0,
  3784.                                 dataId: pika_ind_id,
  3785.                                 renderTextFormat: "# __value__ __name__",
  3786.                                 andConditions: [],
  3787.                                 andOrConditions: [
  3788.                                     {type: "like", field: "name", value: query},
  3789.                                 ],
  3790.                                 mustConditions: [
  3791.                                     {type: "=", field: "status", value: 1},
  3792.                                     {type: "in", field: "user_type", value: [1, 2, 5]},
  3793.                                 ],
  3794.                                 joinTableData: [],
  3795.                                 convertToObject: [],
  3796.                                 skipDefaultCompanyId: 1
  3797.                             },
  3798.                             error: function () {
  3799.                             },
  3800.                             success: function (res) {
  3801.                                 callback(res.data);
  3802.                                 if (res.setValueArray.length != 0 && res.selectorId != '') {
  3803.                                     if (res.isMultiple == 1)
  3804.                                         $('#' + res.selectorId).selectize()[0].selectize.setValue(res.setValueArray)
  3805.                                     else
  3806.                                         $('#' + res.selectorId).selectize()[0].selectize.setValue(res.setValue)
  3807.                                 }
  3808.                             }
  3809.                         });
  3810.                     },
  3811.                     onChange: function (value) {
  3812.                     }
  3814.                 })[0].selectize;
  3815.             }
  3816.             $(document).on('click', '.trigger_approval_btn, #invoiceDrawerBody [data-target="#approveDocument"]', function (e) {
  3817.                 e.stopPropagation();
  3818.                 // Close the drawer
  3819.                 $('#invoiceDrawer').css('transform', 'translateX(100%)');
  3820.                 $('#invoiceDrawerOverlay').css('display', 'none');
  3822.                 // Set approval data — works for both button types
  3823.                 var entity = $(this).data('entity');
  3824.                 var entityId = $(this).data('entity-id');
  3825.                 var approvalId = $(this).data('approval-id');
  3827.                 if (entity) $('#approveDocument #approvalEntity').val(entity);
  3828.                 if (entityId) $('#approveDocument #approvalEntityId').val(entityId);
  3829.                 if (approvalId) $('#approveDocument #approvalId').val(approvalId);
  3831.                 // Open modal after drawer transition finishes
  3832.                 setTimeout(function () {
  3833.                     $('#approveDocument').modal('show');
  3834.                 }, 350);
  3835.             });
  3836.             $('.approval_submit').click(function (e) {
  3837.                 e.preventDefault();
  3838.                 if ($('#approveDocument input[name="approvalAction"]:checked').length) {
  3839.                     $('#approval_form').submit()
  3840.                 } else {
  3841.                     alertify.alert("Select an Approval Action!")
  3842.                 }
  3843.             })
  3845.             {% if  app.request.query.get('autoApproveEcoDoc') !='' %}
  3846.             autoApproveEcoDoc = 1;
  3848.             $('.trigger_approval_btn').eq(0).trigger('click');
  3849.             $('#approveDocument #radio1').prop('checked', true)
  3850.             $('#approveDocument #approveDocumentApprovalHash').val('_eco_')
  3851.             $('.approval_submit').trigger('click');
  3853.             {% endif %}
  3855.             {% if curr_route=='applicant_dashboard' or  curr_route=='dashboard' %}
  3856.             var globLsDataStr = window.localStorage.getItem('lsData');
  3857.             var globLsData = {};
  3858.             if (globLsDataStr != 'null' && globLsDataStr != null)
  3859.                 globLsData = JSON.parse(globLsDataStr);
  3860.             {% endif %}
  3861.             if (typeof initiate_comment_box_snippet !== 'undefined') {
  3862.                 initiate_comment_box_snippet();
  3863.             }
  3865.             $('.modal').on('shown.bs.modal', function () {
  3866.                 $(document).off('focusin.modal');
  3867.             });
  3868.             $('a').each(function (index) {
  3869.                 var attr_href = $(this).attr('href');
  3870.                 if (typeof attr_href !== typeof undefined && attr_href !== false)
  3871.                     if (($(this).attr('href')).indexOf('print') != -1) {
  3872.                         $(this).attr('target', '_blank')
  3873.                     }
  3874.             });
  3875.             if (!window.isElectron) {
  3876.                 $('#turn_off_button').hide();
  3877.                 $('.close_window').hide();
  3878.             }
  3880.             if (window.isElectron) {
  3881.                 if (window.localStorage.getItem('full_screen_enabled') == null) {
  3882.                     openFullscreen();
  3883.                 }
  3884.                 window.ipcRenderer.on('update_message', function (event, text) {
  3885.                     alertify.alert(text);
  3886.                 })
  3888.                 $("a[target='_blank']").attr('target', '_self');
  3889.                 $("form[target='_blank']").attr('target', '_self');
  3890.             }
  3891.             $('#turn_off_button').click(function (e) {
  3892.                 e.preventDefault();
  3893. //            window.open('', '_self', '');
  3894.                 if (confirm('Are you sure to exit?') == true) {
  3895.                     if (window.isElectron) {
  3896.                         window.ipcRenderer.send('exit_app', 'hello')
  3897.                     }
  3898.                 }
  3900.             });
  3901.             $('.close_window').click(function (e) {
  3902.                 e.preventDefault();
  3903. //            window.open('', '_self', '');
  3904.                 if (window.isElectron) {
  3906.                     window.ipcRenderer.send('close_window', 'hello') //no need to exit app
  3907.                     //window.ipcRenderer.on('pong', function(event, msg){//    console.log(msg)} )
  3908.                 }
  3910.             });
  3912.             $(".leftMenuToggle").click(function () {
  3913. //            alert(curr_status_of_left_menu);
  3914. //            alert(curr_status_of_left_menu)
  3915.                 if (curr_status_of_left_menu == 0) {
  3916.                     $("section.content").css("margin-left", "265px");
  3917.                     $("#leftsidebar").show();
  3918.                     curr_status_of_left_menu = 1;
  3919.                 } else if (curr_status_of_left_menu == 1) {
  3920.                     $("section.content").css("margin-left", "59px");
  3921.                     $("#leftsidebar").hide();
  3922.                     curr_status_of_left_menu = 0;
  3923.                 }
  3924.                 jQuery.get(BaseURL + "change_left_panel_display_status", function (data) {
  3925. //                jQuery('.SelectedSupplierDetails').html(data.content);
  3927.                 });
  3928.             })
  3929.             $('.dropdown-submenu a.expand_menu').on("click", function (e) {
  3930. //            alert("here")
  3931.                 $('.dropdown-submenu a.expand_menu').next('ul').hide();
  3932.                 $(this).next('ul').toggle();
  3933.                 e.stopPropagation();
  3934.                 e.preventDefault();
  3935.             });
  3936.         });
  3937.         {# var perSessionMinute={{ BuddybeeConstant.PER_SESSION_MINUTE }}; #}
  3938.         var system_notice ={% set sys_notice=''|getSystemNotice %}
  3939.                 {% set appValiditySeconds='_UNSET_' %}
  3940.                 {% if session['appValiditySeconds'] is defined %}
  3941.                 {% set appValiditySeconds=session['appValiditySeconds'] %}
  3942.                 {% endif %}
  3944.                 {% if appValiditySeconds!='_UNSET_' %}
  3945.                 {% if appValiditySeconds <= (30*24*3600) %}
  3947.                 {% set leftDays = appValiditySeconds/(24*3600) %}
  3948.                 {% set appIsValidTillTime=session['appIsValidTillTime'] %}
  3949.                 {% set mod_str ="Don't give up on us! We're still working to make your life easier. If you don't want to lose this precious service, make sure to pay your outstanding bill by "~(appIsValidTillTime|date('F d, Y'))~"!" %}
  3950.                 {% if leftDays <1 %}
  3951.                 {% set  mod_str=mod_str~' --- Time Left: '~((appValiditySeconds/60)|number_format(0,'.',','))~' minute(s)' %}
  3952.                 {% else %}
  3953.                 {% set mod_str=mod_str~' ---- Time Left: '~(leftDays|number_format(0,'.',','))~' day(s)' %}
  3955.                 {% endif %}
  3956.             noty({
  3957.                 text: "{{ mod_str }} ",
  3958.                 layout: 'bottom',
  3959.                 theme: 'defaultTheme', // or 'relax'
  3960. //                    theme: 'relax',
  3961.                 type: 'error',
  3962. //                    timeout: 100000,
  3963.                 timeout: false,
  3964.                 closeWith: ['click'],
  3965.                 animation: {
  3966.                     open: {height: 'toggle'}, // jQuery animate function property object
  3967.                     close: {height: 'toggle'}, // jQuery animate function property object
  3968.                     easing: 'swing', // easing
  3969.                     speed: 'slow' // opening & closing animation speed
  3970.                 },
  3971.                 callback: {
  3972.                     onShow: function () {
  3973.                     },
  3974.                     afterShow: function () {
  3975.                     },
  3976.                     onClose: function () {
  3977.                     },
  3978.                     afterClose: function () {
  3979.                     },
  3980.                     onCloseClick: function () {
  3981. //                window.location.href=data.viewlink
  3982.                         //alert('clicked')
  3983.                     },
  3984.                 }
  3985.             });
  3986.         {% endif %}
  3987.         {% endif %}
  3989.         {% for dt in  sys_notice %}
  3991.         {# endDate and startDate are strings or DateTime objects #}
  3992.         {% set difference = date(dt.countDownEnds).diff(date('')) %}
  3993.         {% set leftDays = difference.days %}
  3994.         {% set mod_str = dt.desc %}
  3995.         {% if leftDays == 1 %}
  3996.         {% set  mod_str=mod_str~' --- Time Left: 1 day' %}
  3997.         {% else %}
  3998.         {% set mod_str=mod_str~' ---- Time Left: '~leftDays~' days' %}
  4000.         {% endif %}
  4001.         noty({
  4002.             text: "{{ mod_str }} ",
  4003.             layout: 'bottom',
  4004. //                    theme: 'defaultTheme', // or 'relax'
  4005.             theme: 'relax',
  4006.             type: 'warning',
  4007. //                    timeout: 100000,
  4008.             timeout: false,
  4009.             closeWith: ['click'],
  4010.             animation: {
  4011.                 open: {height: 'toggle'}, // jQuery animate function property object
  4012.                 close: {height: 'toggle'}, // jQuery animate function property object
  4013.                 easing: 'swing', // easing
  4014.                 speed: 'slow' // opening & closing animation speed
  4015.             },
  4016.             callback: {
  4017.                 onShow: function () {
  4018.                 },
  4019.                 afterShow: function () {
  4020.                 },
  4021.                 onClose: function () {
  4022.                 },
  4023.                 afterClose: function () {
  4024.                 },
  4025.                 onCloseClick: function () {
  4026. //                window.location.href=data.viewlink
  4027.                     //alert('clicked')
  4028.                 },
  4029.             }
  4030.         });
  4031.         {% endfor %}
  4033.         $(document).ready(function () {
  4036.             $('input[type=radio][name=approvalAction]').change(function () {
  4037.                 if (this.value == '3') {
  4038.                     $("#forward_doc_div").show()
  4039.                 } else {
  4040.                     $("#forward_doc_div").hide()
  4041.                 }
  4042.             });
  4043.             $('#forward_doc_check_label').click(function () {
  4044.                 $('#forward_doc_check').prop("checked", true);
  4046.                 $("#forward_doc_div").show()
  4048.             });
  4051.             if ($('.pending_task_div').length) {
  4052.                 // alert('hello')
  4053.                 // //    console.log('HHHHHHHHHHHHHHHHHHHH________________________________________EEEEEEEEEEEEEEEEEEEEEEEEEEE________________')
  4054.                 refreshPendingTaskDiv()
  4055.             }
  4057.             var aiPendingAction = window.localStorage.getItem('aiPendingAction');
  4058.             if (aiPendingAction == 1) {
  4060.                 var aiPendingDataStr = window.localStorage.getItem('aiPendingDataStr');
  4062.                 console.log(aiPendingAction);
  4063.                 console.log(aiPendingDataStr);
  4064.                 if (aiPendingDataStr != null) {
  4065.                     var aiPendingData = JSON.parse(aiPendingDataStr);
  4067.                     var triggerFunctionName = typeof aiRouteToActionLibrary['{{ app.request.attributes.get('_route') }}'] !== 'undefined' ? aiRouteToActionLibrary['{{ app.request.attributes.get('_route') }}'] : 'noneFunction'
  4068.                     if (typeof triggerFunctionName !== 'undefined') {
  4069.                         if (typeof window[triggerFunctionName] !== 'undefined') {
  4071.                             setTimeout(function () {
  4072.                                 window[triggerFunctionName](aiPendingData)
  4073.                             }, 1000)
  4075.                         }
  4076.                     } else {
  4079.                     }
  4082.                 }
  4083.                 aiPendingAction = 0;
  4085.                 window.localStorage.setItem('aiPendingAction', 0);
  4086.                 window.localStorage.setItem('aiPendingDataStr', JSON.stringify([]));
  4087.             }
  4088.         });
  4090.     </script>
  4092.     <script>
  4093.         {% if new_calendar_version==0 %}
  4095.         var MenuCalendar = function () {
  4096.             // Create reference to this instance
  4097.             var o = this;
  4098.             // Initialize app when document is ready
  4099.         };
  4100.         var MP = MenuCalendar.prototype;
  4101.         // =========================================================================
  4102.         // INIT
  4103.         // =========================================================================
  4104.         MP.initialize = function () {
  4105.             this._enableEvents();
  4106.             this._initEventslist();
  4107.             this._initCalendar();
  4108.             this._displayDate();
  4109.         };
  4110.         // =========================================================================
  4111.         // EVENTS
  4112.         // =========================================================================
  4113.         // events
  4114.         MP._enableEvents = function () {
  4115. //        alert('pola')
  4116.             var o = this;
  4118.             $('#menu-calendar-prev').on('click', function (e) {
  4119. //            alert('lola')
  4121.                 o._handleCalendarPrevClick(e);
  4122.             });
  4123.             $('#menu-calendar-next').on('click', function (e) {
  4125.                 o._handleCalendarNextClick(e);
  4126.             });
  4127.             $('#menu-calendar-today').on('click', function (e) {
  4128.                 o._handleCalendarTodayClick(e);
  4129.             });
  4130.             $('.menu-calendar-holder .nav-tabs li').on('show.bs.tab', function (e) {
  4131.                 o._handleCalendarMode(e);
  4132.             });
  4133.         };
  4134.         // =========================================================================
  4135.         // CONTROLBAR
  4136.         // =========================================================================
  4137.         MP._handleCalendarPrevClick = function (e) {
  4138.             $('#menuCalendar').fullCalendar('prev');
  4139.             this._displayDate();
  4140.         };
  4141.         MP._handleCalendarNextClick = function (e) {
  4142.             $('#menuCalendar').fullCalendar('next');
  4143.             this._displayDate();
  4144.         };
  4145.         MP._handleCalendarTodayClick = function (e) {
  4146.             $('#menuCalendar').fullCalendar('today');
  4147.             this._displayDate();
  4148.         };
  4149.         MP._handleCalendarMode = function (e) {
  4150.             $('#menuCalendar').fullCalendar('changeView', $(e.currentTarget).data('mode'));
  4151.         };
  4152.         MP._displayDate = function () {
  4153.             var selectedDate = $('#menuCalendar').fullCalendar('getDate');
  4154.             $('.menu-calendar-selected-day').html(moment(selectedDate).format("dddd"));
  4155.             $('.menu-calendar-selected-date').html(moment(selectedDate).format("DD MMMM YYYY"));
  4156.             $('.menu-calendar-selected-year').html(moment(selectedDate).format("YYYY"));
  4157.         };
  4158.         // =========================================================================
  4159.         // TASKLIST
  4160.         // =========================================================================
  4161.         MP._initEventslist = function () {
  4162.             if (!$.isFunction($.fn.draggable)) {
  4163.                 return;
  4164.             }
  4165.             var o = this;
  4166.             $('.list-events li ').each(function () {
  4167.                 // create an Event Object (http://arshaw.com/fullcalendar/docs/event_data/Event_Object/)
  4168.                 // it doesn't need to have a start or end
  4169.                 var eventObject = {
  4170.                     title: $.trim($(this).text()), // use the element's text as the event title
  4171.                     className: $.trim($(this).data('className'))
  4172.                 };
  4174.                 // store the Event Object in the DOM element so we can get to it later
  4175.                 $(this).data('eventObject', eventObject);
  4177.                 // make the event draggable using jQuery UI
  4178.                 $(this).draggable({
  4179.                     zIndex: 999,
  4180.                     revert: true, // will cause the event to go back to its
  4181.                     revertDuration: 0, //  original position after the drag
  4182.                 });
  4183.             });
  4184.         };
  4185.         // =========================================================================
  4186.         // CALENDAR
  4187.         // =========================================================================
  4188.         MP._initCalendar = function (e) {
  4189.             if (!$.isFunction($.fn.fullCalendar)) {
  4190.                 return;
  4191.             }
  4192.             var date = new Date();
  4193.             var d = date.getDate();
  4194.             var m = date.getMonth();
  4195.             var y = date.getFullYear();
  4196.             $('#menuCalendar').fullCalendar({
  4197.                 schedulerLicenseKey: 'CC-Attribution-NonCommercial-NoDerivatives',
  4198.                 height: 700,
  4199.                 header: false,
  4200.                 editable: true,
  4201.                 eventStartEditable: true,
  4202.                 eventDurationEditable: true,
  4203.                 droppable: true,
  4204.                 drop: function (date, allDay) { // this function is called when something is dropped
  4205.                     // retrieve the dropped element's stored Event Object
  4206.                     var originalEventObject = $(this).data('eventObject');
  4207.                     // we need to copy it, so that multiple events don't have a reference to the same object
  4208.                     var copiedEventObject = $.extend({}, originalEventObject);
  4209.                     // assign it the date that was reported
  4210.                     copiedEventObject.start = date;
  4211.                     copiedEventObject.allDay = allDay;
  4212.                     copiedEventObject.className = originalEventObject.className;
  4213.                     // render the event on the calendar
  4214.                     // the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/)
  4215.                     $('#menuCalendar').fullCalendar('renderEvent', copiedEventObject, true);
  4217.                     // is the "remove after drop" checkbox checked?
  4218.                     if ($('#drop-remove').is(':checked')) {
  4219.                         // if so, remove the element from the "Draggable Events" list
  4220.                         $(this).remove();
  4221.                     }
  4222.                 },
  4224.                 {% if session[UserConstants.USER_HOLIDAY_LIST_CURRENT_MONTH] is defined %}
  4225.                 {% set currMonthHolidayList=session[UserConstants.USER_HOLIDAY_LIST_CURRENT_MONTH]|jsonDecode() %}
  4226.                 {% else %}
  4227.                 {% set currMonthHolidayList=[] %}
  4228.                 {% endif %}
  4229.                 events: {{ currMonthHolidayList|json_encode()|raw }},
  4230.                 eventRender: function (event, element) {
  4231.                     element.find('#date-title').html(element.find('span.fc-event-title').text());
  4232.                 }
  4233.             });
  4234.         };
  4235.         window.MenuCalendar = new MenuCalendar;
  4236.         var menuCalendarRow = 0;
  4237.         $(document).ready(function () {
  4238.             window.MenuCalendar.initialize();
  4239.             $(document).on('click', '.menuCalendarTrigger', function () {
  4240.                 get_and_update_menu_calendar_according_to_holiday_calendar({% if session[UserConstants.USER_HOLIDAY_CALENDAR_ID] is defined %}
  4241.                         {{ session[UserConstants.USER_HOLIDAY_CALENDAR_ID] }}
  4242.                         {% else %}
  4243.                         {{ 0 }}
  4244.                         {% endif %})
  4246.                 get_and_update_time_details_for_attendance({% if session[UserConstants.USER_EMPLOYEE_ID] is defined %}
  4247.                         {{ session[UserConstants.USER_EMPLOYEE_ID] }}
  4248.                         {% else %}
  4249.                         {{ 0 }}
  4250.                         {% endif %})
  4251.             })
  4253.             function get_and_update_menu_calendar_according_to_holiday_calendar(calendarId) {
  4254.                 var to_get_calendar_id = 0;
  4255.                 if (calendarId !== undefined)
  4256.                     to_get_calendar_id = calendarId;
  4257.                 if (to_get_calendar_id == '' || to_get_calendar_id == 0) {
  4258.                     return;
  4259.                 }
  4260.                 jQuery.get(BaseURL + "get_holiday_details/" + to_get_calendar_id, function (data) {
  4261.                     //    console.log(data);
  4262.                     if (data.success == true) {
  4263.                         $('#menuCalendar').fullCalendar('removeEvents');
  4264.                         menuCalendarRow = 1;
  4265.                         var entry = data.holidayList;
  4266.                         for (var i = 0; i < entry.length; i++) {
  4267.                             var sdateStr = entry[i]['startDate'];
  4268.                             var edateStr = entry[i]['endDate'];
  4269.                             var sdate = new Date(sdateStr);
  4270.                             var edate = new Date(edateStr);
  4271.                             var title = entry[i]['title'];
  4272.                             var date = 0;
  4273.                             menuCalendarRow = menuCalendarRow + 1;
  4274.                             var originalEventObject = $(window.MenuCalendar).data('eventObject');
  4275.                             // we need to copy it, so that multiple events don't have a reference to the same object
  4276.                             var copiedEventObject = $.extend({}, originalEventObject);
  4277.                             // assign it the date that was reported
  4278.                             copiedEventObject.id = menuCalendarRow;
  4279.                             copiedEventObject.start = new Date(sdateStr);
  4280.                             copiedEventObject.end = new Date(edateStr + ' 00:00:00');
  4282.                             copiedEventObject.allDay = 1;
  4283.                             copiedEventObject.title = title;
  4284.                             $('#menuCalendar').fullCalendar('renderEvent', copiedEventObject, true);
  4285.                         }
  4286.                     }
  4287.                 });
  4288.             }
  4290.             function get_and_update_time_details_for_attendance(employee_id) {
  4291.                 employee_id = employee_id || 0;
  4293.                 if (employee_id == '' || employee_id == 0) {
  4294.                     return;
  4295.                 }
  4297.                 $.post(BaseURL + 'attendance_report', {
  4299.                     start_date: '{{ ''|date('F d, Y') }}',
  4300.                     end_date: '{{ ''|date('F d, Y') }}',
  4301.                     employes: employee_id,
  4302.                     returnJson: 1,
  4303.                     considerCurrTsIfNoOut: 1,
  4304.                 })
  4305.                     .done(function (data) {
  4306.                         console.log(data)
  4308.                         var sec_diff = 0;
  4309.                         var workSecNeededToClearStrike = 0;
  4312.                         if (typeof data.firstData.secForThis !== 'undefined')
  4313.                             sec_diff = 1 * data.firstData.secForThis;
  4314.                         if (typeof data.firstData.workSecNeededToClearStrike !== 'undefined')
  4315.                             workSecNeededToClearStrike = 1 * data.firstData.workSecNeededToClearStrike;
  4317.                         var hour_here = Math.floor(sec_diff / 3600);
  4318.                         var min_here = Math.floor((sec_diff % 3600) / 60);
  4319.                         var sec_here = Math.floor((sec_diff % 60));
  4320. //                    $(elem).text(hour_here.padStart(2, 0)+':'+min_here.padStart(2, 0))
  4321.                         $('.current_total_work_done').text((hour_here.toString()).padStart(2, 0) + ':' +
  4322.                             (min_here.toString()).padStart(2, 0)
  4323.                             + ':' + (sec_here.toString()).padStart(2, 0)
  4324.                         )
  4327.                         hour_here = Math.floor(workSecNeededToClearStrike / 3600);
  4328.                         min_here = Math.floor((workSecNeededToClearStrike % 3600) / 60);
  4329.                         sec_here = Math.floor((workSecNeededToClearStrike % 60));
  4330. //                    $(elem).text(hour_here.padStart(2, 0)+':'+min_here.padStart(2, 0))
  4331.                         $('.current_total_addtional_work_needed').text('+' + (hour_here.toString()).padStart(2, 0) + ':' +
  4332.                             (min_here.toString()).padStart(2, 0)
  4333.                             + ':' + (sec_here.toString()).padStart(2, 0)
  4334.                         )
  4337.                         //jQuery('.SelectedProductDetails').html(data.content);
  4338.                     })
  4339.                     .fail(function () {
  4342.                     });
  4345.             }
  4346.         });
  4347.         {% endif %}
  4348.     </script>
  4349. {% endif %}
  4351. </body>
  4353. <script>
  4354. (function () {
  4355.     // Same-origin ERP proxy — the ERP forwards to the configured HoneyBee AI service server-side
  4356.     // (URL/key resolved from config + per-tenant AccSettings). No external host or key in the browser.
  4357.     var parseUrl = '{{ url("ai_proxy_document_parse") }}';
  4358.     var jsonApiUrl = '{{ url("ai_proxy_json") }}';
  4359.     var aiImportPageUrl = '{{ url("ai_import_index") }}';
  4361.     var $modal = $('#hbAiIntakeModal');
  4362.     if (!$modal.length) {
  4363.         return;
  4364.     }
  4366.     var state = {
  4367.         targetFormSelector: null,
  4368.         targetFileInputSelector: null,
  4369.         postAction: 'apply',
  4370.         importType: 'expense',
  4371.         documentType: 'auto',
  4372.         parsedPayload: null,
  4373.         file: null
  4374.     };
  4376.     var $file = $('#hbAiIntakeFile');
  4377.     var $type = $('#hbAiIntakeType');
  4378.     var $documentType = $('#hbAiIntakeDocumentType');
  4379.     var $status = $('#hbAiIntakeStatus');
  4380.     var $preview = $('#hbAiIntakePreview');
  4381.     var $previewMeta = $('#hbAiIntakePreviewMeta');
  4382.     var $previewFields = $('#hbAiIntakePreviewFields');
  4383.     var $previewTable = $('#hbAiIntakePreviewTable');
  4384.     var $subtitle = $('#hbAiIntakeModalSubtitle');
  4385.     var $applyBtn = $('#hbAiIntakeApply');
  4386.     var $openImportBtn = $('#hbAiIntakeOpenImportPage');
  4388.     function escHtml(text) {
  4389.         return String(text === null || text === undefined ? '' : text)
  4390.             .replace(/&/g, '&amp;')
  4391.             .replace(/</g, '&lt;')
  4392.             .replace(/>/g, '&gt;')
  4393.             .replace(/"/g, '&quot;')
  4394.             .replace(/'/g, '&#039;');
  4395.     }
  4397.     function pickValue(source, keys) {
  4398.         if (!source || typeof source !== 'object') {
  4399.             return '';
  4400.         }
  4402.         for (var i = 0; i < keys.length; i++) {
  4403.             var key = keys[i];
  4404.             if (source[key] !== undefined && source[key] !== null && String(source[key]).trim() !== '') {
  4405.                 return source[key];
  4406.             }
  4407.         }
  4409.         return '';
  4410.     }
  4412.     function normalizePayload(payload) {
  4413.         if (!payload || typeof payload !== 'object') {
  4414.             return { document_type: '', data: {} };
  4415.         }
  4417.         var data = payload.data !== undefined ? payload.data : payload;
  4418.         if (data && typeof data === 'object' && data.data !== undefined && data.transactions === undefined && data.rows === undefined) {
  4419.             data = data.data;
  4420.         }
  4422.         return {
  4423.             document_type: payload.document_type || data.document_type || '',
  4424.             confidence: payload.confidence || data.confidence || 0,
  4425.             data: data || {}
  4426.         };
  4427.     }
  4429.     function resetPreview() {
  4430.         $preview.hide();
  4431.         $previewMeta.empty();
  4432.         $previewFields.empty();
  4433.         $previewTable.empty();
  4434.         $applyBtn.hide();
  4435.         $openImportBtn.hide();
  4436.     }
  4438.     function setStatus(type, message) {
  4439.         var klass = 'alert-info';
  4440.         if (type === 'success') {
  4441.             klass = 'alert-success';
  4442.         } else if (type === 'error') {
  4443.             klass = 'alert-danger';
  4444.         } else if (type === 'warning') {
  4445.             klass = 'alert-warning';
  4446.         }
  4447.         $status.removeClass('alert-info alert-success alert-danger alert-warning').addClass(klass).text(message);
  4448.     }
  4450.     function renderPreview(payload) {
  4451.         var normalized = normalizePayload(payload);
  4452.         var data = normalized.data || {};
  4453.         var docType = normalized.document_type || $documentType.val() || '';
  4454.         var previewBits = [];
  4455.         var fieldRows = [];
  4456.         var tableHtml = '';
  4458.         if (data.bank_name || data.account_number) {
  4459.             previewBits.push('<strong>Bank:</strong> ' + escHtml(pickValue(data, ['bank_name'])) + ' ' + escHtml(pickValue(data, ['account_number'])));
  4460.         }
  4461.         if (data.name || data.customer_name || data.supplier_name || data.vendor_name) {
  4462.             previewBits.push('<strong>Name:</strong> ' + escHtml(pickValue(data, ['name', 'customer_name', 'supplier_name', 'vendor_name'])));
  4463.         }
  4464.         if (data.transactions && data.transactions.length !== undefined) {
  4465.             previewBits.push('<strong>Transactions:</strong> ' + escHtml(data.transactions.length));
  4466.         }
  4467.         if (data.rows && data.rows.length !== undefined) {
  4468.             previewBits.push('<strong>Rows:</strong> ' + escHtml(data.rows.length));
  4469.         }
  4470.         if (docType) {
  4471.             previewBits.push('<strong>Document:</strong> ' + escHtml(docType));
  4472.         }
  4474.         ['date', 'row_date', 'statement_date', 'expense_date', 'invoice_date', 'amount', 'debit', 'credit', 'description', 'narration', 'transaction_id', 'cheque_id', 'reference_no'].forEach(function (key) {
  4475.             var value = pickValue(data, [key]);
  4476.             if (value !== '') {
  4477.                 fieldRows.push('<span class="label label-default" style="display:inline-block;padding:6px 8px;border-radius:999px;background:#eef2f7;color:#334155;margin-right:6px;margin-bottom:6px;">' +
  4478.                     escHtml(key.replace(/_/g, ' ')) + ': ' + escHtml(value) + '</span>');
  4479.             }
  4480.         });
  4482.         if (Array.isArray(data.transactions) && data.transactions.length) {
  4483.             tableHtml += '<table class="table table-striped table-condensed" style="margin-bottom:0;">';
  4484.             tableHtml += '<thead><tr><th>Date</th><th>Description</th><th>Debit</th><th>Credit</th><th>Balance</th></tr></thead><tbody>';
  4485.             data.transactions.slice(0, 8).forEach(function (row) {
  4486.                 tableHtml += '<tr>' +
  4487.                     '<td>' + escHtml(pickValue(row, ['date'])) + '</td>' +
  4488.                     '<td>' + escHtml(pickValue(row, ['description', 'narration'])) + '</td>' +
  4489.                     '<td>' + escHtml(pickValue(row, ['debit'])) + '</td>' +
  4490.                     '<td>' + escHtml(pickValue(row, ['credit'])) + '</td>' +
  4491.                     '<td>' + escHtml(pickValue(row, ['balance'])) + '</td>' +
  4492.                     '</tr>';
  4493.             });
  4494.             tableHtml += '</tbody></table>';
  4495.         } else if (Array.isArray(data.rows) && data.rows.length) {
  4496.             tableHtml += '<table class="table table-striped table-condensed" style="margin-bottom:0;">';
  4497.             tableHtml += '<thead><tr><th>#</th><th>Name</th><th>Head</th><th>Amount</th><th>Email</th><th>Phone</th></tr></thead><tbody>';
  4498.             data.rows.slice(0, 8).forEach(function (row, index) {
  4499.                 tableHtml += '<tr>' +
  4500.                     '<td>' + escHtml(index + 1) + '</td>' +
  4501.                     '<td>' + escHtml(pickValue(row, ['name', 'customer_name', 'supplier_name', 'vendor_name'])) + '</td>' +
  4502.                     '<td>' + escHtml(pickValue(row, ['account_head', 'head_name', 'ledger_name'])) + '</td>' +
  4503.                     '<td>' + escHtml(pickValue(row, ['amount', 'opening_balance'])) + '</td>' +
  4504.                     '<td>' + escHtml(pickValue(row, ['email'])) + '</td>' +
  4505.                     '<td>' + escHtml(pickValue(row, ['phone'])) + '</td>' +
  4506.                     '</tr>';
  4507.             });
  4508.             tableHtml += '</tbody></table>';
  4509.         } else {
  4510.             tableHtml = '<pre style="white-space:pre-wrap;max-height:280px;overflow:auto;margin:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;">' +
  4511.                 escHtml(JSON.stringify(data, null, 2)) +
  4512.                 '</pre>';
  4513.         }
  4515.         $previewMeta.html(previewBits.join('<br>') || '<span style="color:#6b7280;">No summary fields detected.</span>');
  4516.         $previewFields.html(fieldRows.join('') || '<span style="color:#6b7280;">No extracted fields found.</span>');
  4517.         $previewTable.html(tableHtml);
  4518.         $preview.show();
  4520.         $applyBtn.toggle(!!state.targetFormSelector);
  4521.         $openImportBtn.toggle(!state.targetFormSelector);
  4522.     }
  4524.     function setSelectValue(selector, value) {
  4525.         var $el = $(selector);
  4526.         if (!$el.length) {
  4527.             return;
  4528.         }
  4530.         $el.val(value);
  4531.         if ($el[0] && $el[0].selectize) {
  4532.             $el[0].selectize.setValue(value, true);
  4533.         }
  4534.         $el.trigger('change');
  4535.     }
  4537.     function copyFileToInput(file, selector) {
  4538.         var input = document.querySelector(selector);
  4539.         if (!input || !file) {
  4540.             return;
  4541.         }
  4543.         try {
  4544.             var dt = new DataTransfer();
  4545.             dt.items.add(file);
  4546.             input.files = dt.files;
  4547.         } catch (err) {
  4548.             console.warn('Unable to copy parsed file into target input:', err);
  4549.         }
  4550.     }
  4552.     function inferExpenseFields(data) {
  4553.         return {
  4554.             date: pickValue(data, ['expense_date', 'date', 'row_date', 'statement_date', 'invoice_date']),
  4555.             amount: pickValue(data, ['expense_amount', 'amount', 'total_amount', 'invoice_amount', 'debit', 'credit']),
  4556.             narration: pickValue(data, ['description', 'narration', 'remarks']),
  4557.             checkId: pickValue(data, ['cheque_id', 'check_id', 'cheque_no', 'check_no', 'cheque_number', 'check_number']),
  4558.             checkNarration: pickValue(data, ['check_narration', 'description', 'narration', 'remarks']),
  4559.             referenceNo: pickValue(data, ['reference_no', 'reference', 'transaction_id', 'txn_id']),
  4560.             // DI4 — vendor/merchant name drives the deterministic supplier + category suggestion.
  4561.             vendor: pickValue(data, ['vendor', 'vendor_name', 'supplier', 'supplier_name', 'merchant', 'merchant_name', 'payee', 'seller', 'store', 'biller', 'name'])
  4562.         };
  4563.     }
  4565.     // DI4 — set a GL-head <select> to a suggested head, adding the option if the list doesn't have it
  4566.     // yet (the Balance-Against head list is populated asynchronously). Works for selectize + plain.
  4567.     function setSuggestedHead(targetForm, selector, headId, label) {
  4568.         var $el = $(targetForm + ' ' + selector);
  4569.         if (!$el.length) { return; }
  4570.         var val = String(headId);
  4571.         if ($el[0] && $el[0].selectize) {
  4572.             var sz = $el[0].selectize;
  4573.             sz.addOption({ value: val, text: label || ('#' + val) });
  4574.             sz.refreshOptions(false);
  4575.             sz.setValue(val, true);
  4576.         } else {
  4577.             if (!$el.find('option[value="' + val + '"]').length) {
  4578.                 $el.append(new Option(label || ('#' + val), val));
  4579.             }
  4580.             $el.val(val).trigger('change');
  4581.         }
  4582.     }
  4584.     // DI4 — show a small "suggested" pill after a prefilled field so the user knows it's a hint.
  4585.     function markSuggested(fieldSelector, text) {
  4586.         var $el = $(fieldSelector);
  4587.         if (!$el.length) { return; }
  4588.         var $field = $el.closest('.pv-exp-field');
  4589.         if (!$field.length) { $field = $el.parent(); }
  4590.         $field.find('.di4-suggested-badge').remove();
  4591.         $('<span class="di4-suggested-badge" style="display:inline-block;margin-left:6px;padding:1px 7px;border-radius:10px;'
  4592.             + 'font-size:11.5px;font-weight:700;background:#fff4d6;color:#8a6d00;vertical-align:middle;">'
  4593.             + (text || 'suggested') + '</span>').appendTo($field.find('label').first());
  4594.     }
  4596.     // DI4 — deterministic supplier + expense-category suggestion for the parsed vendor. Optional:
  4597.     // failures are swallowed (a suggestion is only ever a hint; the manual fields stay editable).
  4598.     function suggestExpenseMatches(targetForm, vendor, narration) {
  4599.         if (!vendor) { return; }
  4600.         var body = 'vendor=' + encodeURIComponent(vendor) + '&narration=' + encodeURIComponent(narration || '');
  4601.         fetch("{{ path('expense_intake_suggest') }}", {
  4602.             method: 'POST',
  4603.             headers: { 'X-Requested-With': 'XMLHttpRequest', 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' },
  4604.             body: body
  4605.         }).then(function (r) { return r.json(); }).then(function (res) {
  4606.             if (!res) { return; }
  4607.             if (res.supplier && res.supplier.headId) {
  4608.                 setSuggestedHead(targetForm, '#expenseModalToBePaidTo', res.supplier.headId, res.supplier.text);
  4609.                 markSuggested(targetForm + ' #expenseModalToBePaidTo', 'suggested');
  4610.             }
  4611.             if (res.category && res.category.headId) {
  4612.                 setSuggestedHead(targetForm, '#expenseModalExpenseId', res.category.headId, res.category.text);
  4613.                 markSuggested(targetForm + ' #expenseModalExpenseId', 'suggested');
  4614.             }
  4615.         }).catch(function () { /* suggestions are optional */ });
  4616.     }
  4618.     function applyExpensePayloadToForm(payload, options) {
  4619.         options = options || {};
  4621.         if (!payload) {
  4622.             return;
  4623.         }
  4625.         var data = normalizePayload(payload).data || {};
  4626.         var fields = inferExpenseFields(data);
  4627.         var targetForm = options.targetFormSelector || state.targetFormSelector || '#newExpenseModal .expenseForm';
  4628.         var fileTarget = options.targetFileInputSelector || state.targetFileInputSelector || '#sig_file';
  4629.         var importType = options.importType || state.importType || 'expense';
  4630.         var currentExpenseType = $(targetForm + ' #expenseModalExpenseType').val();
  4631.         if ((currentExpenseType === '' || currentExpenseType === null || typeof currentExpenseType === 'undefined') && importType === 'expense') {
  4632.             setSelectValue(targetForm + ' #expenseModalExpenseType', '0');
  4633.         }
  4634.         if (fields.amount !== '') {
  4635.             $(targetForm + ' #expense_amount').val(fields.amount).trigger('input').trigger('change');
  4636.         }
  4637.         if (fields.date !== '') {
  4638.             $(targetForm + ' input[name="expense_date"]').val(fields.date).trigger('change');
  4639.         }
  4640.         if (fields.narration !== '') {
  4641.             $(targetForm + ' textarea[name="description"]').val(fields.narration).trigger('change');
  4642.             $(targetForm + ' input[name="check_narration"]').val(fields.narration).trigger('change');
  4643.         }
  4644.         if (fields.checkId !== '') {
  4645.             setSelectValue(targetForm + ' #expense_check_id', fields.checkId);
  4646.             $(targetForm + ' #expense_check_number_here').val(fields.checkId).trigger('change');
  4647.         }
  4648.         if (fields.referenceNo !== '') {
  4649.             $(targetForm + ' input[name="expense_from_note"]').val(fields.referenceNo).trigger('change');
  4650.             $(targetForm + ' input[name="expense_to_note_0"]').val(fields.referenceNo).trigger('change');
  4651.             $(targetForm + ' input[name="expense_to_note_1"]').val(fields.referenceNo).trigger('change');
  4652.         }
  4654.         copyFileToInput(options.file || state.file, fileTarget);
  4656.         // DI4 — deterministic supplier + expense-category suggestion from the parsed vendor (expense
  4657.         // intake only). Best-effort: a labelled hint the user can override; never blocks the form.
  4658.         if (importType === 'expense' && fields.vendor && fields.vendor !== '') {
  4659.             suggestExpenseMatches(targetForm, fields.vendor, fields.narration);
  4660.         }
  4662.         if (options.noticeSelector) {
  4663.             $(options.noticeSelector).removeClass('alert-info alert-success alert-warning alert-danger').addClass('alert-success')
  4664.                 .html('Document parsed. Review the prefilled expense fields, then save to import it.')
  4665.                 .show();
  4666.         }
  4667.     }
  4669.     function applyToExpenseForm() {
  4670.         if (!state.parsedPayload) {
  4671.             return;
  4672.         }
  4674.         applyExpensePayloadToForm(state.parsedPayload, {
  4675.             targetFormSelector: state.targetFormSelector,
  4676.             targetFileInputSelector: state.targetFileInputSelector,
  4677.             importType: state.importType,
  4678.             file: state.file
  4679.         });
  4680.         setStatus('success', 'Document parsed. Review the prefilled expense fields, then save to import it.');
  4681.     }
  4683.     function prefillExpenseFromFile(file, options) {
  4684.         options = options || {};
  4685.         if (!file) {
  4686.             return Promise.resolve(null);
  4687.         }
  4689.         return parseFile(file, {
  4690.             mode: options.mode || 'raw',
  4691.             documentType: options.documentType || defaultDocumentTypeForImportType(options.importType || 'expense'),
  4692.             importType: options.importType || 'expense'
  4693.         }).then(function (result) {
  4694.             var payload = result.json || {};
  4695.             if (payload.success === false || payload.status === 'error') {
  4696.                 if (options.noticeSelector) {
  4697.                     $(options.noticeSelector).removeClass('alert-info alert-success alert-warning alert-danger').addClass('alert-danger')
  4698.                         .html(payload.message || payload.error || 'Unable to parse the uploaded file.')
  4699.                         .show();
  4700.                 }
  4701.                 return result;
  4702.             }
  4704.             var parsedPayload = payload.content || payload.data || payload;
  4705.             applyExpensePayloadToForm(parsedPayload, {
  4706.                 targetFormSelector: options.targetFormSelector || '#newExpenseModal .expenseForm',
  4707.                 targetFileInputSelector: options.targetFileInputSelector || '#sig_file',
  4708.                 importType: options.importType || 'expense',
  4709.                 file: file,
  4710.                 noticeSelector: options.noticeSelector || '#expenseAiParseNotice'
  4711.             });
  4713.             if (options.onParsed) {
  4714.                 options.onParsed(parsedPayload, result);
  4715.             }
  4717.             return parsedPayload;
  4718.         });
  4719.     }
  4721.     function buildAiImportPayload() {
  4722.         var normalized = normalizePayload(state.parsedPayload);
  4723.         return {
  4724.             type: state.importType || $type.val() || 'expense',
  4725.             document_type: state.documentType || $documentType.val() || 'auto',
  4726.             payload: normalized.data || {}
  4727.         };
  4728.     }
  4730.     function openAiImportPage() {
  4731.         var payload = buildAiImportPayload();
  4732.         localStorage.setItem('hb_ai_pending_import_payload', JSON.stringify(payload));
  4733.         window.location.href = aiImportPageUrl;
  4734.     }
  4736.     function parseFile(file, options) {
  4737.         options = options || {};
  4738.         if (!file) {
  4739.             return Promise.resolve(null);
  4740.         }
  4742.         var formData = new FormData();
  4743.         formData.append('file', file);
  4744.         formData.append('mode', options.mode || 'raw');
  4745.         formData.append('document_type', options.documentType || 'auto');
  4746.         formData.append('import_type', options.importType || 'expense');
  4748.         return fetch(parseUrl, {
  4749.             method: 'POST',
  4750.             body: formData
  4751.         }).then(function (response) {
  4752.             return response.json().then(function (json) {
  4753.                 return { status: response.status, json: json };
  4754.             });
  4755.         });
  4756.     }
  4758.     function parseLooseJson(text) {
  4759.         var raw = (text || '').trim();
  4760.         if (!raw) {
  4761.             return null;
  4762.         }
  4763.         try {
  4764.             return JSON.parse(raw);
  4765.         } catch (e) {
  4766.             var match = raw.match(/(\{[\s\S]*\}|\[[\s\S]*\])/);
  4767.             if (match) {
  4768.                 try {
  4769.                     return JSON.parse(match[1]);
  4770.                 } catch (e2) {
  4771.                     return { raw: raw };
  4772.                 }
  4773.             }
  4774.             return { raw: raw };
  4775.         }
  4776.     }
  4778.     function requestJsonGeneration(options) {
  4779.         options = options || {};
  4780.         var formData = new FormData();
  4781.         var file = options.file || null;
  4783.         formData.append('mode', options.mode || 'json');
  4784.         formData.append('chat', options.prompt || options.chat || '');
  4785.         formData.append('stream', options.stream ? '1' : '0');
  4786.         formData.append('document_type', options.documentType || 'auto');
  4788.         if (options.schema) {
  4789.             formData.append('schema', typeof options.schema === 'string' ? options.schema : JSON.stringify(options.schema));
  4790.         }
  4791.         if (options.conversation) {
  4792.             formData.append('conversation', typeof options.conversation === 'string' ? options.conversation : JSON.stringify(options.conversation));
  4793.         }
  4794.         if (options.context) {
  4795.             formData.append('context', typeof options.context === 'string' ? options.context : JSON.stringify(options.context));
  4796.         }
  4797.         if (file) {
  4798.             formData.append('file', file);
  4799.         }
  4801.         return fetch(jsonApiUrl, {
  4802.             method: 'POST',
  4803.             body: formData
  4804.         }).then(function (response) {
  4805.             if (!options.stream) {
  4806.                 return response.json().then(function (json) {
  4807.                     return { status: response.status, json: json };
  4808.                 });
  4809.             }
  4811.             if (!response.ok) {
  4812.                 return response.text().then(function (text) {
  4813.                     throw new Error('HTTP ' + response.status + ' ' + text);
  4814.                 });
  4815.             }
  4817.             var reader = response.body.getReader();
  4818.             var decoder = new TextDecoder('utf-8');
  4819.             var full = '';
  4821.             function pump() {
  4822.                 return reader.read().then(function (result) {
  4823.                     if (result.done) {
  4824.                         return { status: response.status, raw: full, json: parseLooseJson(full) };
  4825.                     }
  4827.                     var chunk = decoder.decode(result.value, { stream: true });
  4828.                     full += chunk.replace(/\[content\]/g, '').replace(/\[thinking\]/g, '');
  4829.                     if (typeof options.onChunk === 'function') {
  4830.                         options.onChunk(chunk, full);
  4831.                     }
  4832.                     return pump();
  4833.                 });
  4834.             }
  4836.             return pump();
  4837.         });
  4838.     }
  4840.     function parseSelectedFile() {
  4841.         var file = $file[0] && $file[0].files ? $file[0].files[0] : null;
  4842.         if (!file) {
  4843.             return;
  4844.         }
  4846.         state.file = file;
  4847.         state.importType = $type.val() || state.importType;
  4848.         state.documentType = $documentType.val() || state.documentType;
  4850.         $subtitle.text('Parsing ' + file.name + '...');
  4851.         setStatus('info', 'Sending file to the parser...');
  4852.         resetPreview();
  4854.         parseFile(file, {
  4855.             mode: 'raw',
  4856.             documentType: state.documentType,
  4857.             importType: state.importType
  4858.         })
  4859.             .then(function (result) {
  4860.                 var payload = result.json || {};
  4861.                 if (payload.success === false || payload.status === 'error') {
  4862.                     setStatus('error', payload.message || payload.error || 'Unable to parse the uploaded file.');
  4863.                     $subtitle.text('Parsing failed.');
  4864.                     return;
  4865.                 }
  4867.                 state.parsedPayload = payload.content || payload.data || payload;
  4868.                 setStatus('success', 'Parsed successfully. Review the extracted data and edit any fields before continuing.');
  4869.                 $subtitle.text(file.name + ' parsed successfully.');
  4870.                 renderPreview(state.parsedPayload);
  4871.             })
  4872.             .catch(function (err) {
  4873.                 setStatus('error', 'Unable to parse the file: ' + err.message);
  4874.                 $subtitle.text('Parsing failed.');
  4875.             });
  4876.     }
  4878.     function defaultDocumentTypeForImportType(importType) {
  4879.         if (importType === 'customer_list') {
  4880.             return 'customer_list';
  4881.         }
  4882.         if (importType === 'supplier_list') {
  4883.             return 'vendor_list';
  4884.         }
  4885.         if (importType === 'coa') {
  4886.             return 'coa';
  4887.         }
  4888.         if (importType === 'sku_list') {
  4889.             return 'sku_list';
  4890.         }
  4891.         if (importType === 'expense' || importType === 'receipt') {
  4892.             return 'receipt';
  4893.         }
  4894.         if (importType === 'transaction' || importType === 'payment' || importType === 'journal') {
  4895.             return 'bank_statement';
  4896.         }
  4897.         return 'auto';
  4898.     }
  4900.     function openModal(options) {
  4901.         options = options || {};
  4902.         state.targetFormSelector = options.targetFormSelector || null;
  4903.         state.targetFileInputSelector = options.targetFileInputSelector || null;
  4904.         state.postAction = options.postAction || (state.targetFormSelector ? 'apply' : 'open_import');
  4905.         state.importType = options.importType || $type.val() || 'expense';
  4906.         state.documentType = options.documentType || $documentType.val() || 'auto';
  4907.         state.parsedPayload = null;
  4908.         state.file = null;
  4910.         $type.val(state.importType);
  4911.         $documentType.val(state.documentType);
  4912.         $file.val('');
  4913.         resetPreview();
  4915.         var title = options.title || 'AI Intake';
  4916.         var subtitle = options.subtitle || 'Upload a document, preview the extracted data, then apply or continue importing.';
  4917.         $('#hbAiIntakeModalLabel').text(title);
  4918.         $subtitle.text(subtitle);
  4919.         setStatus('info', 'Pick a file to parse.');
  4920.         $modal.modal('show');
  4921.     }
  4923.     $type.on('change', function () {
  4924.         $documentType.val(defaultDocumentTypeForImportType($(this).val()));
  4925.     });
  4927.     $file.on('change', function () {
  4928.         parseSelectedFile();
  4929.     });
  4931.     $applyBtn.on('click', function (e) {
  4932.         e.preventDefault();
  4933.         applyToExpenseForm();
  4934.         $modal.modal('hide');
  4935.     });
  4937.     $openImportBtn.on('click', function (e) {
  4938.         e.preventDefault();
  4939.         openAiImportPage();
  4940.     });
  4942.     $(document).on('click', '.js-open-hb-ai-intake', function (e) {
  4943.         e.preventDefault();
  4944.         openModal({
  4945.             title: $(this).data('title') || 'AI Intake',
  4946.             subtitle: $(this).data('subtitle') || 'Upload a file and let the parser prefill the destination form.',
  4947.             importType: $(this).data('importType') || 'expense',
  4948.             documentType: $(this).data('documentType') || defaultDocumentTypeForImportType($(this).data('importType') || 'expense'),
  4949.             targetFormSelector: $(this).data('targetFormSelector') || null,
  4950.             targetFileInputSelector: $(this).data('targetFileInputSelector') || null,
  4951.             postAction: $(this).data('postAction') || 'apply'
  4952.         });
  4953.     });
  4955.     $(document).on('click', '.js-open-hb-ai-intake-global', function (e) {
  4956.         e.preventDefault();
  4957.         openModal({
  4958.             title: $(this).data('title') || 'Quick Import',
  4959.             subtitle: $(this).data('subtitle') || 'Choose an import type, upload the file, and continue into the AI import page.',
  4960.             importType: $(this).data('importType') || 'expense',
  4961.             documentType: $(this).data('documentType') || defaultDocumentTypeForImportType($(this).data('importType') || 'expense'),
  4962.             postAction: 'open_import'
  4963.         });
  4964.     });
  4966.     window.HoneybeeAiIntake = {
  4967.         open: openModal,
  4968.         parseFile: parseFile,
  4969.         parseSelectedFile: parseSelectedFile,
  4970.         prefillExpenseFromFile: prefillExpenseFromFile,
  4971.         applyToExpenseForm: applyToExpenseForm,
  4972.         openAiImportPage: openAiImportPage,
  4973.         generateJson: requestJsonGeneration,
  4974.         getParsedPayload: function () {
  4975.             return state.parsedPayload;
  4976.         }
  4977.     };
  4979.     window.HoneybeeAiJson = {
  4980.         generate: requestJsonGeneration,
  4981.         parseLooseJson: parseLooseJson
  4982.     };
  4984.     var pendingExternalImport = localStorage.getItem('hb_ai_pending_import_payload');
  4985.     if (pendingExternalImport) {
  4986.         try {
  4987.             var externalImport = JSON.parse(pendingExternalImport);
  4988.             localStorage.removeItem('hb_ai_pending_import_payload');
  4989.             if (externalImport && typeof externalImport === 'object') {
  4990.                 var manualType = externalImport.type || 'expense';
  4991.                 var manualDocType = externalImport.document_type || defaultDocumentTypeForImportType(manualType);
  4992.                 var manualPayload = externalImport.payload || {};
  4994.                 $('#importType').val(manualType);
  4995.                 $('#documentType').val(manualDocType);
  4996.                 $('#manualPayload').val(JSON.stringify(manualPayload, null, 2));
  4998.                 if ($('#manualCard').length) {
  4999.                     $('#manualCard').show();
  5000.                     $('#manualSubmitBtn').trigger('click');
  5001.                 }
  5002.             }
  5003.         } catch (e) {
  5004.             localStorage.removeItem('hb_ai_pending_import_payload');
  5005.             console.warn('Unable to restore pending AI intake payload:', e);
  5006.         }
  5007.     }
  5008. }());
  5009. </script>
  5012. {% include '@Application/modals/input_forms/selectEntityModal.html.twig' %}