);
}
@@ -6577,7 +8124,7 @@ function InventoryView({ store, notify }) {
// =========================================================================
// 3. INWARD PURCHASES, SUPPLIERS & EXCEL / CSV IMPORT
// =========================================================================
-function PurchaseView({ store, notify }) {
+function PurchaseView({ store, notify, activeOperator }) {
if (!store) return null;
const [subTab, setSubTab] = useState('inward'); // inward, excel, suppliers
const [suppliers, setSuppliers] = useState([]);
@@ -6609,6 +8156,9 @@ function PurchaseView({ store, notify }) {
const [activeSearchRow, setActiveSearchRow] = useState(null);
const [suggestions, setSuggestions] = useState([]);
const [isSearchingMeds, setIsSearchingMeds] = useState(false);
+ const [selectedSuggestionIndex, setSelectedSuggestionIndex] = useState(-1);
+ const activeSuggestionRef = useRef(null);
+ const suggestionsDropdownRef = useRef(null);
const [showMasterModal, setShowMasterModal] = useState(false);
const [masterTargetRow, setMasterTargetRow] = useState(null);
const [supportData, setSupportData] = useState({ formulations: [], companies: [], gst_rates: [0, 5, 18, 40, 12, 28], schedules: [] });
@@ -6717,9 +8267,41 @@ function PurchaseView({ store, notify }) {
});
};
- const resetItemForm = () => {
+ const resetItemForm = (shouldFocusSearch = false) => {
setItemForm(initialItemForm);
setEditingItemIndex(null);
+ setSelectedSuggestionIndex(-1);
+ setActiveSearchRow(false);
+ setSuggestions([]);
+ if (shouldFocusSearch) {
+ setTimeout(() => {
+ const searchInput = document.getElementById('pharma_product_search_input');
+ if (searchInput) {
+ searchInput.focus();
+ searchInput.select();
+ }
+ }, 80);
+ }
+ };
+
+ const handleFieldKeyDown = (e, nextFieldId) => {
+ if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') {
+ e.preventDefault();
+ handleAddOrUpdateItem();
+ return;
+ }
+ if (e.key === 'Enter') {
+ e.preventDefault();
+ if (nextFieldId === 'submit') {
+ handleAddOrUpdateItem();
+ } else if (nextFieldId) {
+ const el = document.getElementById(nextFieldId);
+ if (el) {
+ el.focus();
+ if (el.select) el.select();
+ }
+ }
+ }
};
const billTotals = useMemo(() => {
@@ -6825,11 +8407,13 @@ function PurchaseView({ store, notify }) {
notify('Please enter a Batch Number.', 'error');
return;
}
- if (Number(itemForm.qty_packs) <= 0) {
- notify('Quantity in packs must be greater than 0.', 'error');
+ const qtyPacks = Number(itemForm.qty_packs);
+ if (isNaN(qtyPacks) || qtyPacks === 0) {
+ notify('Quantity in packs cannot be 0. Enter positive qty for stock entry, or negative qty for return/debit.', 'error');
return;
}
+ const isReturnItem = qtyPacks < 0;
const yy = String(itemForm.exp_year).length === 2 ? ('20' + itemForm.exp_year) : String(itemForm.exp_year);
const mm = String(itemForm.exp_month).padStart(2, '0');
const expiryDate = `${yy}-${mm}-01`;
@@ -6839,6 +8423,7 @@ function PurchaseView({ store, notify }) {
expiry_date: expiryDate,
exp_month: mm,
exp_year: itemForm.exp_year,
+ is_return: isReturnItem,
gst_rate: (Number(itemForm.cgst_pct) || 0) + (Number(itemForm.sgst_pct) || 0)
});
@@ -6850,10 +8435,14 @@ function PurchaseView({ store, notify }) {
notify(`Updated "${rowItem.item_name}" in invoice items list.`, 'success');
} else {
setRows(prev => [...prev, rowItem]);
- notify(`Added "${rowItem.item_name}" to invoice items list.`, 'success');
+ if (isReturnItem) {
+ notify(`Added Return / Debit item "${rowItem.item_name}" (${rowItem.qty_packs} packs, ₹${rowItem.net_amount}) to invoice.`, 'warning');
+ } else {
+ notify(`Added "${rowItem.item_name}" to invoice items list.`, 'success');
+ }
}
- resetItemForm();
+ resetItemForm(true);
};
const handleEditRow = (index) => {
@@ -6880,6 +8469,13 @@ function PurchaseView({ store, notify }) {
if (r.item_id > 0) {
fetchProductPurchaseHistory(r.item_id, r.item_name);
}
+ setTimeout(() => {
+ const qtyInput = document.getElementById('pharma_qty_input');
+ if (qtyInput) {
+ qtyInput.focus();
+ qtyInput.select();
+ }
+ }, 120);
};
const includeChallanItem = (challan, cItem) => {
@@ -7391,6 +8987,42 @@ function PurchaseView({ store, notify }) {
fetchRecentPurchases();
}, []);
+ // Auto-scroll active suggestion into view when navigating with Arrow keys
+ useEffect(() => {
+ if (activeSuggestionRef.current) {
+ activeSuggestionRef.current.scrollIntoView({ block: 'nearest' });
+ }
+ }, [selectedSuggestionIndex]);
+
+ // Close suggestions dropdown when clicking outside
+ useEffect(() => {
+ const handleOutsideClick = (e) => {
+ const searchInput = document.getElementById('pharma_product_search_input');
+ if (searchInput && searchInput.contains(e.target)) return;
+ if (suggestionsDropdownRef.current && suggestionsDropdownRef.current.contains(e.target)) return;
+ setActiveSearchRow(false);
+ setSelectedSuggestionIndex(-1);
+ };
+ document.addEventListener('mousedown', handleOutsideClick);
+ return () => document.removeEventListener('mousedown', handleOutsideClick);
+ }, []);
+
+ // Global F2 hotkey to jump to Product Search anytime
+ useEffect(() => {
+ const handleGlobalKey = (e) => {
+ if (e.key === 'F2') {
+ e.preventDefault();
+ const searchInput = document.getElementById('pharma_product_search_input');
+ if (searchInput) {
+ searchInput.focus();
+ searchInput.select();
+ }
+ }
+ };
+ window.addEventListener('keydown', handleGlobalKey);
+ return () => window.removeEventListener('keydown', handleGlobalKey);
+ }, []);
+
const fetchMasterSupportData = async () => {
try {
const res = await fetch(API_BASE + 'items/master-support-data');
@@ -7540,6 +9172,7 @@ function PurchaseView({ store, notify }) {
if (!value.trim() || value.trim().length < 1) {
setSuggestions([]);
+ setSelectedSuggestionIndex(-1);
return;
}
@@ -7549,7 +9182,9 @@ function PurchaseView({ store, notify }) {
const res = await fetch(API_BASE + 'items/search-master?q=' + encodeURIComponent(value.trim()));
const data = await res.json();
if (data.status) {
- setSuggestions(data.items || []);
+ const list = data.items || [];
+ setSuggestions(list);
+ setSelectedSuggestionIndex(list.length > 0 ? 0 : -1);
}
} catch (err) {
console.error('Master search error:', err);
@@ -7559,6 +9194,51 @@ function PurchaseView({ store, notify }) {
}, 200);
};
+ const handleProductSearchKeyDown = (e) => {
+ if (!activeSearchRow || suggestions.length === 0) {
+ if (e.key === 'ArrowDown' && itemForm.item_name.trim().length >= 1) {
+ e.preventDefault();
+ handleProductSearchChange(itemForm.item_name);
+ }
+ return;
+ }
+
+ if (e.key === 'ArrowDown') {
+ e.preventDefault();
+ setSelectedSuggestionIndex(prev => {
+ if (suggestions.length === 0) return -1;
+ return (prev + 1) % suggestions.length;
+ });
+ return;
+ }
+
+ if (e.key === 'ArrowUp') {
+ e.preventDefault();
+ setSelectedSuggestionIndex(prev => {
+ if (suggestions.length === 0) return -1;
+ return (prev - 1 + suggestions.length) % suggestions.length;
+ });
+ return;
+ }
+
+ if (e.key === 'Enter') {
+ e.preventDefault();
+ const targetIdx = selectedSuggestionIndex >= 0 && selectedSuggestionIndex < suggestions.length ? selectedSuggestionIndex : 0;
+ const chosen = suggestions[targetIdx];
+ if (chosen) {
+ handleSelectMedicine(chosen);
+ }
+ return;
+ }
+
+ if (e.key === 'Escape') {
+ e.preventDefault();
+ setActiveSearchRow(false);
+ setSelectedSuggestionIndex(-1);
+ return;
+ }
+ };
+
const handleSelectMedicine = (item) => {
const gstRate = Number(item.gst_rate) || 12;
const uPack = Number(item.units_per_pack) || 10;
@@ -7583,10 +9263,19 @@ function PurchaseView({ store, notify }) {
setActiveSearchRow(false);
setSuggestions([]);
+ setSelectedSuggestionIndex(-1);
if (item.item_id) {
fetchProductPurchaseHistory(item.item_id, item.item_name);
}
+
+ setTimeout(() => {
+ const batchInput = document.getElementById('pharma_batch_no_input');
+ if (batchInput) {
+ batchInput.focus();
+ batchInput.select();
+ }
+ }, 120);
};
const openAddMasterModal = (initialName = '') => {
@@ -7680,6 +9369,9 @@ function PurchaseView({ store, notify }) {
supplier_invoice_no: invoiceNo.trim(),
is_challan: isChallan ? 1 : 0,
challan_no: isChallan ? invoiceNo.trim() : null,
+ received_by_name: activeOperator?.full_name || 'Store Staff',
+ operator_name: activeOperator?.full_name || 'Store Staff',
+ user_id: activeOperator?.user_id || 1,
converted_from_challan_id: convertedChallanId,
invoice_date: invoiceDate,
items: itemsPayload
@@ -7977,12 +9669,16 @@ function PurchaseView({ store, notify }) {
rows.map((r, i) => {
const expDisplay = r.exp_month && r.exp_year ? `${r.exp_month}/${r.exp_year}` : (r.expiry_date ? r.expiry_date.slice(2, 7) : '-');
const taxAmt = ((Number(r.cgst_amount) || 0) + (Number(r.sgst_amount) || 0)).toFixed(2);
+ const isReturn = Number(r.qty_packs) < 0 || Number(r.net_amount) < 0;
return (
-
{i + 1}
{r.item_id || r.product_master_id || (i + 1)}
- {r.item_name}
+
+ {r.item_name}
+ {isReturn && RETURN }
+
{r.generic_name && (
{r.generic_name}
)}
@@ -7991,16 +9687,16 @@ function PurchaseView({ store, notify }) {
{expDisplay}
₹{Number(r.mrp || 0).toFixed(2)}
- {r.qty_packs}
+ {r.qty_packs}
{Number(r.free_qty_packs) > 0 && +{r.free_qty_packs}F }
₹{Number(r.ptr || 0).toFixed(2)}
- ₹{Number(r.amount || 0).toFixed(2)}
+ ₹{Number(r.amount || 0).toFixed(2)}
{Number(r.discount_pct || 0)}%
- ₹{taxAmt}
- ₹{Number(r.cgst_amount || (Number(r.taxable_amount || 0) * (Number(r.cgst_pct || 6) / 100))).toFixed(2)}
- ₹{Number(r.sgst_amount || (Number(r.taxable_amount || 0) * (Number(r.sgst_pct || 6) / 100))).toFixed(2)}
- ₹{Number(r.net_amount || 0).toFixed(2)}
+ ₹{taxAmt}
+ ₹{Number(r.cgst_amount || (Number(r.taxable_amount || 0) * (Number(r.cgst_pct || 6) / 100))).toFixed(2)}
+ ₹{Number(r.sgst_amount || (Number(r.taxable_amount || 0) * (Number(r.sgst_pct || 6) / 100))).toFixed(2)}
+ ₹{Number(r.net_amount || 0).toFixed(2)}
handleProductSearchChange(e.target.value)}
+ onKeyDown={handleProductSearchKeyDown}
onFocus={() => {
if (itemForm.item_name.trim().length >= 1) {
handleProductSearchChange(itemForm.item_name);
@@ -8111,6 +9808,7 @@ function PurchaseView({ store, notify }) {
{/* Autocomplete Dropdown */}
{activeSearchRow && (
+ (Use ↑ ↓ & Enter) }
+
)}
setActiveSearchRow(false)}
+ onClick={() => {
+ setActiveSearchRow(false);
+ setSelectedSuggestionIndex(-1);
+ }}
>
{suggestions.length > 0 ? (
- suggestions.map((sug, sIdx) => (
- {
- e.preventDefault();
- handleSelectMedicine(sug);
- }}
- >
-
-
{sug.item_name}
-
- {sug.category || 'Tablet'}
-
+ suggestions.map((sug, sIdx) => {
+ const isSelected = sIdx === selectedSuggestionIndex;
+ return (
+
setSelectedSuggestionIndex(sIdx)}
+ onMouseDown={(e) => {
+ e.preventDefault();
+ handleSelectMedicine(sug);
+ }}
+ >
+
+
+ {isSelected &&
+
+ {isSelected && (
+
+
+ )}
+
+ {sug.category || 'Tablet'}
+
+
+
+ {sug.generic_name && (
+
{sug.generic_name}
+ )}
+
+ Pack: {sug.units_per_pack || 10}s
+ GST: {sug.gst_rate}%
+ HSN: {sug.hsn_code || '3004'}
+ {sug.mrp ? MRP: ₹{sug.mrp} : null}
+
- {sug.generic_name && (
-
{sug.generic_name}
- )}
-
- Pack: {sug.units_per_pack || 10}s
- GST: {sug.gst_rate}%
- HSN: {sug.hsn_code || '3004'}
- {sug.mrp ? MRP: ₹{sug.mrp} : null}
-
-
- ))
+ );
+ })
) : (
!isSearchingMeds && (
@@ -8218,7 +9942,7 @@ function PurchaseView({ store, notify }) {
: `Selected: ${itemForm.item_name} (Auto-filled with last batch, rate & location)`
}
-
+ resetItemForm(true)}>
@@ -8229,28 +9953,34 @@ function PurchaseView({ store, notify }) {
Packaging
handleItemFormChange('units_per_pack', e.target.value)}
+ onKeyDown={(e) => handleFieldKeyDown(e, 'pharma_batch_no_input')}
/>
Batch No. *
Exp. Month
handleItemFormChange('exp_month', e.target.value)}
+ onKeyDown={(e) => handleFieldKeyDown(e, 'pharma_exp_year_input')}
>
{['01','02','03','04','05','06','07','08','09','10','11','12'].map(m => (
{m} ({['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'][parseInt(m)-1]})
@@ -8260,9 +9990,11 @@ function PurchaseView({ store, notify }) {
Exp. Year
handleItemFormChange('exp_year', e.target.value)}
+ onKeyDown={(e) => handleFieldKeyDown(e, 'pharma_mrp_input')}
>
{['24','25','26','27','28','29','30','31','32','33','34','35','36'].map(y => (
20{y}
@@ -8274,20 +10006,29 @@ function PurchaseView({ store, notify }) {
-
Qty (Packs) *
+
+ Qty (Packs) *
+ {Number(itemForm.qty_packs) < 0 && (
+ RETURN
+ )}
+
handleItemFormChange('qty_packs', e.target.value)}
+ onKeyDown={(e) => handleFieldKeyDown(e, 'pharma_free_qty_input')}
/>
@@ -8299,9 +10040,11 @@ function PurchaseView({ store, notify }) {
@@ -8309,10 +10052,12 @@ function PurchaseView({ store, notify }) {
@@ -8331,9 +10076,11 @@ function PurchaseView({ store, notify }) {
step="0.1"
min="0"
max="100"
+ id="pharma_disc_pct_input"
className="form-control form-control-sm"
value={itemForm.discount_pct}
onChange={(e) => handleItemFormChange('discount_pct', e.target.value)}
+ onKeyDown={(e) => handleFieldKeyDown(e, 'submit')}
/>
@@ -8342,9 +10089,11 @@ function PurchaseView({ store, notify }) {
type="number"
step="0.01"
min="0"
+ id="pharma_sch_amount_input"
className="form-control form-control-sm"
value={itemForm.sch_disc_amount}
onChange={(e) => handleItemFormChange('sch_disc_amount', e.target.value)}
+ onKeyDown={(e) => handleFieldKeyDown(e, 'pharma_sch_disc_input')}
/>
@@ -8354,9 +10103,11 @@ function PurchaseView({ store, notify }) {
step="0.1"
min="0"
max="100"
+ id="pharma_sch_disc_input"
className="form-control form-control-sm"
value={itemForm.sch_disc_pct}
onChange={(e) => handleItemFormChange('sch_disc_pct', e.target.value)}
+ onKeyDown={(e) => handleFieldKeyDown(e, 'submit')}
/>
@@ -8420,19 +10171,23 @@ function PurchaseView({ store, notify }) {
HSNCODE
@@ -8456,37 +10211,56 @@ function PurchaseView({ store, notify }) {
Shelf No.
Rack No.
resetItemForm(true)}
>
- Ctrl+↵
@@ -10692,36 +12466,222 @@ function TransferView({ store, stores, notify }) {
// =========================================================================
function LedgersView({ store, notify }) {
if (!store) return null;
- const [accTab, setAccTab] = useState('daybook');
+ const [accTab, setAccTab] = useState('daybook'); // 'daybook', 'bank_audit', 'gst', 'schedule_h1', 'credit_accounts'
+
+ // Helper: CSV Download
+ const downloadCsv = (filename, rows) => {
+ const csvContent = "data:text/csv;charset=utf-8," + rows.map(e => e.map(cell => `"${String(cell ?? '').replace(/"/g, '""')}"`).join(",")).join("\n");
+ const encodedUri = encodeURI(csvContent);
+ const link = document.createElement("a");
+ link.setAttribute("href", encodedUri);
+ link.setAttribute("download", filename);
+ document.body.appendChild(link);
+ link.click();
+ document.body.removeChild(link);
+ };
+
+ // Helper: Open Print Window
+ const openPrintReport = (title, bodyHtml) => {
+ const win = window.open('', '_blank', 'width=950,height=750');
+ if (!win) {
+ notify('Please allow popups to print report', 'warning');
+ return;
+ }
+ const printDoc = win.document;
+ printDoc.open();
+ const headerHtml = '' +
+ '
' + title + ' — Ready to print
' +
+ '
🖨️ Print Now ' +
+ 'Close
' + title + ' ' +
+ '
+
Total Sales: ₹${Number(s.total_sales || 0).toLocaleString('en-IN')} (${s.total_invoices} bills)
+
Cash in Drawer: ₹${Number(s.cash_in_drawer || 0).toLocaleString('en-IN')}
+
UPI / QR: ₹${Number(s.upi_collection || 0).toLocaleString('en-IN')}
+
IPD / Staff Credit: ₹${Number(s.ipd_credit || 0).toLocaleString('en-IN')}
+
Period: ${daybookFromDate} to ${daybookToDate}
+
+
+
+ Invoice No
+ Date & Time
+ Patient Name (UHID)
+ Doctor
+ Mode
+ CGST (₹)
+ SGST (₹)
+ Net Amount
+
+
+
+ ${daybookData.transactions.map(t => `
+
+ ${t.invoice_no} ${t.sale_date}
+ ${t.patient_name} ${t.uhid ? '(' + t.uhid + ')' : ''}
+ ${t.doctor_name || 'N/A'}
+ ${t.payment_mode}
+ ₹${t.cgst_amount}
+ ₹${t.sgst_amount}
+ ₹${t.net_amount}
+
+ `).join('')}
+
+
+ `;
+ openPrintReport(`Daybook Journal (${daybookFromDate} to ${daybookToDate})`, html);
+ };
+
+ // BANK AUDIT FUNCTIONS
const loadBankAudit = async (status = auditFilterStatus, search = auditSearch) => {
try {
const params = new URLSearchParams({
@@ -10729,7 +12689,7 @@ function LedgersView({ store, notify }) {
status: status,
search: search
});
- const res = await fetch(API_BASE + `accounting/bank-reconciliation?${params.toString()}`);
+ const res = await fetch(`${API_BASE}accounting/bank-reconciliation?${params.toString()}`);
const data = await res.json();
if (data.status) setBankAuditData(data);
} catch (e) {
@@ -10766,28 +12726,371 @@ function LedgersView({ store, notify }) {
}
};
- const loadGst = async () => {
+ const exportBankCsv = () => {
+ if (!bankAuditData || !bankAuditData.transactions?.length) {
+ notify('No bank/UPI transactions to export.', 'warning');
+ return;
+ }
+ const headers = ['Invoice No', 'Sale Date', 'Patient', 'Mode', 'Amount (Rs)', 'UPI Ref No', 'Card Ref No', 'Audit Status', 'Reconciled By', 'Notes'];
+ const bankTxns = bankAuditData.transactions || bankAuditData.records || [];
+ const rows = bankTxns.map(t => [
+ t.invoice_no,
+ t.sale_date,
+ t.patient_name,
+ t.payment_mode,
+ t.net_amount,
+ t.upi_ref_no || '',
+ t.card_ref_no || '',
+ t.is_reconciled == 1 ? 'RECONCILED' : 'PENDING',
+ t.reconciled_by || '',
+ t.reconciled_notes || ''
+ ]);
+ downloadCsv(`Bank_UPI_Reconciliation_${todayStr}.csv`, [headers, ...rows]);
+ notify('Bank & UPI Audit CSV exported.', 'success');
+ };
+
+ const printBankAudit = () => {
+ if (!bankAuditData || !bankAuditData.transactions?.length) {
+ notify('No bank transactions to print.', 'warning');
+ return;
+ }
+ const s = bankAuditData.summary || {};
+ const html = `
+
+
Total UPI / Bank Sales: ₹${Number(s.total_amount || 0).toLocaleString('en-IN')} (${s.total_count} txns)
+
Verified / Reconciled: ₹${Number(s.reconciled_amount || 0).toLocaleString('en-IN')} (${s.reconciled_count})
+
Pending Verification: ₹${Number(s.pending_amount || 0).toLocaleString('en-IN')} (${s.pending_count})
+
+
+
+ Invoice No
+ Date
+ Patient Name
+ Mode
+ Amount
+ UPI / UTR Ref
+ Status
+ Audited By
+
+
+
+ ${(bankAuditData.transactions || bankAuditData.records || []).map(t => `
+
+ ${t.invoice_no} ${t.sale_date}
+ ${t.patient_name}
+ ${t.payment_mode}
+ ₹${t.net_amount}
+ ${t.upi_ref_no || t.card_ref_no || 'N/A'}${t.is_reconciled == 1 ? 'VERIFIED ' : 'PENDING '}
+ ${t.reconciled_by || 'Unverified'}
+
+ `).join('')}
+
+
+ `;
+ openPrintReport('Bank & UPI Statement Audit Report', html);
+ };
+
+ // GST REPORT FUNCTIONS
+ const loadGst = async (m = gstMonth) => {
+ setLoadingGst(true);
try {
- const res = await fetch(API_BASE + `accounting/gst-report?store_id=${store.store_id}`);
+ const res = await fetch(`${API_BASE}accounting/gst-report?store_id=${store.store_id}&month=${m}`);
const data = await res.json();
if (data.status) setGstData(data);
} catch (e) {
console.error(e);
+ notify('Error loading GST report: ' + e.message, 'error');
+ } finally {
+ setLoadingGst(false);
}
};
- const loadScheduleH1 = async () => {
+ const exportGstCsv = () => {
+ if (!gstData || !gstData.gstr1_sales?.length) {
+ notify('No GST data to export for this month.', 'warning');
+ return;
+ }
+ const headers = ['HSN Code', 'GST Slab (%)', 'Taxable Value (Rs)', 'CGST (Rs)', 'SGST (Rs)', 'IGST (Rs)', 'Total Value (Rs)'];
+ const rows = gstData.gstr1_sales.map(g => [
+ g.hsn_code,
+ g.gst_rate,
+ Number(g.taxable_val).toFixed(2),
+ Number(g.cgst_val).toFixed(2),
+ Number(g.sgst_val).toFixed(2),
+ Number(g.igst_val).toFixed(2),
+ Number(g.total_val).toFixed(2)
+ ]);
+ downloadCsv(`GSTR1_Report_${gstMonth}.csv`, [headers, ...rows]);
+ notify('GSTR-1 CSV exported successfully.', 'success');
+ };
+
+ // SCHEDULE H1 REGISTER FUNCTIONS
+ const loadScheduleH1 = async (from = h1FromDate, to = h1ToDate, search = h1Search) => {
+ setLoadingH1(true);
try {
- const res = await fetch(API_BASE + `compliance/schedule-h1-register?store_id=${store.store_id}`);
+ const params = new URLSearchParams({
+ store_id: store.store_id,
+ from_date: from,
+ to_date: to,
+ search: search
+ });
+ const res = await fetch(`${API_BASE}compliance/schedule-h1-register?${params.toString()}`);
const data = await res.json();
if (data.status) setH1Records(data.records || []);
} catch (e) {
console.error(e);
+ } finally {
+ setLoadingH1(false);
}
};
+ const exportH1Csv = () => {
+ if (!h1Records.length) {
+ notify('No Schedule H1 records to export.', 'warning');
+ return;
+ }
+ const headers = ['Date', 'Bill No', 'Patient Name', 'Patient Address', 'Doctor Name', 'Doctor Reg No', 'Medicine Name', 'Batch No', 'Qty Supplied'];
+ const rows = h1Records.map(h => [
+ h.sale_date,
+ h.invoice_no,
+ h.patient_name,
+ h.patient_address || '',
+ h.doctor_name,
+ h.doctor_reg_no || '',
+ h.item_name,
+ h.batch_no,
+ h.qty
+ ]);
+ downloadCsv(`Schedule_H1_Register_${h1FromDate}_to_${h1ToDate}.csv`, [headers, ...rows]);
+ notify('Schedule H1 Register CSV exported.', 'success');
+ };
+
+ const printH1Register = () => {
+ if (!h1Records.length) {
+ notify('No Schedule H1 records to print.', 'warning');
+ return;
+ }
+ const html = `
+
+ Statutory Compliance: Mandatory Register under Drugs and Cosmetics (4th Amendment) Rules, 2013. Records must be retained for at least 3 years and open for inspection by Drug Inspector.
+
+ Record Period: ${h1FromDate} to ${h1ToDate}
+
+
+
+ Date
+ Bill No
+ Patient Name & Address
+ Prescribing Doctor & Reg No
+ Schedule H1 Drug Name
+ Batch No
+ Qty Dispensed
+
+
+
+ ${h1Records.map(h => `
+
+ ${h.sale_date.split(' ')[0]}
+ ${h.invoice_no} ${h.patient_name} ${h.patient_address ? '' + h.patient_address + ' ' : ''}
+ ${h.doctor_name} ${h.doctor_reg_no ? 'Reg: ' + h.doctor_reg_no + ' ' : ''}
+ ${h.item_name}
+ ${h.batch_no}${h.qty}
+
+ `).join('')}
+
+
+ `;
+ openPrintReport('Statutory Schedule H1 Drug Register', html);
+ };
+
+ // CREDIT ACCOUNTS FUNCTIONS
+ const loadCreditAccounts = async () => {
+ setLoadingCredit(true);
+ try {
+ const res = await fetch(`${API_BASE}credit/accounts?store_id=${store.store_id}`);
+ const data = await res.json();
+ if (data.status) setCreditAccounts(data.accounts || []);
+ } catch (e) {
+ console.error(e);
+ notify('Error loading credit accounts: ' + e.message, 'error');
+ } finally {
+ setLoadingCredit(false);
+ }
+ };
+
+ const handleSaveCreditAccount = async (e) => {
+ e.preventDefault();
+ if (!accFormName.trim()) {
+ notify('Account / Person Name is required', 'error');
+ return;
+ }
+ setIsSavingAccount(true);
+ try {
+ const res = await fetch(`${API_BASE}credit/save-account`, {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({
+ store_id: store.store_id,
+ account_type: accFormType,
+ account_name: accFormName.trim(),
+ phone: accFormPhone.trim(),
+ staff_id: accFormStaffId.trim(),
+ department: accFormDept.trim(),
+ credit_limit: Number(accFormLimit) || 0,
+ remarks: accFormRemarks.trim()
+ })
+ });
+ const data = await res.json();
+ if (data.status) {
+ notify('Credit account created successfully.', 'success');
+ setShowAddAccountModal(false);
+ setAccFormName('');
+ setAccFormPhone('');
+ setAccFormStaffId('');
+ setAccFormDept('');
+ setAccFormRemarks('');
+ loadCreditAccounts();
+ } else {
+ notify(data.message || 'Failed to create credit account', 'error');
+ }
+ } catch (err) {
+ notify('Error: ' + err.message, 'error');
+ } finally {
+ setIsSavingAccount(false);
+ }
+ };
+
+ const openAccountLedger = async (acc) => {
+ setSelectedCreditAcc(acc);
+ setLoadingLedger(true);
+ try {
+ const res = await fetch(`${API_BASE}credit/ledger/${acc.account_id}?store_id=${store.store_id}`);
+ const data = await res.json();
+ if (data.status) {
+ setCreditLedgerData(data);
+ }
+ } catch (e) {
+ notify('Error loading account ledger: ' + e.message, 'error');
+ } finally {
+ setLoadingLedger(false);
+ }
+ };
+
+ const openSettlePaymentModal = (acc) => {
+ setSelectedCreditAcc(acc);
+ setPayAmount(acc.current_balance > 0 ? String(acc.current_balance) : '');
+ setPayMode('Cash');
+ setPayRef('');
+ setPayRemarks('');
+ setShowPaymentModal(true);
+ };
+
+ const handleRecordPayment = async (e) => {
+ e.preventDefault();
+ const amt = Number(payAmount);
+ if (!amt || amt <= 0) {
+ notify('Please enter a valid payment amount.', 'error');
+ return;
+ }
+ setIsRecordingPayment(true);
+ try {
+ const res = await fetch(`${API_BASE}credit/record-payment`, {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({
+ store_id: store.store_id,
+ account_id: selectedCreditAcc.account_id,
+ amount: amt,
+ payment_mode: payMode,
+ payment_ref: payRef.trim(),
+ remarks: payRemarks.trim(),
+ recorded_by_name: 'Accountant'
+ })
+ });
+ const data = await res.json();
+ if (data.status) {
+ notify(`Settlement of ₹${amt} recorded successfully. New balance: ₹${data.new_balance}`, 'success');
+ setShowPaymentModal(false);
+ loadCreditAccounts();
+ if (selectedCreditAcc) {
+ openAccountLedger({ ...selectedCreditAcc, current_balance: data.new_balance });
+ }
+ } else {
+ notify(data.message || 'Failed to record payment', 'error');
+ }
+ } catch (err) {
+ notify('Error recording payment: ' + err.message, 'error');
+ } finally {
+ setIsRecordingPayment(false);
+ }
+ };
+
+ const printAccountLedger = () => {
+ if (!creditLedgerData || !selectedCreditAcc) return;
+ const html = `
+
+
+
+ Account Name: ${selectedCreditAcc.account_name} (${selectedCreditAcc.account_type.toUpperCase()})Phone: ${selectedCreditAcc.phone || 'N/A'}Dept / Staff ID: ${selectedCreditAcc.department || ''} ${selectedCreditAcc.staff_id ? '(' + selectedCreditAcc.staff_id + ')' : ''}
+
+
+ Credit Limit: ₹${Number(selectedCreditAcc.credit_limit || 0).toLocaleString('en-IN')}Current Outstanding: ₹${Number(selectedCreditAcc.current_balance || 0).toLocaleString('en-IN')}
+
+
+
+
+
+ Date
+ Type
+ Invoice / Ref No
+ Debit (Bills)
+ Credit (Payments)
+ Balance After
+ Recorded By / Remarks
+
+
+
+ ${creditLedgerData.entries.map(e => `
+
+ ${e.created_at}
+ ${e.entry_type === 'DEBIT' ? 'BILL DEBIT ' : 'PAYMENT '}
+ ${e.invoice_no || e.payment_ref || '-'} ${Number(e.debit_amount) > 0 ? '₹' + Number(e.debit_amount).toFixed(2) : '-'}
+ ${Number(e.credit_amount) > 0 ? '₹' + Number(e.credit_amount).toFixed(2) : '-'}
+ ₹${Number(e.balance_after).toFixed(2)}
+ ${e.remarks || ''} (${e.recorded_by_name || 'Staff'})
+ `).join('')}
+
+
+ `;
+ openPrintReport(`Credit Account Statement - ${selectedCreditAcc.account_name}`, html);
+ };
+
+ // Filtered credit accounts
+ const filteredCreditAccounts = creditAccounts.filter(acc => {
+ if (!creditSearch) return true;
+ const q = creditSearch.toLowerCase();
+ return (acc.account_name && acc.account_name.toLowerCase().includes(q)) ||
+ (acc.phone && acc.phone.includes(q)) ||
+ (acc.staff_id && acc.staff_id.toLowerCase().includes(q)) ||
+ (acc.department && acc.department.toLowerCase().includes(q));
+ });
+
+ const totalOutstandingCredit = creditAccounts.reduce((sum, a) => sum + Number(a.current_balance || 0), 0);
+
return (
+ {/* Top Navigation Tabs */}
setAccTab('daybook')}>
setAccTab('schedule_h1')}>
+ setAccTab('credit_accounts')}>
+
+ ₹{totalOutstandingCredit.toLocaleString('en-IN')}
+
+ )}
+
- {accTab === 'daybook' && daybookData && (
+ {/* TAB 1: DAYBOOK */}
+ {accTab === 'daybook' && (
-
-
-
-
TOTAL TODAY SALES
-
₹{daybookData.summary.total_sales.toLocaleString('en-IN')}
-
{daybookData.summary.total_invoices} Bills
+ {/* Daybook Filter Toolbar */}
+
+
+
+ handleDaybookFilterPreset('today')}>Today
+ handleDaybookFilterPreset('yesterday')}>Yesterday
+ handleDaybookFilterPreset('last7')}>Last 7 Days
+ handleDaybookFilterPreset('month')}>This Month
-
-
-
- CASH IN DRAWER
-
₹{daybookData.summary.cash_in_drawer.toLocaleString('en-IN')}
-
-
-
-
- UPI / QR COLLECTIONS
-
₹{daybookData.summary.upi_collection.toLocaleString('en-IN')}
-
-
-
-
-
IPD CREDIT BILLED
-
₹{daybookData.summary.ipd_credit.toLocaleString('en-IN')}
+
+
+
+ From:
+
+
+ To:
+
+
loadDaybook(daybookFromDate, daybookToDate)}
+ disabled={loadingDaybook}
+ >
+ {loadingDaybook ? 'Loading...' : 'Apply'}
+
+
+
+
+
+
+
-
-
-
Today's Transactions Journal
+ {daybookData && (
+
+
+
+
+ TOTAL PERIOD SALES
+
₹{Number(daybookData.summary.total_sales || 0).toLocaleString('en-IN')}
+ {daybookData.summary.total_invoices} Bills
+
+
+
+
+ CASH IN DRAWER
+
₹{Number(daybookData.summary.cash_in_drawer || 0).toLocaleString('en-IN')}
+
+
+
+
+ UPI / QR COLLECTIONS
+
₹{Number(daybookData.summary.upi_collection || 0).toLocaleString('en-IN')}
+
+
+
+
+ CREDIT BILLED (IPD + STAFF)
+
₹{Number(daybookData.summary.ipd_credit || 0).toLocaleString('en-IN')}
+
+
+
+
+
+
+
{daybookData.transactions.length} Records
+
+
+
+
+
+ Invoice No
+ Date & Time
+ Patient (UHID)
+ Doctor
+ Mode
+ CGST (₹)
+ SGST (₹)
+ Net Amount
+
+
+
+ {daybookData.transactions.length === 0 ? (
+
+ No transactions found for the selected date range.
+
+ ) : (
+ daybookData.transactions.map((t) => (
+
+ {t.invoice_no}
+ {t.sale_date}
+ {t.patient_name} {t.uhid ? `(${t.uhid})` : ''}
+ {t.doctor_name}
+ {t.payment_mode} ₹{t.cgst_amount}
+ ₹{t.sgst_amount}
+ ₹{t.net_amount}
+
+ ))
+ )}
+
+
+
+
-
-
-
-
- Invoice No
- Time
- Patient (UHID)
- Doctor
- Mode
- CGST (₹)
- SGST (₹)
- Net Amount
-
-
-
- {daybookData.transactions.map((t) => (
-
- {t.invoice_no}
- {t.sale_date.split(' ')[1]}
- {t.patient_name} {t.uhid ? `(${t.uhid})` : ''}
- {t.doctor_name}
- {t.payment_mode} ₹{t.cgst_amount}
- ₹{t.sgst_amount}
- ₹{t.net_amount}
-
- ))}
-
-
-
-
+ )}
)}
+ {/* TAB 2: BANK AUDIT */}
{accTab === 'bank_audit' && (
- {/* Summary KPI Cards */}
-
+
TOTAL ONLINE / UPI SALES
₹{Number(bankAuditData?.summary?.total_amount || 0).toLocaleString('en-IN', { minimumFractionDigits: 2 })}
{bankAuditData?.summary?.total_count || 0} Transactions Recorded
-
+
STATEMENT RECONCILED (VERIFIED)
₹{Number(bankAuditData?.summary?.reconciled_amount || 0).toLocaleString('en-IN', { minimumFractionDigits: 2 })}
{bankAuditData?.summary?.reconciled_count || 0} Bills Matched with Bank
-
+
PENDING AUDIT VERIFICATION
₹{Number(bankAuditData?.summary?.pending_amount || 0).toLocaleString('en-IN', { minimumFractionDigits: 2 })}
{bankAuditData?.summary?.pending_count || 0} Bills Unverified
@@ -10898,217 +13281,162 @@ function LedgersView({ store, notify }) {
- {/* Filter and Search Toolbar */}
-
+
setAuditFilterStatus('all')}
+ onClick={() => { setAuditFilterStatus('all'); loadBankAudit('all', auditSearch); }}
>
All ({bankAuditData?.summary?.total_count || 0})
setAuditFilterStatus('pending')}
+ onClick={() => { setAuditFilterStatus('pending'); loadBankAudit('pending', auditSearch); }}
>
-
setAuditFilterStatus('reconciled')}
+ className={`btn ${auditFilterStatus === 'reconciled' ? 'btn-success fw-bold' : 'btn-outline-secondary'}`}
+ onClick={() => { setAuditFilterStatus('reconciled'); loadBankAudit('reconciled', auditSearch); }}
>
-
-
+
+
+
+
+
+
+
+
+
- {/* Bank Reconciliation Table */}
-
-
-
loadBankAudit(auditFilterStatus, auditSearch)}>
-
-
+
-
+
+ Invoice No
Date & Time
- Bill No
- Patient (UHID)
- Settlement Mode
- Payment Breakdown
- Bank / UPI Reference (UTR)
- Bank/UPI (₹)
- Audit Status
+ Patient
+ Mode
+ Bill Total
+ Bank / UTR Reference
+ Audit Status
Action
- {(!bankAuditData?.records || bankAuditData.records.length === 0) ? (
-
-
- No UPI / Bank transactions match this filter.
-
-
- ) : (
- bankAuditData.records.map((r) => {
- const bankAmount = (Number(r.upi_paid) || 0) + (Number(r.card_paid) || 0);
- const utrText = r.upi_ref_no || r.card_ref_no || r.payment_reference || 'N/A';
- return (
-
- {r.sale_date}
- {r.invoice_no}
-
- {r.patient_name}
- {r.uhid && {r.uhid} }
-
-
-
- {r.payment_mode}
-
-
-
- {Number(r.cash_paid) > 0 && Cash: ₹{r.cash_paid} }
- {Number(r.upi_paid) > 0 && UPI: ₹{r.upi_paid} }
- {Number(r.card_paid) > 0 && Card: ₹{r.card_paid} }
-
-
+ {(() => {
+ const txns = bankAuditData?.transactions || bankAuditData?.records || [];
+ if (!bankAuditData) {
+ return
Loading bank audit records...No transactions found matching the filter.
+ {t.invoice_no}
+ {t.sale_date}
+ {t.patient_name}
+ {t.payment_mode} ₹{t.net_amount}
+
+ {t.upi_ref_no ? (
+ UPI {t.upi_ref_no}
+ ) : t.card_ref_no ? (
+ CARD {t.card_ref_no}
+ ) : (
+ Direct QR
+ )}
+
+
+ {t.is_reconciled == 1 ? (
-
{utrText}
- {utrText !== 'N/A' && (
-
{
- navigator.clipboard.writeText(utrText);
- notify('Copied UTR: ' + utrText, 'info');
- }}
- >
-
- )}
+
+
{t.reconciled_by} • {t.reconciled_at?.split(' ')[0]}
{r.bank_name} }
-
-
- ₹{bankAmount.toLocaleString('en-IN', { minimumFractionDigits: 2 })}
-
-
- {r.is_bank_reconciled == 1 ? (
-
-
-
- {r.reconciled_by || 'Accountant'} • {r.reconciled_at ? r.reconciled_at.split(' ')[0] : ''}
-
- {r.reconciled_notes && (
-
- "{r.reconciled_notes}"
-
- )}
-
-
- )}
-
-
- {r.is_bank_reconciled == 1 ? (
- handleReconcileSubmit(r.sale_id, 0)}
- title="Undo Reconciliation Verification"
- disabled={isSubmittingAudit}
- >
-
- ) : (
- {
- setReconcilingSale(r);
- setAuditNotes(`Matched ₹${bankAmount} in bank statement credit on ` + new Date().toISOString().split('T')[0]);
- }}
- title="Verify with bank statement"
- >
-
- )}
-
-
- );
- })
- )}
+ ) : (
+
+ {t.is_reconciled == 1 ? (
+ handleReconcileSubmit(t.sale_id, 0)}
+ >
+ Un-reconcile
+
+ ) : (
+ {
+ setReconcilingSale(t);
+ setAuditNotes('');
+ }}
+ >
+
+ )}
+
+
+ ));
+ })()}
- {/* Audit Verification Modal */}
+ {/* Reconcile Modal */}
{reconcilingSale && (
-
+
-
-
-
-
Audit & Reconcile Bank Statement
-
+
+
+
+
setReconcilingSale(null)}>
-
-
-
Bill No: {reconcilingSale.invoice_no}
-
Date: {reconcilingSale.sale_date}
+
+
+ Invoice No:
+ {reconcilingSale.invoice_no}
-
-
Patient: {reconcilingSale.patient_name}
-
Total Bill: ₹{reconcilingSale.net_amount}
+
+ Amount:
+ ₹{reconcilingSale.net_amount}
-
-
-
-
BANK STATEMENT MATCH CRITERIA
-
- Credit Amount in Bank:
-
- ₹{((Number(reconcilingSale.upi_paid) || 0) + (Number(reconcilingSale.card_paid) || 0)).toFixed(2)}
-
-
-
- UPI UTR / Trans Ref:
-
- {reconcilingSale.upi_ref_no || reconcilingSale.card_ref_no || reconcilingSale.payment_reference || 'Not recorded'}
-
-
-
-
Target Bank / A/c:
-
{reconcilingSale.bank_name || store.bank_name || 'Hospital Current A/c'}
+
+ Recorded Ref / UTR:
+ {reconcilingSale.upi_ref_no || reconcilingSale.card_ref_no || 'Direct Store QR'}
@@ -11129,7 +13457,7 @@ function LedgersView({ store, notify }) {
rows="2"
value={auditNotes}
onChange={(e) => setAuditNotes(e.target.value)}
- placeholder="e.g. Matched in SBI A/c statement entry on 08-Sep-2026, Credit Ref verified"
+ placeholder="e.g. Matched in Bank A/c statement entry on 08-Sep-2026, Credit Ref verified"
>
@@ -11143,11 +13471,7 @@ function LedgersView({ store, notify }) {
onClick={() => handleReconcileSubmit(reconcilingSale.sale_id, 1)}
disabled={isSubmittingAudit}
>
- {isSubmittingAudit ? (
-
- ) : (
-
- )}
+ {isSubmittingAudit ? 'Saving...' : 'Mark Verified with Statement'}
@@ -11157,85 +13481,1212 @@ function LedgersView({ store, notify }) {
)}
- {accTab === 'gst' && gstData && (
-
-
-
-
-
-
- HSN Code
- GST Slab
- Taxable Value (₹)
- CGST (₹)
- SGST (₹)
- IGST (₹)
- Total Invoice Value (₹)
-
-
-
- {gstData.gstr1_sales.map((g, i) => (
-
- {g.hsn_code}{g.gst_rate}% ₹{Number(g.taxable_val).toFixed(2)}
- ₹{Number(g.cgst_val).toFixed(2)}
- ₹{Number(g.sgst_val).toFixed(2)}
- ₹{Number(g.igst_val).toFixed(2)}
- ₹{Number(g.total_val).toFixed(2)}
+ {/* TAB 3: GST RETURNS */}
+ {accTab === 'gst' && (
+
+
+
+
+ loadGst(gstMonth)}
+ disabled={loadingGst}
+ >
+ {loadingGst ? 'Loading...' : 'Refresh'}
+
+
+
+
+
+
+
+
+
+ {gstData && (
+
+
+
GSTIN: {store.gst_no || 'N/A'}
+
+
+
+
+
+ HSN Code
+ GST Slab
+ Taxable Value (₹)
+ CGST (₹)
+ SGST (₹)
+ IGST (₹)
+ Total Invoice Value (₹)
+
+
+
+ {gstData.gstr1_sales.length === 0 ? (
+
+ No sales recorded for GST filing in month {gstMonth}.
+
+ ) : (
+ gstData.gstr1_sales.map((g, i) => (
+
+ {g.hsn_code}{g.gst_rate}% ₹{Number(g.taxable_val).toFixed(2)}
+ ₹{Number(g.cgst_val).toFixed(2)}
+ ₹{Number(g.sgst_val).toFixed(2)}
+ ₹{Number(g.igst_val).toFixed(2)}
+ ₹{Number(g.total_val).toFixed(2)}
+
+ ))
+ )}
+
+
+
+
+ )}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Mandatory under Indian Drugs & Cosmetics Rules (4th Amendment 2013). Retain for 3 years.
+
+
{h1Records.length} Dispensed Entries
+
+
+
+
+
+
+ Date
+ Bill No
+ Patient Name & Address
+ Prescribing Doctor & Reg No
+ Medicine Name
+ Batch No
+ Qty Supplied
- ))}
-
-
+
+
+ {h1Records.length === 0 ? (
+
+ No Schedule H1 medicines dispensed in this period.
+
+ ) : (
+ h1Records.map((h, i) => (
+
+ {h.sale_date?.split(' ')[0]}
+ {h.invoice_no}
+ {h.patient_name} {h.patient_address ? `(${h.patient_address})` : ''}
+ {h.doctor_name} {h.doctor_reg_no ? `(Reg: ${h.doctor_reg_no})` : ''}
+ {h.item_name}
+ {h.batch_no}{h.qty}
+
+ ))
+ )}
+
+
+
)}
- {accTab === 'schedule_h1' && (
-
-
-
-
-
Mandatory under Indian Drugs & Cosmetics Rules (4th Amendment 2013). Retain records for 3 years.
+ {/* TAB 5: STAFF & CUSTOMER CREDIT ACCOUNTS */}
+ {accTab === 'credit_accounts' && (
+
+ {/* KPI Cards */}
+
+
+
+ TOTAL REGISTERED ACCOUNTS
+
{creditAccounts.length} Accounts
+ Staff, Doctors, Institutional & Patients
+
+
+
+
+ TOTAL OUTSTANDING DUES
+
₹{totalOutstandingCredit.toLocaleString('en-IN', { minimumFractionDigits: 2 })}
+ Unsettled Pharmacy Debits
+
+
+
+
+ TOTAL CREDIT LIMIT SANCTIONED
+
+ ₹{creditAccounts.reduce((sum, a) => sum + Number(a.credit_limit || 0), 0).toLocaleString('en-IN', { minimumFractionDigits: 2 })}
+
+ Authorized Spending Cap
+
-
window.print()}>
-
-
-
-
-
- Date
- Bill No
- Patient Name & Address
- Prescribing Doctor & Reg No
- Medicine Name
- Batch No
- Qty Supplied
-
-
-
- {h1Records.length === 0 ? (
+ {/* Toolbar */}
+
+
+
+
+
+
+
+ setShowAddAccountModal(true)}
+ >
+
+
+
+
+
+
+
- No Schedule H1 medicines dispensed in this period.
+ Account / Person Name
+ Account Type
+ Dept / Staff ID
+ Phone
+ Credit Limit
+ Current Balance
+ Status
+ Actions
- ) : (
- h1Records.map((h, i) => (
-
- {h.sale_date.split(' ')[0]}
- {h.invoice_no}
- {h.patient_name} {h.patient_address ? `(${h.patient_address})` : ''}
- {h.doctor_name} {h.doctor_reg_no ? `(Reg: ${h.doctor_reg_no})` : ''}
- {h.item_name}
- {h.batch_no}{h.qty}
-
- ))
- )}
-
-
+
+
+ {loadingCredit ? (
+ Loading credit accounts... No credit accounts found. Click "New Credit Account" to create one.
+
+ {acc.account_name}
+ {acc.remarks && {acc.remarks} }
+
+
+
+ {acc.account_type}
+
+
+ {acc.department || acc.staff_id || '-'}
+ {acc.phone || '-'}
+ ₹{Number(acc.credit_limit || 0).toLocaleString('en-IN')}
+
+ 0 ? 'text-danger' : 'text-success'}`}>
+ ₹{bal.toLocaleString('en-IN', { minimumFractionDigits: 2 })}
+
+
+
+
+ {acc.is_active == 1 ? 'ACTIVE' : 'INACTIVE'}
+
+
+
+
+ openAccountLedger(acc)}
+ >
+
+ openSettlePaymentModal(acc)}
+ >
+
+
+
+
+ );
+ })
+ )}
+
+
+
+
+
+ {/* Modal: New Credit Account */}
+ {showAddAccountModal && (
+
+ )}
+
+ {/* Modal: View Account Ledger */}
+ {selectedCreditAcc && creditLedgerData && (
+
+
+
+
+
+
+
+
{selectedCreditAcc.account_name} — Credit Statement
+ {selectedCreditAcc.account_type.toUpperCase()} • {selectedCreditAcc.department || 'General'}
+
+
+
{ setSelectedCreditAcc(null); setCreditLedgerData(null); }}>
+
+
+
+ {/* Statement Summary Card */}
+
+
+
+ CREDIT LIMIT
+
₹{Number(selectedCreditAcc.credit_limit || 0).toLocaleString('en-IN')}
+
+
+ OUTSTANDING BALANCE
+
₹{Number(selectedCreditAcc.current_balance || 0).toLocaleString('en-IN', { minimumFractionDigits: 2 })}
+
+
+ AVAILABLE CREDIT
+
+ ₹{Math.max(0, Number(selectedCreditAcc.credit_limit || 0) - Number(selectedCreditAcc.current_balance || 0)).toLocaleString('en-IN')}
+
+
+
+ openSettlePaymentModal(selectedCreditAcc)}
+ >
+
+
+
+
+
+
+
+ {/* Ledger Entries Table */}
+
+
+
+
+ Timestamp
+ Type
+ Invoice / Receipt Ref
+ Debit (Bills)
+ Credit (Payments)
+ Running Balance
+ Mode
+ Recorded By / Notes
+
+
+
+ {creditLedgerData.entries.length === 0 ? (
+ No transactions on this account yet.
+ {ent.created_at}
+
+
+ {ent.entry_type}
+
+
+ {ent.invoice_no || ent.payment_ref || '-'}
+ {Number(ent.debit_amount) > 0 ? '₹' + Number(ent.debit_amount).toFixed(2) : '-'}
+
+
+ {Number(ent.credit_amount) > 0 ? '₹' + Number(ent.credit_amount).toFixed(2) : '-'}
+
+
+ ₹{Number(ent.balance_after).toFixed(2)}
+
+ {ent.payment_mode}
+ {ent.remarks || 'Bill Charge'} ({ent.recorded_by_name || 'System'})
+
+
+ ))
+ )}
+
+
+
+
+
+ { setSelectedCreditAcc(null); setCreditLedgerData(null); }}>
+ Close Statement
+
+
+
+
+
+ )}
+
+ {/* Modal: Record Payment Settlement */}
+ {showPaymentModal && selectedCreditAcc && (
+
+ )}
+
+ )}
+
+ );
+}
+
+function StaffManagementView({ store, notify, activeOperator, onOperatorUpdated, onSelectOperator }) {
+ if (!store) return null;
+ const [staffList, setStaffList] = useState([]);
+ const [loading, setLoading] = useState(false);
+
+ // Modal state for Add/Edit Staff
+ const [showEditModal, setShowEditModal] = useState(false);
+ const [editingUser, setEditingUser] = useState(null);
+ const [formFullName, setFormFullName] = useState('');
+ const [formUsername, setFormUsername] = useState('');
+ const [formPinCode, setFormPinCode] = useState('');
+ const [formRole, setFormRole] = useState('pharmacist');
+ const [formPhone, setFormPhone] = useState('');
+ const [formRegNo, setFormRegNo] = useState('');
+ const [formHprId, setFormHprId] = useState('');
+ const [formIsDefault, setFormIsDefault] = useState(false);
+ const [formIsActive, setFormIsActive] = useState(true);
+ const [isSaving, setIsSaving] = useState(false);
+
+ // 6 Granular Permissions Matrix
+ const defaultPermissions = {
+ admin: false,
+ sale: true,
+ purchase: false,
+ sale_edit_after_1h: false,
+ purchase_edit_verified: false,
+ bank_upi_audit: false
+ };
+ const [formPermissions, setFormPermissions] = useState(defaultPermissions);
+
+ const applyRoleDefaults = (role) => {
+ setFormRole(role);
+ if (role === 'store_manager') {
+ setFormPermissions({
+ admin: true,
+ sale: true,
+ purchase: true,
+ sale_edit_after_1h: true,
+ purchase_edit_verified: true,
+ bank_upi_audit: true
+ });
+ } else if (role === 'pharmacist') {
+ setFormPermissions({
+ admin: false,
+ sale: true,
+ purchase: true,
+ sale_edit_after_1h: false,
+ purchase_edit_verified: false,
+ bank_upi_audit: false
+ });
+ } else if (role === 'cashier') {
+ setFormPermissions({
+ admin: false,
+ sale: true,
+ purchase: false,
+ sale_edit_after_1h: false,
+ purchase_edit_verified: false,
+ bank_upi_audit: false
+ });
+ } else if (role === 'auditor') {
+ setFormPermissions({
+ admin: false,
+ sale: false,
+ purchase: false,
+ sale_edit_after_1h: false,
+ purchase_edit_verified: false,
+ bank_upi_audit: true
+ });
+ }
+ };
+
+ useEffect(() => {
+ if (store?.store_id) {
+ loadStaff();
+ }
+ }, [store?.store_id]);
+
+ const loadStaff = async () => {
+ setLoading(true);
+ try {
+ const res = await fetch(`${API_BASE}users?store_id=${store.store_id}`);
+ const data = await res.json();
+ if (data.status) {
+ setStaffList(data.users || []);
+ }
+ } catch (e) {
+ console.error("Failed to load staff:", e);
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ const openAddModal = () => {
+ setEditingUser(null);
+ setFormFullName('');
+ setFormUsername('');
+ setFormPinCode('1234');
+ applyRoleDefaults('pharmacist');
+ setFormPhone('');
+ setFormRegNo('');
+ setFormHprId('');
+ setFormIsDefault(false);
+ setFormIsActive(true);
+ setShowEditModal(true);
+ };
+
+ const openEditModal = (user) => {
+ setEditingUser(user);
+ setFormFullName(user.full_name || '');
+ setFormUsername(user.username || '');
+ setFormPinCode(''); // Keep empty unless resetting
+ setFormRole(user.user_role || 'pharmacist');
+ setFormPhone(user.phone || '');
+ setFormRegNo(user.pharmacist_reg_no || '');
+ setFormHprId(user.pharmacist_hpr_id || '');
+ setFormIsDefault(user.is_default == 1);
+ setFormIsActive(user.is_active == 1);
+
+ // Parse permissions
+ let perms = { ...defaultPermissions };
+ if (user.permissions) {
+ try {
+ const parsed = typeof user.permissions === 'string' ? JSON.parse(user.permissions) : user.permissions;
+ perms = { ...defaultPermissions, ...parsed };
+ } catch (e) {
+ console.warn('Error parsing user permissions:', e);
+ }
+ }
+ setFormPermissions(perms);
+ setShowEditModal(true);
+ };
+
+ const togglePermission = (key) => {
+ setFormPermissions(prev => ({
+ ...prev,
+ [key]: !prev[key]
+ }));
+ };
+
+ const handleSaveStaff = async (e) => {
+ e.preventDefault();
+ if (!formFullName.trim() || !formUsername.trim()) {
+ notify('Full Name and Username are required.', 'error');
+ return;
+ }
+
+ setIsSaving(true);
+ try {
+ const payload = {
+ user_id: editingUser ? editingUser.user_id : 0,
+ store_id: store.store_id,
+ full_name: formFullName.trim(),
+ username: formUsername.trim(),
+ user_role: formRole,
+ phone: formPhone.trim(),
+ pharmacist_reg_no: formRegNo.trim(),
+ pharmacist_hpr_id: formHprId.trim(),
+ is_default: formIsDefault ? 1 : 0,
+ is_active: formIsActive ? 1 : 0,
+ permissions: JSON.stringify(formPermissions)
+ };
+ if (formPinCode.trim()) {
+ payload.pin_code = formPinCode.trim();
+ }
+
+ const res = await fetch(`${API_BASE}users/save`, {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify(payload)
+ });
+ const data = await res.json();
+ if (data.status) {
+ notify('Staff profile and permission matrix saved successfully.', 'success');
+ setShowEditModal(false);
+ loadStaff();
+ if (onOperatorUpdated) onOperatorUpdated();
+ } else {
+ notify(data.message || 'Failed to save staff profile.', 'error');
+ }
+ } catch (err) {
+ notify('Network error saving staff profile.', 'error');
+ } finally {
+ setIsSaving(false);
+ }
+ };
+
+ return (
+
+ {/* Header & Add Button */}
+
+
+
+
+
+ Manage pharmacy staff credentials, cashier PINs, and granular audit/sale/purchase rights for {store.store_name}
+
+
+
+
+
+
+
+
+ {/* Staff Cards Grid */}
+
+ {loading ? (
+
+
+ ) : staffList.length === 0 ? (
+
+
+ ) : (
+ staffList.map((user) => {
+ const isCurrent = activeOperator?.user_id == user.user_id;
+ const roleColor =
+ user.user_role === 'store_manager' ? 'primary' :
+ user.user_role === 'pharmacist' ? 'success' :
+ user.user_role === 'auditor' ? 'info' :
+ user.user_role === 'cashier' ? 'warning' : 'secondary';
+
+ let perms = {};
+ try {
+ perms = typeof user.permissions === 'string' ? JSON.parse(user.permissions || '{}') : (user.permissions || {});
+ } catch (e) {
+ perms = {};
+ }
+
+ return (
+
+
+
+
+
+ {user.full_name ? user.full_name[0] : 'U'}
+
+
+
{user.full_name}
+ @{user.username}
+
+
+
+ {user.user_role ? user.user_role.replace(/_/g, ' ') : 'STAFF'}
+
+
+
+
+
+ {user.pharmacist_reg_no ? (
+
+ {user.pharmacist_reg_no}
+
+ ) : null}
+
+
+ {/* Granular Permission Tags */}
+
+
Assigned Rights
+
+
+ Admin
+
+
+ Sale
+
+
+ Purchase
+
+
+ Sale Edit >1h
+
+
+ Purch Edit Verif
+
+
+ Bank Audit
+
+
+
+
+
+
+ {isCurrent ? (
+
+
+ ) : (
+ onSelectOperator && onSelectOperator(user)}
+ title="Switch active counter login to this user"
+ >
+
+ )}
+
+
openEditModal(user)}
+ >
+
+
+
+
+ );
+ })
+ )}
+
+
+ {/* Add / Edit Staff Modal */}
+ {showEditModal && (
+
)}
@@ -11245,6 +14696,1045 @@ function LedgersView({ store, notify }) {
// Note: Store & Statutory Licensing Setup is managed centrally in HMS -> Admin -> Medical Store.
+// =========================================================================
+// 8. STAFF & OPERATOR ROLE MANAGEMENT (END)
+// =========================================================================
+
+function MobileAppView({ store, stores, notify, activeOperator, onSwitchOperator, onExitMobile, triggerPwaInstall }) {
+ if (!store) return null;
+ const [mobTab, setMobTab] = useState('dashboard'); // 'dashboard', 'collector', 'auditor', 'purchase_photo'
+
+ // Dashboard Data
+ const [dashData, setDashData] = useState(null);
+ const [loadingDash, setLoadingDash] = useState(false);
+
+ // Rack Collector (Draft Bill) State
+ const [collectorItems, setCollectorItems] = useState([]);
+ const [itemSearchQuery, setItemSearchQuery] = useState('');
+ const [searchResults, setSearchResults] = useState([]);
+ const [selectedItem, setSelectedItem] = useState(null);
+ const [selectedBatch, setSelectedBatch] = useState(null);
+ const [collectQty, setCollectQty] = useState(1);
+ const [collectUnit, setCollectUnit] = useState('Tablet');
+ const [patientName, setPatientName] = useState('');
+ const [patientMobile, setPatientMobile] = useState('');
+ const [bedNo, setBedNo] = useState('');
+ const [wardName, setWardName] = useState('');
+ const [doctorName, setDoctorName] = useState('');
+ const [isSavingDraft, setIsSavingDraft] = useState(false);
+
+ // Stock Auditor State
+ const [auditSearch, setAuditSearch] = useState('');
+ const [auditResults, setAuditResults] = useState([]);
+ const [auditModalItem, setAuditModalItem] = useState(null);
+ const [auditCount, setAuditCount] = useState('');
+ const [auditReason, setAuditReason] = useState('PHYSICAL_VARIATION');
+ const [auditRemarks, setAuditRemarks] = useState('');
+ const [isSubmittingAudit, setIsSubmittingAudit] = useState(false);
+
+ // Purchase Invoice Camera State
+ const [recentPurchases, setRecentPurchases] = useState([]);
+ const [selectedPurchaseId, setSelectedPurchaseId] = useState('');
+ const [capturedImageBase64, setCapturedImageBase64] = useState(null);
+ const [isUploadingPhoto, setIsUploadingPhoto] = useState(false);
+ const [previewPhotoUrl, setPreviewPhotoUrl] = useState(null);
+
+ useEffect(() => {
+ if (store?.store_id) {
+ loadDashboard();
+ loadRecentPurchases();
+ }
+ }, [store?.store_id]);
+
+ const loadDashboard = async () => {
+ setLoadingDash(true);
+ try {
+ const res = await fetch(API_BASE + `mobile/dashboard?store_id=${store.store_id}`);
+ const data = await res.json();
+ if (data.status) setDashData(data);
+ } catch(e) {
+ console.error("Failed to load mobile dashboard:", e);
+ } finally {
+ setLoadingDash(false);
+ }
+ };
+
+ const loadRecentPurchases = async () => {
+ try {
+ const res = await fetch(API_BASE + `purchases?store_id=${store.store_id}&limit=15`);
+ const data = await res.json();
+ if (data.status) {
+ setRecentPurchases(data.purchases || []);
+ if (data.purchases && data.purchases.length > 0) {
+ setSelectedPurchaseId(data.purchases[0].purchase_id);
+ }
+ }
+ } catch(e) {
+ console.error("Failed to load purchases:", e);
+ }
+ };
+
+ // Medicine Search for Collector
+ const handleSearchItems = async (q) => {
+ setItemSearchQuery(q);
+ if (q.trim().length < 2) {
+ setSearchResults([]);
+ return;
+ }
+ try {
+ const res = await fetch(API_BASE + `items/search?store_id=${store.store_id}&q=${encodeURIComponent(q.trim())}`);
+ const data = await res.json();
+ if (data.status) {
+ setSearchResults(data.items || []);
+ }
+ } catch(e) {
+ console.error(e);
+ }
+ };
+
+ const addItemToDraft = () => {
+ if (!selectedItem || !selectedBatch) {
+ notify('Please select medicine item and batch.', 'error');
+ return;
+ }
+ const q = Number(collectQty);
+ if (q <= 0) {
+ notify('Quantity must be greater than 0.', 'error');
+ return;
+ }
+
+ const upp = Number(selectedItem.units_per_pack || selectedBatch.units_per_pack || 1);
+ const totalUnits = collectUnit === 'Strip' ? (q * upp) : q;
+ const rate = Number(selectedBatch.mrp || 0) / (collectUnit === 'Strip' ? 1 : upp);
+
+ const newItem = {
+ item_id: selectedItem.item_id,
+ item_name: selectedItem.item_name,
+ generic_name: selectedItem.generic_name || '',
+ batch_id: selectedBatch.batch_id,
+ batch_no: selectedBatch.batch_no,
+ expiry_date: selectedBatch.expiry_date,
+ qty: q,
+ sell_unit: collectUnit,
+ units_per_pack: upp,
+ total_units: totalUnits,
+ effective_rate: rate,
+ line_gross: q * Number(selectedBatch.mrp || 0)
+ };
+
+ setCollectorItems(prev => [...prev, newItem]);
+ setSelectedItem(null);
+ setSelectedBatch(null);
+ setItemSearchQuery('');
+ setSearchResults([]);
+ setCollectQty(1);
+ notify(`Added ${newItem.item_name} (${newItem.qty} ${collectUnit}) to draft basket`, 'success');
+ };
+
+ const handleSaveDraft = async () => {
+ if (collectorItems.length === 0) {
+ notify('Draft basket is empty! Add items from shelves.', 'error');
+ return;
+ }
+
+ setIsSavingDraft(true);
+ try {
+ const res = await fetch(API_BASE + 'drafts/save', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({
+ store_id: store.store_id,
+ patient_name: patientName.trim() || 'Walk-in Customer',
+ patient_mobile: patientMobile.trim(),
+ bed_no: bedNo.trim(),
+ ward_name: wardName.trim(),
+ doctor_name: doctorName.trim(),
+ collected_by_name: activeOperator ? activeOperator.full_name : 'Mobile Pharmacist',
+ items: collectorItems
+ })
+ });
+ const data = await res.json();
+ if (data.status) {
+ notify(`✓ Draft Bill #${data.draft_code} saved! Cashier on counter PC can now bill it.`, 'success');
+ setCollectorItems([]);
+ setPatientName('');
+ setPatientMobile('');
+ setBedNo('');
+ setWardName('');
+ setDoctorName('');
+ } else {
+ notify(data.message || 'Failed to save draft bill.', 'error');
+ }
+ } catch(e) {
+ notify('Network error saving draft bill: ' + e.message, 'error');
+ } finally {
+ setIsSavingDraft(false);
+ }
+ };
+
+ // Auditor Search
+ const handleSearchAudit = async (q) => {
+ setAuditSearch(q);
+ if (q.trim().length < 2) {
+ setAuditResults([]);
+ return;
+ }
+ try {
+ const res = await fetch(API_BASE + `stock/list?store_id=${store.store_id}&limit=20&filter=all`);
+ const data = await res.json();
+ if (data.status && data.stock) {
+ const filtered = data.stock.filter(s =>
+ s.item_name.toLowerCase().includes(q.toLowerCase()) ||
+ (s.generic_name && s.generic_name.toLowerCase().includes(q.toLowerCase())) ||
+ s.batch_no.toLowerCase().includes(q.toLowerCase()) ||
+ (s.shelf_no && s.shelf_no.toLowerCase().includes(q.toLowerCase()))
+ );
+ setAuditResults(filtered);
+ }
+ } catch(e) {
+ console.error(e);
+ }
+ };
+
+ const handleMobileReconcile = async () => {
+ if (!auditModalItem) return;
+ const pQty = Number(auditCount);
+ if (isNaN(pQty) || pQty < 0) {
+ notify('Please enter valid physical count (>=0).', 'error');
+ return;
+ }
+
+ setIsSubmittingAudit(true);
+ try {
+ const res = await fetch(API_BASE + 'stock/reconcile', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({
+ store_id: store.store_id,
+ item_id: auditModalItem.item_id,
+ batch_id: auditModalItem.batch_id,
+ physical_qty: pQty,
+ audit_type: auditReason,
+ remarks: auditRemarks.trim() || `Mobile Shelf Audit by ${activeOperator?.full_name || 'Staff'}`,
+ operator_id: activeOperator?.user_id || 1,
+ operator_name: activeOperator?.full_name || 'Mobile Auditor'
+ })
+ });
+ const data = await res.json();
+ if (data.status) {
+ notify(`Reconciled ${auditModalItem.item_name}! System ${auditModalItem.current_qty} -> Shelf ${pQty}`, 'success');
+ setAuditModalItem(null);
+ handleSearchAudit(auditSearch);
+ } else {
+ notify(data.message || 'Failed to reconcile.', 'error');
+ }
+ } catch(e) {
+ notify('Network error.', 'error');
+ } finally {
+ setIsSubmittingAudit(false);
+ }
+ };
+
+ // Purchase Invoice Photo Capture
+ const handleCaptureFile = (e) => {
+ const file = e.target.files && e.target.files[0];
+ if (file) {
+ const reader = new FileReader();
+ reader.onload = (evt) => {
+ setCapturedImageBase64(evt.target.result);
+ };
+ reader.readAsDataURL(file);
+ }
+ };
+
+ const handleUploadPhoto = async () => {
+ if (!selectedPurchaseId || !capturedImageBase64) {
+ notify('Please select an inward purchase and take/select a photo.', 'error');
+ return;
+ }
+
+ setIsUploadingPhoto(true);
+ try {
+ const res = await fetch(API_BASE + 'purchase/upload-photo', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({
+ purchase_id: Number(selectedPurchaseId),
+ image_data: capturedImageBase64
+ })
+ });
+ const data = await res.json();
+ if (data.status) {
+ notify('Purchase paper invoice photo attached successfully!', 'success');
+ setCapturedImageBase64(null);
+ loadRecentPurchases();
+ } else {
+ notify(data.message || 'Failed to attach photo.', 'error');
+ }
+ } catch(e) {
+ notify('Network error uploading photo: ' + e.message, 'error');
+ } finally {
+ setIsUploadingPhoto(false);
+ }
+ };
+
+ return (
+
+ {/* Top Sticky App Header */}
+
+
+
+
+
+
{store.store_name}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Main Content Area */}
+
+
+ {/* ========================================================================= */}
+ {/* 1. ADMIN DASHBOARD & HEALTH METRICS */}
+ {/* ========================================================================= */}
+ {mobTab === 'dashboard' && (
+
+
+
+
+
+
+
+
+ {loadingDash || !dashData ? (
+
+
+
Loading store telemetry...
+
+ ) : (
+
+ {/* KPI Tiles */}
+
+
+
+ TOTAL BATCHES
+ {dashData.summary?.total_batches || 0}
+ ({dashData.summary?.total_units || 0} Units)
+
+
+
+
+ STOCK VALUATION (PTR)
+ ₹{Number(dashData.summary?.cost_valuation || 0).toLocaleString('en-IN')}
+
+
+
+
+ NEAR EXPIRY (<90d)
+ {dashData.summary?.near_expiry_count || 0} Batches
+
+
+
+
+ SUPPLIER PENDING
+ ₹{Number(dashData.summary?.total_supplier_pending || 0).toLocaleString('en-IN')}
+
+
+
+
+ {/* Section 1: Nearest Expiry Alert List */}
+
+
+
+
+ Priority Action
+
+
+ {dashData.near_expiry?.length === 0 ? (
+
No batches expiring in next 90 days.
+ ) : (
+ dashData.near_expiry.map((item, i) => (
+
+
+
{item.item_name}
+
+ Batch: {item.batch_no} {item.shelf_no ? `• Sh: ${item.shelf_no}` : ''}
+
+
+
+
+ Exp: {item.expiry_date}
+
+
{item.current_qty} Units
+
+
+ ))
+ )}
+
+
+
+ {/* Section 2: High Sale Products (Top Movers) */}
+
+
+
+
+ Top Sales
+
+
+ {dashData.high_sales?.length === 0 ? (
+
No sale records yet.
+ ) : (
+ dashData.high_sales.map((item, i) => (
+
+
+
#{i+1} {item.item_name}
+
{item.generic_name || 'Allopathic'}
+
+
+
{item.total_sold} Units Sold
+
₹{item.total_revenue}
+
+
+ ))
+ )}
+
+
+
+ {/* Section 3: Dump Stock (Dead Stock) */}
+
+
+
+
+ Capital Blocked
+
+
+ {dashData.dump_stock?.length === 0 ? (
+
No stagnant stock detected.
+ ) : (
+ dashData.dump_stock.map((item, i) => (
+
+
+
{item.item_name}
+
Batch: {item.batch_no} • Exp: {item.expiry_date}
+
+
+
{item.current_qty} Units Stagnant
+
MRP: ₹{item.mrp}
+
+
+ ))
+ )}
+
+
+
+ {/* Section 4: Supplier Pending Dues */}
+
+
+
+
+ Accounts Payable
+
+
+ {dashData.supplier_pending?.length === 0 ? (
+
All supplier bills are settled!
+ ) : (
+ dashData.supplier_pending.map((item, i) => (
+
+
+
{item.supplier_name || 'Distributor'}
+
Inv: {item.supplier_invoice_no} • Due: {item.due_date}
+
+
+ ₹{Number(item.pending_amount).toFixed(2)}
+ Paid: ₹{item.paid_amount}
+
+
+ ))
+ )}
+
+
+
+ )}
+
+ )}
+
+ {/* ========================================================================= */}
+ {/* 2. RACK COLLECTOR (MOBILE DRAFT BILL CREATOR) */}
+ {/* ========================================================================= */}
+ {mobTab === 'collector' && (
+
+
+
+
+
+ {collectorItems.length} Items in Basket
+
+
+
+ Collect medicines from shelves, add to mobile basket, and tap "Save Draft" so the cashier on counter PC can bill it immediately.
+
+
+ {/* Search Medicine */}
+
+
Search Medicine to Pick
+
+
+
+ {/* Search Dropdown */}
+ {searchResults.length > 0 && (
+
+ {searchResults.map(item => (
+
{
+ setSelectedItem(item);
+ setSelectedBatch(item.batches && item.batches[0] ? item.batches[0] : null);
+ setSearchResults([]);
+ }}
+ style={{ cursor: 'pointer' }}
+ >
+
{item.item_name}
+
+ {item.generic_name} • Stock: {item.total_stock} Units
+
+
+ ))}
+
+ )}
+
+
+ {/* Selected Item Detail & Batch Selector */}
+ {selectedItem && (
+
+
{selectedItem.item_name}
+
{selectedItem.generic_name}
+
+
+
+ Select Batch from Shelf
+ {
+ const b = selectedItem.batches?.find(bt => bt.batch_id == e.target.value);
+ setSelectedBatch(b || null);
+ }}
+ >
+ {(selectedItem.batches || []).map(b => (
+
+ Batch: {b.batch_no} | Exp: {b.expiry_date} | Stock: {b.current_qty} | Sh: {b.shelf_no || '-'}
+
+ ))}
+
+
+
+ Sell Unit
+ setCollectUnit(e.target.value)}
+ >
+ Tablet / Loose
+ Strip / Full Pack
+
+
+
+
Quantity
+
+ setCollectQty(Math.max(1, collectQty - 1))}>-
+ setCollectQty(collectQty + 1)}>+
+
+
+
+
+
+ setSelectedItem(null)}>Cancel
+
+
+
+
+ )}
+
+ {/* Current Basket Items List */}
+
+
+ Draft Basket Items ({collectorItems.length})
+ {collectorItems.length > 0 && (
+ setCollectorItems([])}>Clear
+ )}
+
+
+ {collectorItems.length === 0 ? (
+
+
+ ) : (
+ collectorItems.map((it, idx) => (
+
+
+
{it.item_name}
+
+ Batch: {it.batch_no} • Qty: {it.qty} {it.sell_unit} ({it.total_units} total units)
+
+
+
setCollectorItems(collectorItems.filter((_, i) => i !== idx))}
+ >
+
+
+ ))
+ )}
+
+
+
+ {/* Patient & Bed Reference Info */}
+ {collectorItems.length > 0 && (
+
+
Patient / Counter Destination
+
+
+
+ {isSavingDraft ? (
+ <>
+
+ )}
+
+ )}
+
+ {/* ========================================================================= */}
+ {/* 3. MOBILE STOCK AUDITOR */}
+ {/* ========================================================================= */}
+ {mobTab === 'auditor' && (
+
+
+
+
+ Routine Count
+
+
+ During low workload hours, search medicine or rack, check shelf count against system records, and reconcile stock with 1 tap.
+
+
+
+
+
+
+ {auditResults.length === 0 ? (
+
+ Type medicine or batch to verify shelf stock.
+
+ ) : (
+ auditResults.map((item, idx) => (
+
+
+
+
{item.item_name}
+
+ Batch: {item.batch_no} • Exp: {item.expiry_display || item.expiry_date}
+
+
+
+ {item.shelf_no ? `Shelf: ${item.shelf_no}` : 'Normal'}
+
+
+
+
+
+ SYSTEM STOCK
+ {item.current_qty} Units
+
+
{
+ setAuditModalItem(item);
+ setAuditCount(item.current_qty);
+ setAuditReason('PHYSICAL_VARIATION');
+ setAuditRemarks('');
+ }}
+ >
+
+
+
+ ))
+ )}
+
+
+ {/* Single Item Reconcile Modal in Mobile */}
+ {auditModalItem && (
+
+
+
+
+
Reconcile: {auditModalItem.item_name}
+ setAuditModalItem(null)}>
+
+
+
+
+
+ System Qty
+ {auditModalItem.current_qty}
+
+
+
+
+ Physical Count
+
+
+
+
+ {(() => {
+ const sys = Number(auditModalItem.current_qty);
+ const phy = Number(auditCount !== '' ? auditCount : sys);
+ const diff = phy - sys;
+ const rate = Number(auditModalItem.ptr || auditModalItem.mrp || 0);
+ const val = Math.abs(diff) * rate;
+
+ if (diff === 0) {
+ return
✓ Counts match (0 diff).
;
+ } else if (diff < 0) {
+ return (
+
+ Shortage: {Math.abs(diff)} units (Loss: ₹{val.toFixed(2)})
+
+ );
+ } else {
+ return (
+
+ Surplus: +{diff} units (Valuation: ₹{val.toFixed(2)})
+
+ );
+ }
+ })()}
+
+
+ Reason
+ setAuditReason(e.target.value)}
+ >
+ Physical Shelf Miscount
+ Damaged Foil / Bottle
+ Breakage / Leakage
+ Expired Stock Disposed
+ Surplus Found
+ Unaccounted Shortage
+
+
+
+
+ Remarks
+
+
+
+ setAuditModalItem(null)}>Cancel
+
+ {isSubmittingAudit ? 'Saving...' : 'Commit Adjustment'}
+
+
+
+
+
+ )}
+
+ )}
+
+ {/* ========================================================================= */}
+ {/* 4. PURCHASE INWARD PAPER INVOICE CAMERA ATTACHMENT */}
+ {/* ========================================================================= */}
+ {mobTab === 'purchase_photo' && (
+
+
+
+
+ Audit Proof
+
+
+ Take a direct photo of the distributor's delivery challan or paper tax invoice and attach it to the inward record.
+
+
+
+
1. Select Inward Purchase Bill
+
setSelectedPurchaseId(e.target.value)}
+ >
+ {recentPurchases.map(p => (
+
+ #{p.purchase_id} | Inv: {p.supplier_invoice_no} | {p.supplier_name || 'Distributor'} (₹{p.net_amount})
+
+ ))}
+
+
+
2. Take Paper Invoice Photo
+
+
+ Snap Photo with Phone Camera
+ or choose from device gallery
+
+
+
+ {/* Captured Photo Preview */}
+ {capturedImageBase64 && (
+
+
Preview of Captured Bill:
+
+
+ )}
+
+
+ {isUploadingPhoto ? (
+ <>
+
+
+ {/* View Attached Invoices */}
+
+
+ Recent Purchases with Photo Status
+
+
+ {recentPurchases.slice(0, 5).map(p => (
+
+
+
{p.supplier_invoice_no}
+
{p.supplier_name || 'Distributor'} • ₹{p.net_amount}
+
+
+
+ ))}
+
+
+
+ )}
+
+
+ {/* Bottom Fixed Navigation Bar */}
+
+ setMobTab('dashboard')}
+ style={{ fontSize: '0.72rem', color: mobTab === 'dashboard' ? '#38bdf8' : '#94a3b8' }}
+ >
+ Dashboard
+
+
+ setMobTab('collector')}
+ style={{ fontSize: '0.72rem', color: mobTab === 'collector' ? '#38bdf8' : '#94a3b8' }}
+ >
+ Rack Drafts
+ {collectorItems.length > 0 && (
+
+ {collectorItems.length}
+
+ )}
+
+
+ setMobTab('auditor')}
+ style={{ fontSize: '0.72rem', color: mobTab === 'auditor' ? '#38bdf8' : '#94a3b8' }}
+ >
+ Shelf Audit
+
+
+ setMobTab('purchase_photo')}
+ style={{ fontSize: '0.72rem', color: mobTab === 'purchase_photo' ? '#38bdf8' : '#94a3b8' }}
+ >
+ Bill Camera
+
+
+
+ );
+}
+
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
 ?>){kind=logo}
+