'use strict';

(() => {
  if (typeof inventoryPage !== 'function') return;

  const purchaseOrderReadRoles = new Set(['owner','admin','accountant','office_manager','operations_manager']);
  const purchaseOrderWriteRoles = new Set(['owner','admin','office_manager','operations_manager']);
  const purchaseOrderApproveRoles = new Set(['owner','admin']);
  const baseInventoryPage = inventoryPage;

  const style = document.createElement('style');
  style.textContent = `
    .po-card{margin-top:16px}.po-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.po-head h3{margin:0}.po-head p{margin:5px 0 0;color:var(--muted);max-width:760px}.po-boundary{margin:14px 0;padding:12px 14px;border:1px solid #cfe7df;border-radius:10px;background:#f4fbf8;color:#335b50;font-size:12px;line-height:1.5}.po-row-actions{display:flex;gap:6px;flex-wrap:wrap}.po-row-actions .btn{padding:7px 9px;font-size:12px}.po-status-note{display:block;margin-top:4px;color:var(--muted);font-size:11px}.po-empty{padding:24px 10px;text-align:center;color:var(--muted)}
    @media(max-width:700px){.po-head .actions{width:100%}.po-head .actions .btn{flex:1}.po-row-actions{min-width:190px}}
  `;
  document.head.append(style);

  const statusLabel = status => ({draft:'Draft',pending_approval:'Pending approval',ordered:'Ordered',shipped:'Shipped',received:'Received',cancelled:'Cancelled'})[status] || String(status || 'Unknown');
  const statusTone = status => ({received:'good',ordered:'info',shipped:'info',pending_approval:'warn',cancelled:'bad',draft:''})[status] || '';
  const expectedLabel = value => value ? new Date(value).toLocaleString() : 'Not set';

  function purchaseOrderActions(row) {
    if (!purchaseOrderWriteRoles.has(user?.role)) return '<span class="po-status-note">Read only</span>';
    const id = esc(row.id);
    if (row.status === 'draft') return `<div class="po-row-actions"><button class="btn primary" onclick="changePurchaseOrderStatus('${id}','pending_approval')">Submit for approval</button><button class="btn" onclick="changePurchaseOrderStatus('${id}','cancelled')">Cancel</button></div>`;
    if (row.status === 'pending_approval') {
      const approve = purchaseOrderApproveRoles.has(user?.role) ? `<button class="btn primary" onclick="changePurchaseOrderStatus('${id}','ordered')">Approve & mark ordered</button>` : '<span class="po-status-note">Owner/admin approval required to mark ordered</span>';
      return `<div class="po-row-actions">${approve}<button class="btn" onclick="changePurchaseOrderStatus('${id}','draft')">Return to draft</button><button class="btn" onclick="changePurchaseOrderStatus('${id}','cancelled')">Cancel</button></div>`;
    }
    if (row.status === 'ordered') return `<div class="po-row-actions"><button class="btn primary" onclick="changePurchaseOrderStatus('${id}','shipped')">Mark shipped</button><button class="btn" onclick="changePurchaseOrderStatus('${id}','cancelled')">Cancel</button></div>`;
    if (row.status === 'shipped') return `<div class="po-row-actions"><button class="btn primary" onclick="changePurchaseOrderStatus('${id}','received')">Mark received</button><button class="btn" onclick="changePurchaseOrderStatus('${id}','cancelled')">Cancel</button></div>`;
    return '<span class="po-status-note">Final state</span>';
  }

  function purchaseOrderRows(items) {
    if (!items.length) return '<tr><td colspan="6"><div class="po-empty">No purchase orders yet. Create a draft when supplies need procurement tracking.</div></td></tr>';
    return items.map(row => `<tr><td><b>${esc(row.vendor_name || 'Unnamed vendor')}</b><span class="po-status-note">Created ${new Date(row.created_at).toLocaleString()}${row.created_by_name ? ` by ${esc(row.created_by_name)}` : ''}</span></td><td>${pill(statusLabel(row.status),statusTone(row.status))}</td><td><b>${money(row.total || 0)}</b></td><td>${esc(expectedLabel(row.expected_at))}</td><td>${esc(String(row.id).slice(0,8).toUpperCase())}</td><td>${purchaseOrderActions(row)}</td></tr>`).join('');
  }

  inventoryPage = async function() {
    const page = await baseInventoryPage();
    if (!purchaseOrderReadRoles.has(user?.role)) return page;
    let payload;
    try { payload = await api('/api/purchase-orders'); }
    catch (error) {
      return page + `<div class="card po-card"><div class="po-head"><div><h3>Purchase orders</h3><p>Procurement tracking is temporarily unavailable. Existing inventory and job-cost controls are unchanged.</p></div></div></div>`;
    }
    const items = Array.isArray(payload?.items) ? payload.items : [];
    const canCreate = purchaseOrderWriteRoles.has(user?.role);
    return page + `<div class="card po-card"><div class="po-head"><div><h3>Purchase orders</h3><p>Move supply purchases from draft through approval, shipment, and receipt with an audited internal status trail.</p></div><div class="actions">${canCreate ? '<button class="btn primary" onclick="openPurchaseOrderForm()">＋ Create draft PO</button>' : ''}</div></div><div class="po-boundary"><b>Internal procurement tracking only.</b> Creating or changing a purchase order does not send anything to a vendor, move money, post an accounting expense, or automatically increase inventory. Record the real expense and inventory receipt through their reviewed workflows when those events actually occur.</div><div class="table-wrap"><table class="table"><thead><tr><th>Vendor</th><th>Status</th><th>Tracked total</th><th>Expected</th><th>PO ref</th><th>Actions</th></tr></thead><tbody>${purchaseOrderRows(items)}</tbody></table></div></div>`;
  };

  window.openPurchaseOrderForm = () => {
    if (!purchaseOrderWriteRoles.has(user?.role)) return toast('You do not have permission to create purchase orders.', true);
    $('#purchaseOrderModal')?.remove();
    document.body.insertAdjacentHTML('beforeend', `<div class="modal" id="purchaseOrderModal"><div class="modalbox"><div class="modalhead"><div><h2>Create draft purchase order</h2><p style="color:var(--muted)">Start internal procurement tracking. Owner/admin approval is still required before it can be marked ordered.</p></div><button class="close" aria-label="Close purchase order form" onclick="$('#purchaseOrderModal')?.remove()">×</button></div><div class="form"><div class="field full"><label>Vendor name</label><input id="po_vendor" maxlength="200" autocomplete="organization" placeholder="Supply vendor"></div><div class="field"><label>Tracked total</label><input id="po_total" type="number" min="0" step="0.01" inputmode="decimal" value="0"></div><div class="field"><label>Expected date/time (optional)</label><input id="po_expected" type="datetime-local"></div></div><div class="po-boundary"><b>No vendor send or payment occurs here.</b> This creates a draft record only.</div><div class="actions" style="justify-content:flex-end"><button class="btn" onclick="$('#purchaseOrderModal')?.remove()">Cancel</button><button class="btn primary" onclick="savePurchaseOrder()">Create draft</button></div></div></div>`);
  };

  window.savePurchaseOrder = async () => {
    if (!purchaseOrderWriteRoles.has(user?.role)) return toast('You do not have permission to create purchase orders.', true);
    const vendorName = String($('#po_vendor')?.value || '').trim();
    const total = Number($('#po_total')?.value);
    const expectedValue = String($('#po_expected')?.value || '').trim();
    if (!vendorName) return toast('Enter a vendor name.', true);
    if (!Number.isFinite(total) || total < 0) return toast('Enter a non-negative purchase-order total.', true);
    let expectedAt = null;
    if (expectedValue) {
      const expected = new Date(expectedValue);
      if (Number.isNaN(expected.getTime())) return toast('Enter a valid expected date and time.', true);
      expectedAt = expected.toISOString();
    }
    try {
      await api('/api/purchase-orders', { method:'POST', body:JSON.stringify({ vendorName, total, expectedAt }) });
      $('#purchaseOrderModal')?.remove();
      toast('Draft purchase order created.');
      await render('supplies');
    } catch (error) { toast(error.message, true); }
  };

  window.changePurchaseOrderStatus = async (id, status) => {
    if (!purchaseOrderWriteRoles.has(user?.role)) return toast('You do not have permission to change purchase orders.', true);
    if (status === 'ordered' && !purchaseOrderApproveRoles.has(user?.role)) return toast('Owner or admin approval is required.', true);
    const messages = {
      pending_approval:'Submit this draft for owner/admin approval?',
      draft:'Return this purchase order to draft?',
      ordered:'Approve and mark this purchase order ordered? This updates internal tracking only; FacilityOps HQ will not contact the vendor or move money.',
      shipped:'Mark this purchase order shipped in internal tracking?',
      received:'Mark this purchase order received? This does not automatically increase inventory; reconcile received stock separately.',
      cancelled:'Cancel this purchase order in internal tracking?'
    };
    if (!confirm(messages[status] || `Change purchase order to ${status}?`)) return;
    try {
      await api(`/api/purchase-orders/${encodeURIComponent(id)}/status`, { method:'POST', body:JSON.stringify({ status }) });
      toast(`Purchase order marked ${statusLabel(status).toLowerCase()}.`);
      await render('supplies');
    } catch (error) { toast(error.message, true); }
  };
})();