📦 Purchase Order List

Manage your purchase orders efficiently. You can add, edit, or delete purchase orders as needed.

{ const searchTerm = ( e.target as HTMLInputElement ).value.toLowerCase(); fetchPurchaseOrder(null, searchTerm, "created_at", "desc"); }} />

{#each columns as col} {#if col.key === "issue_name"} {:else} {/if} {/each} {#each paginatedRows as row} {#each columns as col} {#if col.key === "requested_date" || col.key === "po_due" || col.key === "updated_at"} {:else if col.key === "po_remark"} {:else if col.key === "issue_name"} {:else if col.key === "prepared"} {:else if col.key === "approved"} {:else if col.key === "acknowledged"} {:else if col.key === "completed"} {:else if col.key === "received"} {:else if col.key === "payment"} {:else if col.key === "actions"} {:else} {/if} {/each} {/each}

{col.title}	{col.title}
{#if row[col.key]} {new Date(row[col.key]).toLocaleString()} {:else} — {/if}	{row[col.key] \|\| "—"}	{row.issue_name \|\| "—"}								{row[col.key] ?? "—"}

Showing {(currentPage - 1) * rowsPerPage + 1}– {Math.min(currentPage * rowsPerPage, allRows.length)} of {allRows.length}

{#each Array(totalPages) .fill(0) .map((_, i) => i + 1) as page} {/each}

{isEditing ? "Edit Project" : "Add Project"}

Choose Issue

{#each formColumns as col} {#if col.key === "po_status"}

{col.title}

{:else if col.key === "po_type"}

{col.title}

{:else if col.key === "prepared_date"}

{col.title}

{:else if col.key === "po_price"}

{col.title}

{:else if col.key === "po_quantity"}

{col.title}

{:else if col.key === "po_total_price"}

{col.title}

{:else if col.key === "approved_price"}

{col.title}

{:else if col.key === "approved_vendor"}

{col.title}

{:else}

{col.title}

{/if} {/each}

Set Prepared

Prepared By Prepared Date PO Item PO Quantity Q1 Vendor Approved Quantity updateTotalAmount()} class="w-full border p-2" /> Approved Vendor Approved Price updateTotalAmount()} class="w-full border p-2" /> Total Approved Order Amount PO Remark

📦 Purchase Order List

{isEditing ? "Edit Project" : "Add Project"}

Set Prepared

Set Payment

Approve Purchase Order

Acknowledge Purchase Order

Complete Purchase Order

Receive Purchase Order

Edit Purchase Order

Add Purchase Order