📦 Purchase Order List

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

{ searchTerm = ( e.target as HTMLInputElement ).value.toLowerCase(); fetchPurchaseOrder( selectedVillaId, searchTerm, sortColumn, sortOrder, currentPage - 1, rowsPerPage, selectedStatus, ); }} />

{#each columns as col} {#if col.key === "purchase_order_number"} {:else} {/if} {/each} {#each allRows 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 === "purchase_order_number"} {: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}

toggleSort(col.key)} > {col.title} {#if sortColumn === col.key} {sortOrder === "asc" ? " 🔼" : " 🔽"} {/if}	toggleSort(col.key)} > {col.title} {#if sortColumn === col.key} {sortOrder === "asc" ? " 🔼" : " 🔽"} {/if}
{#if row[col.key]} {new Date( row[col.key], ).toLocaleString()} {:else} — {/if}	{row[col.key] \|\| "—"}	{row.purchase_order_number \|\| "—"}								{row[col.key] ?? "—"}

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

Rows per page: {#each pageRange(totalPages, currentPage) as page} {#if page === "..."} ... {:else} {/if} {/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}

Approve Purchase Order

PO Number {#if approvalForm.po_item} PO Item {/if} {#if approvalForm.approved_quantity != null} Approved Quantity {/if} {#if approvalForm.approved_price != null} Approved Price {/if} {#if approvalForm.total_approved_order_amount != null} Total Approved Order Amount {/if} {#if approvalForm.approved_vendor} Approved Vendor {/if} Approval {#if approvalForm.approval === "reject"} Reject Comment {/if} PO Remark

Acknowledge Purchase Order

PO Number Acknowledged {#if acknowledgedForm.acknowledged === "reject"} Reject Comment {/if} {#if acknowledgedForm.po_item} PO Item {/if} {#if acknowledgedForm.approved_quantity != null} Approved Quantity {/if} {#if acknowledgedForm.approved_price != null} Approved Price {/if} {#if acknowledgedForm.total_approved_order_amount != null} Total Approved Order Amount {/if} {#if acknowledgedForm.approved_vendor} Approved Vendor {/if}

Complete Purchase Order

PO Number Completion {#if completedForm.completed === "reject"} Reject Comment {/if} {#if completedForm.po_item} PO Item {/if} {#if completedForm.approved_quantity != null} Approved Quantity {/if} {#if completedForm.approved_price != null} Approved Price {/if} {#if completedForm.total_approved_order_amount != null} Total Approved Order Amount {/if} {#if completedForm.approved_vendor} Approved Vendor {/if}

Receive Purchase Order

PO Number Received {#if receivedForm.po_item} PO Item {/if} {#if receivedForm.approved_quantity != null} Approved Quantity {/if} {#if receivedForm.approved_price != null} Approved Price {/if} {#if receivedForm.total_approved_order_amount != null} Total Approved Order Amount {/if} {#if receivedForm.approved_vendor} Approved Vendor {/if}

Purchase Order Details

PO Number

PO Status

Villa Name

PO Type

Related Issue

{detailsRow?.po_issue_name ?? "no issue"}

PO Item

PO Qty

Request Date

Request By

PO Due Date

Prepared Section

Prepared Date

Prepared By

Q1 Vendor

Q1 Vendor Price

Q2 Vendor

Q2 Vendor Price

Q3 Vendor

Q3 Vendor Price

Remarks

{detailsRow?.po_remark ?? "—"}

Approved Vendor

Approved Price

Approved Quantity

Approved Total Price

Payment Section

Payment Method

Full Payment Date

1st Payment Amount

1st Payment Date

2nd Payment Amount

2nd Payment Date

3rd Payment Amount

3rd Payment Date

4th Payment Amount

4th Payment Date

5th Payment Amount

5th Payment Date

6th Payment Amount

6th Payment Date

Due Payment

Approval Section

Approved By

Approved Date

Acknowledged Section

Acknowledged By

Acknowledged Date

Received Section

Received By

Received Date

📦 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

Purchase Order Details

Prepared Section

Payment Section

Approval Section

Acknowledged Section

Received Section