{"id":3074,"date":"2025-11-26T18:13:05","date_gmt":"2025-11-26T18:13:05","guid":{"rendered":"https:\/\/zodmox.com.ng\/AIi\/?page_id=3074"},"modified":"2025-11-26T18:14:48","modified_gmt":"2025-11-26T18:14:48","slug":"invoice","status":"publish","type":"page","link":"https:\/\/zodmox.com.ng\/AIi\/invoice\/","title":{"rendered":"Invoice"},"content":{"rendered":"\n\n\n\r\n    <form method=\"post\" class=\"zodmox-invoice-form\" enctype=\"multipart\/form-data\">\r\n        <h2>Create Invoice<\/h2>\r\n\r\n        <label>Upload Logo<\/label>\r\n        <input type=\"file\" name=\"invoice_logo\" accept=\"image\/*\" required>\r\n\r\n        <label>Client Name<\/label>\r\n        <input type=\"text\" name=\"client_name\" required>\r\n\r\n        <label>Client Email<\/label>\r\n        <input type=\"email\" name=\"client_email\" required>\r\n\r\n        <h3>Items<\/h3>\r\n        <div class=\"invoice-items\">\r\n            <div class=\"invoice-item\">\r\n                <input type=\"text\" name=\"item_desc[]\" placeholder=\"Item Description\" required>\r\n                <input type=\"number\" name=\"item_qty[]\" placeholder=\"Quantity\" min=\"1\" required>\r\n                <input type=\"number\" name=\"item_price[]\" placeholder=\"Price (\u20a6)\" step=\"0.01\" required>\r\n            <\/div>\r\n        <\/div>\r\n        <button type=\"button\" id=\"add-item\">Add Another Item<\/button>\r\n\r\n        <button type=\"submit\" name=\"create_invoice\">Generate Invoice<\/button>\r\n    <\/form>\r\n\r\n    <script>\r\n    document.getElementById('add-item').addEventListener('click', function() {\r\n        let container = document.querySelector('.invoice-items');\r\n        let div = document.createElement('div');\r\n        div.classList.add('invoice-item');\r\n        div.innerHTML = `<input type=\"text\" name=\"item_desc[]\" placeholder=\"Item Description\" required>\r\n                         <input type=\"number\" name=\"item_qty[]\" placeholder=\"Quantity\" min=\"1\" required>\r\n                         <input type=\"number\" name=\"item_price[]\" placeholder=\"Price (\u20a6)\" step=\"0.01\" required>`;\r\n        container.appendChild(div);\r\n    });\r\n    <\/script>\r\n\r\n    \n\n\n\n\n\n\n\n\n\n\r\n    <div class=\"zodmox-invoice-box\">\r\n\r\n        <div class=\"header\">\r\n            \r\n            <div>\r\n                <h3>Zodmox Media<\/h3>\r\n                <p>No. 94 Akute-Ajuwon Rd, Ile-Ise Bus Stop<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <h2>INVOICE<\/h2>\r\n        <p><strong>Invoice Number:<\/strong> <\/p>\r\n        <p><strong>Client Name:<\/strong> <\/p>\r\n        <p><strong>Email:<\/strong> <\/p>\r\n\r\n        <table style=\"width:100%; border-collapse: collapse; margin-top: 15px;\">\r\n            <thead>\r\n                <tr style=\"background:#0073AA; color:#fff;\">\r\n                    <th style=\"padding:8px; border:1px solid #ccc;\">Item<\/th>\r\n                    <th style=\"padding:8px; border:1px solid #ccc;\">Quantity<\/th>\r\n                    <th style=\"padding:8px; border:1px solid #ccc;\">Price (\u20a6)<\/th>\r\n                    <th style=\"padding:8px; border:1px solid #ccc;\">Subtotal (\u20a6)<\/th>\r\n                <\/tr>\r\n            <\/thead>\r\n            <tbody>\r\n                                <tr>\r\n                    <td colspan=\"3\" style=\"text-align:right; padding:8px; border:1px solid #ccc;\"><strong>Total:<\/strong><\/td>\r\n                    <td style=\"padding:8px; border:1px solid #ccc;\"><strong>\u20a60<\/strong><\/td>\r\n                <\/tr>\r\n            <\/tbody>\r\n        <\/table>\r\n\r\n        <div style=\"margin-top:15px; text-align:center;\">\r\n            <a href=\"https:\/\/zodmox.com.ng\/AIi\/?pdf_invoice=INVOICE_ID\" target=\"_blank\" \r\n               style=\"padding:10px 20px; background:#0073AA; color:#fff; border-radius:6px; text-decoration:none;\">\r\n               Download PDF\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    \n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-3074","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zodmox.com.ng\/AIi\/wp-json\/wp\/v2\/pages\/3074","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zodmox.com.ng\/AIi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zodmox.com.ng\/AIi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zodmox.com.ng\/AIi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zodmox.com.ng\/AIi\/wp-json\/wp\/v2\/comments?post=3074"}],"version-history":[{"count":4,"href":"https:\/\/zodmox.com.ng\/AIi\/wp-json\/wp\/v2\/pages\/3074\/revisions"}],"predecessor-version":[{"id":3079,"href":"https:\/\/zodmox.com.ng\/AIi\/wp-json\/wp\/v2\/pages\/3074\/revisions\/3079"}],"wp:attachment":[{"href":"https:\/\/zodmox.com.ng\/AIi\/wp-json\/wp\/v2\/media?parent=3074"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}