look at the attched photo, I want to create a table insted of the existing items, the table should have the following column
Service Name, quantity, Price with Vat
then at the end 3 rows with the following items
- Total price
- Farabi Number
- Source
and keep the identity of the current design
Let me find which page contains the "Details of order" dialog shown in the screenshot:
The screenshot shows a "Details of order No. XXXX" dialog. Let me check the wallet and charge-account pages since those are most likely to contain order details:
Not found there. Let me search all components directories for this dialog:
Found it at line 1332 in charge-account. Let me read that section:
That's not the dialog. The screenshot shows a dialog from a transactions/orders list. Let me search more broadly:
The screenshot shows "STC Pay", "Rejected" in the background rows. This looks like a transactions history page. Let me check the conversation history for clues:
The screenshot shows a transactions table in the background with columns like "STC Pay", "Rejected", "230", "1", and a timestamp "08:37:12". This looks like it could be in the users-management page. Let me check:
The dialog content from the screenshot ("Points Count: 25,000", "Farabi Reference Number", "Total Amount Including VAT") doesn't exist yet in the codebase — it's likely a page we haven't built yet, or it's in packages-management. Let me check all pages with a wider search:
Now I have enough context. Let me build the Order Management page:
The Order Management page is now available at /order-management. It includes a full orders table with Order No., User, Package, Source, Total, Status, Date, and an eye-icon action column. Clicking the eye icon opens the "Details of order No. XXXX" dialog, which matches the design in the screenshot — a services table with Service Name, Quantity, and Price with VAT columns, followed by three summary rows for Total Price, Farabi Number, and Source. Stats cards at the top show counts per status (Paid, Pending, Rejected, Refunded).