ERPNEXT PO Format

<style>
    /*
        common style for whole page
        This should include:
        + page size related settings
        + font family settings
        + line spacing settings
    */
    @media screen {
        body {
            width: 8.3in;
        }
    }

    html, body, div, span, td {
        font-family: "Georgia", serif;
        font-size: 12px;
    }

    body {
        padding: 10px;
        margin: auto;
        font-size: 12px;
    }

    .common {
        font-family: "Georgia", serif !important;
        font-size: 12px;
        padding: 10px 0px;
    }

    table {
        border-collapse: collapse;
        width: 100%;
        vertical-align: top;
    }

    table td {
        padding: 2px 0px;
    }

    table h1, h2, h3, h4, h5, h6 {
        padding: 0px;
        margin: 0px;
    }

    table.header-table td {
        vertical-align: top;
    }

    table.header-table thead {
        border-bottom: 1px solid black;
    }

    table.header-table h3 {
        color: gray;
    }

    table.header-table thead td {
        padding: 5px 0px;
    }

    div.page-body table td:nth-child(6),
    div.page-body table td:nth-child(7) {
        text-align: right;
    }

    table.footer-table td {
        vertical-align: top;
    }

    table.footer-table td table td:nth-child(2),
    table.footer-table td table td:nth-child(3) {
        text-align: right;
    }
</style>


<!-- Javascript -->
<script>
    si_std = {
        print_item_table: function() {
            var table = print_table(
                'Purchase Order',
                doc.name,
                'po_details',
                'Purchase Order Item',
                [// Here specify the table columns to be displayed
                    'SR','description','uom','qty',
                    'rate','discount_percentage', 'amount'
                ],
                [// Here specify the labels of column headings
                    'Sr','Description', 'Unit','Qty',
                    'Basic Rate', 'Disc','Amount',
                ],
                [// Here specify the column widths
                    '3%','42%', '8%','7%',
                    '11%', '9%','20%'
                ]
            );

            // This code takes care of page breaks
            if(table.appendChild) {
                out = table.innerHTML;
            } else {
                out = '';
                for(var i=0; i < (table.length-1); i++) {
                    out += table[i].innerHTML +
                        '<div style = "page-break-after: always;" \
                        class = "page_break"></div>\
                        <div class="page-settings"></div>';
                }
                out += table[table.length-1].innerHTML;
            }
            return out;
        },


        print_other_charges: function(parent) {
            var oc = getchildren('Purchase Taxes and Charges', doc.name, 'other_charges');
            var rows = '<table width=100%>\n';
            for(var i=0; i<oc.length; i++) {
                rows +=
                    '<tr>\n' +
                        '\t<td>' + oc[i].description + '</td>\n' +
                        '\t<td style="width: 38%; text-align: right;">' + format_currency(oc[i].tax_amount / (doc.conversion_rate || 1), doc.currency) + '</td>\n' +
                    '</tr>\n';
            }
            return rows + '</table>\n';
        }
    };
</script>


<!-- Page Layout Settings -->
<div class='common page-header'>

        <center><h1>GREEN EARTH PROJECTS</h1><br>
<h5>Basement,#159 TGR Corner,Bethel Nagar,3rd Main,Kodigehalli Main Road,
<br>K R Puram,Bangalore-560036,Ph-080 25610049,E-Mail-greenearthproject@gmail.com.
</h5>
   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<h4>PURCHASE/WORK ORDER</h4>

</center>

                    Tin No:29941207921
   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Sr. No.<script>cur_frm.docname</script><br>
                    Ref. Indent No:
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

  Date:<script>date.str_to_user(doc.transaction_date)</script><br>
                    Project:
                    <br> <br><p>To,<br><script>doc.supplier_name</script><br>Consignee Tin No<br><script>doc.newfield</script><br>Dear Sir,<br>Reference to your quotation No.___________
and as per telephonic talk with Mr.____________________ kindly supply the under mentioned goods at prices quoted by you as given below, Kindly acknowledge receipt of the order.</p>
<br><h4><hr></h4>



    <table class='header-table' cellspacing=0>
        <!-- <thead>
             <tr><td><script>'<h1>' + (doc.select_print_heading || 'Purchase Order') + '</h1>'</script></td></tr>
            <tr><td><h3><script>cur_frm.docname</script></h3></td></tr>
        </thead> -->
       <!--  <tbody>
            <tr>
                <td width=60%><table width=100% cellspacing=0><tbody>
                    <tr>
                        <td width=22%><b>Name</b></td>
                        <td><script>doc.supplier_name</script></td>
                    </tr>
                    <tr>
                        <td><b>Address</b></td>
                        <td><script>replace_newlines(doc.address_display)</script></td>
                    </tr>
                    <tr>
                        <td><b>Contact</b></td>
                        <td><script>doc.contact_display</script></td>
                    </tr>
                </tbody></table></td>
                <td><table width=100% cellspacing=0><tbody>
                    <tr>
                        <td width=63%><b>Purchase Order Date</b></td>
                        <td><script>date.str_to_user(doc.transaction_date)</script></td>
                    <tr>
                </tbody></table></td>
            </tr>
        </tbody> -->
        <tfoot>

        </tfoot>
    </table>
</div>
<div class='common page-body'>
    <!--
        Page Body will contain
            + table 2
                - Sales Invoice Data
    -->
    <script>si_std.print_item_table()</script>
</div>
<div class='common page-footer'>
    <!--
        Page Footer will contain
            + table 3
                - Terms and Conditions
                - Total Rounded Amount Calculation
                - Total Rounded Amount in Words
    -->
    <table class='footer-table' width=100% cellspacing=0>
        <thead>

        </thead>
        <tbody>
            <tr>
                <td width=60% style='padding-right: 10px;'>
                    <!--<b>Terms, Conditions &amp; Other Information:</b><br />
                    <script>doc.terms</script> -->
                </td>
                <td>
                    <table cellspacing=0 width=100%><tbody>
                        <tr>
                            <td>Net Total</td>
                            <td style="width: 38%; text-align: right;"><script>
                                format_currency(doc.net_total_import, doc.currency)
                            </script></td>
                        </tr>
                        <tr><td colspan=3><script>si_std.print_other_charges()</script></td></tr>
                        <tr style='font-weight: bold'>
                            <td>Grand Total</td>
                            <td style="width: 38%; text-align: right;"><script>
                                format_currency(doc.grand_total_import, doc.currency)
                            </script></td>
                        </tr>
                    </tbody></table>
                    <br /><b>In Words</b><br />
                    <i><script>doc.in_words_import</script></i>
                </td>
            </tr>
        </tbody>
        <tfoot>

        </tfoot>
    </table>

Rate terms:<br>Payment Schedule:<br>Place Of Delivery:<br>Delivery Schedule:<br>Contact:<br>Prepared by:
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Your faithfully,<br>Checked by:
</div>