API tools faq
paste
Guest User

ERPNext Sales Invoice Combined

a guest
Aug 1st, 2018
154
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 38.99 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>{{ doc.customer_name }}</title>
  7.     <meta name="generator" content="frappe">
  8.     <link type="text/css" rel="stylesheet"f
  9.        href="/assets/frappe/css/bootstrap.css">
  10.     <link type="text/css" rel="stylesheet"
  11.        href="/assets/frappe/css/font-awesome.css"><style>
  12.     @media screen {
  13.     .print-format-gutter {
  14.         background-color: #ddd;
  15.         padding: 0px 0px;
  16.     }
  17.     .print-format {
  18.         background-color: white;
  19.         box-shadow: 0px 0px 9px rgba(0,0,0,0.5);
  20.         max-width: 8.3in;
  21.         min-height: 11.69in;
  22.         padding: 0.75in;
  23.             margin: auto;
  24.     }
  25.  
  26.     .print-format.landscape {
  27.         max-width: 11.69in;
  28.         padding: 0.2in;
  29.     }
  30.  
  31.     .page-break {
  32.         padding: 30px 0px;
  33.         border-bottom: 1px dashed #888;
  34.     }
  35.  
  36.     .page-break:first-child {
  37.         padding-top: 0px;
  38.     }
  39.  
  40.     .page-break:last-child {
  41.         border-bottom: 0px;
  42.     }
  43.  
  44.     /* mozilla hack for images in table */
  45.     body:last-child .print-format td img {
  46.         width: 100% !important;
  47.     }
  48.  
  49.     @media(max-width: 767px) {
  50.         .print-format {
  51.             padding: 0.2in;
  52.         }
  53.     }
  54. }
  55.  
  56. @media print {
  57.     .print-format p {
  58.         margin-left: 1px;
  59.         margin-right: 1px;
  60.     }
  61. }
  62.  
  63. .data-field {
  64.     margin-top: 5px;
  65.     margin-bottom: 5px;
  66. }
  67.  
  68. .data-field .value {
  69.     word-wrap: break-word;
  70. }
  71.  
  72. .important .value {
  73.     font-size: 120%;
  74.     font-weight: bold;
  75. }
  76.  
  77. .important label {
  78.     line-height: 1.8;
  79.     margin: 0px;
  80. }
  81.  
  82. .table {
  83.     margin: 5px 0px 10px 0px;
  84. }
  85.  
  86. .square-image {
  87.     width: 100%;
  88.     height: 0;
  89.     padding: 50% 0;
  90.     background-size: contain;
  91.     /*background-size: cover;*/
  92.     background-repeat: no-repeat !important;
  93.     background-position: center center;
  94.     border-radius: 4px;
  95. }
  96.  
  97. .print-item-image {
  98.     object-fit: contain;
  99. }
  100.  
  101. .pdf-variables,
  102. .pdf-variable,
  103. .visible-pdf {
  104.     display: none !important;
  105. }
  106.  
  107. .print-format {
  108.     font-size: 8.0pt;
  109.     font-family: "Helvetica Neue", Helvetica, Arial, "Open Sans", sans-serif;
  110.     -webkit-print-color-adjust:exact;
  111. }
  112.  
  113. .page-break {
  114.     page-break-after: always;
  115. }
  116.  
  117. .print-heading {
  118.     border-bottom: 1px solid #aaa;
  119. }
  120.  
  121. .print-heading h2 {
  122.     margin: 0px;
  123. }
  124. .print-heading h4 {
  125.     margin-top: 5px;
  126. }
  127.  
  128. table.no-border, table.no-border td {
  129.     border: 0px;
  130. }
  131.  
  132. .print-format label {
  133.     /* wkhtmltopdf breaks label into multiple lines when it is inline-block */
  134.     display: block;
  135. }
  136.  
  137. .print-format img {
  138.     max-width: 100%;
  139. }
  140.  
  141. .print-format table td > .primary:first-child {
  142.     font-weight: bold;
  143. }
  144.  
  145. .print-format td, .print-format th {
  146.     vertical-align: top !important;
  147.     padding: 6px !important;
  148. }
  149.  
  150. .print-format p {
  151.     margin: 3px 0px 3px;
  152. }
  153.  
  154. table td div {
  155.    
  156. }
  157.  
  158. /* hack for webkit specific browser */
  159. @media (-webkit-min-device-pixel-ratio:0) {
  160.     thead, tfoot { display: table-row-group; }
  161. }
  162.  
  163. [document-status] {
  164.     margin-bottom: 5mm;
  165. }
  166.  
  167. .signature-img {
  168.     background: #fff;
  169.     border-radius: 3px;
  170.     margin-top: 5px;
  171.     max-height: 150px;
  172. }
  173.  
  174. .print-heading {
  175.     text-align: right;
  176.     text-transform: uppercase;
  177.     color: #666;
  178.     padding-bottom: -30px;
  179.     margin-bottom: -30px;
  180.     border-bottom: 1px solid #d1d8dd;
  181. }
  182.  
  183. .print-heading h2 {
  184.     font-size: 24px;
  185. }
  186.  
  187. .print-format th {
  188.     background-color: #eee !important;
  189.     border-bottom: 0px !important;
  190. }
  191.  
  192. /* modern format: for-test */
  193.  
  194. .print-format {
  195.   margin-top: 0mm;
  196.   margin-left: 10mm;
  197.   margin-right: 0mm;
  198. }
  199. .section-break{ padding: 5 px 0 px; }
  200.  
  201. #mdp-page-reset {
  202.    counter-reset: pagemhdp;
  203. }
  204.  
  205. #mdp-page-increment::before {
  206.   counter-increment: pagemhdp;
  207. }
  208.  
  209. #page-counter-mdp::before {
  210.   counter-increment: pagemhdp;
  211.   content: "Page " counter(pagemhdp);
  212. }
  213.  
  214.     </style>
  215. </head>
  216.  
  217. <body>
  218.  
  219.  
  220.     <!-- <div class="print-format-gutter"> -->
  221.         <!-- <div class="print-format"> -->
  222.        
  223. <div class="page-break" id="mdp-page-reset">
  224.     <div  id="header-html" class="hidden-pdf" >
  225.        
  226.     <div class="letter-head" id="mdp-page-increment"><div style="margin-top: 10px; margin-bottom: -50px;" id="letterhead-2-header"><div><b>YOUR COMPANY NAME</b></div>
  227. <div style="float: left; font-size: 8px;"><br>ADDRESS</div>
  228.  
  229. <div style="float: right; font-family: BitstreamCharter; font-size: 8px; text-align: right; margin-top: -10px; margin-bottom: -10px;">CIN: xxxx, GSTIN: xxxx<br>[email protected]</div>
  230.  
  231. </div></div>    
  232.     </div>
  233.  
  234.     <div id="footer-html" class="pdf-visible has-variables">
  235.         {% if not no_letterhead and footer %}
  236.         <div class="letter-head-footer">
  237.             <div>{{ footer }}</div>
  238.         </div>
  239.         {% endif %}
  240.         <p id="page-counter-mdp" class="text-center small page-number visible-pdf">
  241.         </p>
  242.     </div>
  243.    
  244. <div>
  245. <div class="print-heading">
  246.     <h6>
  247.         TAX INVOICE<br>
  248.         <small>{{ doc.name }}</small>
  249.     </h6>
  250. </div>
  251. <h6 id="page-count-mdp" class="text-center">
  252.     <small>Original for Recipient</small>
  253.     </h6>
  254. </div>
  255.  
  256.    
  257.     <div class="row section-break">
  258.             <div class="col-xs-4 column-break">
  259.            
  260.                 <div class="row important data-field" data-fieldname="posting_date" data-fieldtype="Date">
  261.             <div class="col-xs-5">
  262.  
  263.                
  264.                 <label>Date</label>
  265.                
  266.                
  267.             </div>
  268.             <div class="col-xs-7
  269.              value">
  270.                
  271.         {{ doc.get_formatted("posting_date") }}
  272.    
  273.             </div>
  274.         </div>
  275.            
  276.             </div>
  277.        
  278.             <div class="col-xs-4 column-break">
  279.            
  280.                 <div class="row  data-field" data-fieldname="due_date" data-fieldtype="Date">
  281.             <div class="col-xs-5">
  282.  
  283.                
  284.                 <label>Payment Due Date</label>
  285.                
  286.                
  287.             </div>
  288.             <div class="col-xs-7
  289.              value">
  290.                
  291.         {{ doc.due_date }}
  292.    
  293.             </div>
  294.         </div>
  295.            
  296.             </div>
  297.        
  298.             <div class="col-xs-4 column-break">
  299.            
  300.                 <div class="row  data-field" data-fieldname="reverse_charge" data-fieldtype="Select">
  301.             <div class="col-xs-5">
  302.  
  303.                
  304.                 <label>Reverse Charge</label>
  305.                
  306.                
  307.             </div>
  308.             <div class="col-xs-7
  309.              value">
  310.                
  311.         {{ doc.reverse_charge }}
  312.    
  313.             </div>
  314.         </div>
  315.            
  316.             </div>
  317.        
  318.     </div>
  319.    
  320.     <div class="row section-break">
  321.             <div class="col-xs-12 column-break">
  322.            
  323.                 <div class="row important data-field" data-fieldname="customer_name" data-fieldtype="Data">
  324.             <div class="col-xs-5">
  325.  
  326.                
  327.                 <label>Customer Name</label>
  328.                
  329.                
  330.             </div>
  331.             <div class="col-xs-7
  332.              value">
  333.                
  334.         {{ doc.customer_name }}
  335.    
  336.             </div>
  337.         </div>
  338.            
  339.                 <div class="row  data-field" data-fieldname="customer_gstin" data-fieldtype="Data">
  340.             <div class="col-xs-5">
  341.  
  342.                
  343.                 <label>Customer GSTIN</label>
  344.                
  345.                
  346.             </div>
  347.             <div class="col-xs-7
  348.              value">
  349.                
  350.         {{ doc.customer_gstin }}
  351.    
  352.             </div>
  353.         </div>
  354.            
  355.                 <div class="row  data-field" data-fieldname="po_no" data-fieldtype="Data">
  356.             <div class="col-xs-5">
  357.  
  358.                
  359.                 <label>Customer's Purchase Order</label>
  360.                
  361.                
  362.             </div>
  363.             <div class="col-xs-7
  364.              value">
  365.                
  366.         {{ doc.po_no }}
  367.    
  368.             </div>
  369.         </div>
  370.            
  371.                 <div class="row  data-field" data-fieldname="address_display" data-fieldtype="Small Text">
  372.             <div class="col-xs-5">
  373.  
  374.                
  375.                 <label>Address</label>
  376.                
  377.                
  378.             </div>
  379.             <div class="col-xs-7
  380.             text-left value">
  381.                
  382.         {{ doc.shipping_address }}
  383.    
  384.             </div>
  385.         </div>
  386.            
  387.                 <div class="row  data-field" data-fieldname="contact_display" data-fieldtype="Small Text">
  388.             <div class="col-xs-5">
  389.  
  390.                
  391.                 <label>Contact</label>
  392.                
  393.                
  394.             </div>
  395.             <div class="col-xs-7
  396.              value">
  397.                
  398.             {{ doc.contact_person }}
  399.    
  400.             </div>
  401.         </div>
  402.            
  403.             </div>
  404.        
  405.     </div>
  406.    
  407.     <div class="row section-break">
  408.             <div class="col-xs-12 column-break">
  409.            
  410.                 <div data-fieldname="items" data-fieldtype="Table">
  411.             <table class="table table-bordered table-condensed">
  412.                 <thead>
  413.                     <tr>
  414.                         <th style="width: 40px" class="table-sr">Sr</th>
  415.                        
  416.                        
  417.                        
  418.                        
  419.                             <th style="width: 70%px;" class="" data-fieldname="items" data-fieldtype="Table">
  420.                                 Description</th>
  421.                        
  422.                        
  423.                        
  424.                        
  425.                        
  426.                             <th style="width: 10%px;" class="text-right" data-fieldname="items" data-fieldtype="Table">
  427.                                 Quantity</th>
  428.                        
  429.                        
  430.                        
  431.                             <th style="width: 10%px;" class="text-right" data-fieldname="items" data-fieldtype="Table">
  432.                                 Rate</th>
  433.                        
  434.                        
  435.                        
  436.                             <th style="width: 10%px;" class="text-right" data-fieldname="items" data-fieldtype="Table">
  437.                                 Amount</th>
  438.                        
  439.                        
  440.                     </tr>
  441.                 </thead>
  442.                 <tbody>
  443.                     {%- for row in doc.items -%}
  444.                     <tr>
  445.                         <td class="table-sr">1</td>
  446.                        
  447.                        
  448.                        
  449.                        
  450.                             <td class="" data-fieldname="items" data-fieldtype="Table">
  451.                                 <div class="value">
  452.        
  453.  
  454. <div>
  455.     <div class="primary">
  456.             <strong>
  457.                 {{ row.item_code }}
  458.             </strong>
  459.         </div>
  460.  
  461.     <div style="margin-bottom: -15px;">{{ row.description }}</div><br/>
  462.  
  463.     <div>
  464.                 <strong>HSN/SAC: </strong>{{ row.gst_hsn_code }}
  465.                
  466.             </div>
  467.            
  468. </div>
  469.     </div></td>
  470.                        
  471.                        
  472.                        
  473.                        
  474.                        
  475.                             <td class="text-right" data-fieldname="items" data-fieldtype="Table">
  476.                                 <div class="value">
  477.         <small class="pull-left">{{ row.uom or row.stock_uom }}</small>
  478. {{ row.qty }}
  479.     </div></td>
  480.                        
  481.                        
  482.                        
  483.                             <td class="text-right" data-fieldname="items" data-fieldtype="Table">
  484.                                 <div class="value">
  485.         {{ row.get_formatted("rate", doc) }}
  486.     </div></td>
  487.                        
  488.                        
  489.                        
  490.                             <td class="text-right" data-fieldname="items" data-fieldtype="Table">
  491.                                 <div class="value">
  492.         {{ row.get_formatted("amount", doc) }}
  493.     </div></td>
  494.                        
  495.                        
  496.                     </tr>
  497.                     {%- endfor -%}
  498.                 </tbody>
  499.             </table>
  500.         </div>
  501.            
  502.             </div>
  503.        
  504.     </div>
  505.    
  506.     <div class="row section-break">
  507.             <div class="col-xs-6 column-break">
  508.            
  509.             </div>
  510.        
  511.             <div class="col-xs-6 column-break">
  512.            
  513.                 <div class="row">
  514.    
  515.         <div class="col-xs-5">
  516.             <label>Total</label></div>
  517.         <div class="col-xs-7 text-right">
  518.             {{ doc.get_formatted("total") }}
  519.         </div>
  520.    
  521. </div>
  522.            
  523.             </div>
  524.        
  525.     </div>
  526.    
  527.     <div class="row section-break">
  528.             <div class="col-xs-12 column-break">
  529.            
  530.                 <div class="row">
  531.     <div class="col-xs-6"></div>
  532.     <div class="col-xs-6"><div class="row">
  533.                 <div class="col-xs-5">
  534.                     <label>IGST @ 18.0</label></div>
  535.                 <div class="col-xs-7 text-right">
  536.                     {{ doc.get_formatted("base_total_taxes_and_charges") }}
  537.                 </div>
  538.             </div></div>
  539. </div>
  540.            
  541.             </div>
  542.        
  543.     </div>
  544.    
  545.     <div class="row section-break">
  546.             <div class="col-xs-6 column-break">
  547.            
  548.             </div>
  549.        
  550.             <div class="col-xs-6 column-break">
  551.            
  552.                 <div class="row important data-field" data-fieldname="grand_total" data-fieldtype="Currency">
  553.             <div class="col-xs-5">
  554.  
  555.                
  556.                 <label>Grand Total</label>
  557.                
  558.                
  559.             </div>
  560.             <div class="col-xs-7
  561.             text-right value">
  562.                
  563.         {{ doc.get_formatted("grand_total") }}
  564.    
  565.             </div>
  566.         </div>
  567.            
  568.                 <div class="row important data-field" data-fieldname="rounded_total" data-fieldtype="Currency">
  569.             <div class="col-xs-5">
  570.  
  571.                
  572.                 <label>Rounded Total</label>
  573.                
  574.                
  575.             </div>
  576.             <div class="col-xs-7
  577.             text-right value">
  578.                
  579.         {{ doc.get_formatted("rounded_total") }}
  580.    
  581.             </div>
  582.         </div>
  583.            
  584.                 <div class="row  data-field" data-fieldname="in_words" data-fieldtype="Data">
  585.             <div class="col-xs-5">
  586.  
  587.                
  588.                 <label>In Words</label>
  589.                
  590.                
  591.             </div>
  592.             <div class="col-xs-7
  593.              value">
  594.                
  595.         {{ doc.in_words }}
  596.    
  597.             </div>
  598.         </div>
  599.            
  600.             </div>
  601.        
  602.     </div>
  603.    
  604.     <div class="row section-break">
  605.             <div class="col-xs-12 column-break">
  606.            
  607.                 <div style="padding: 10px 0px 0px 0px" data-fieldname="other_charges_calculation" data-fieldtype="Text"><label>Tax Breakup</label><div class="tax-break-up" style="overflow-x: auto;">
  608.     {{ doc.other_charges_calculation }}
  609. </div>
  610.     </div>
  611.            
  612.             </div>
  613.        
  614.     </div>
  615.    
  616.     <div class="row section-break">
  617.             <div class="col-xs-12 column-break">
  618.            
  619.                 <div style="padding: 10px 0px" data-fieldname="terms" data-fieldtype="Text Editor"><div>
  620. {{ doc.terms }}
  621. </div>
  622.     </div>
  623.            
  624.             </div>
  625.        
  626.     </div>
  627.    
  628. <!-- </div> -->
  629.  
  630.     <!-- </div> -->
  631.      </div>
  632.  
  633.  
  634. <!--<div class="page-break"></div>--> <!--Original for Recipient-->
  635.  
  636.        
  637. <div class="page-break" id="mdp-page-reset">
  638.     <div id="header-html" class="hidden-pdf" >
  639.  
  640.         <div class="letter-head" id="mdp-page-increment"><div style="margin-top: 10px; margin-bottom: -50px;" id="letterhead-2-header"><div><b>YOUR COMPANY NAME</b></div>
  641. <div style="float: left; font-size: 8px;"><br>ADDRESS</div>
  642.  
  643. <div style="float: right; font-family: BitstreamCharter; font-size: 8px; text-align: right; margin-top: -10px; margin-bottom: -10px;">CIN: xxxx, GSTIN: xxxx<br>[email protected]</div>
  644.  
  645. </div></div>
  646.    
  647.     </div>
  648.  
  649.    
  650.     <div id="footer-html" class="visible-pdf">
  651.        
  652.         <div class="letter-head-footer">
  653.             <div><br></div>
  654.         </div>
  655.        
  656.         <p class="text-center small page-number visible-pdf">
  657.             Page <span class="page"></span> of <span class="topage"></span>
  658.         </p>
  659.     </div>
  660.    
  661. <div>
  662. <div class="print-heading">
  663.     <h6>
  664.         TAX INVOICE<br>
  665.         <small>{{ doc.name }}</small>
  666.     </h6>
  667. </div>
  668. <h6 id="page-count-mdp" class="text-center">
  669.     <small>Duplicate for Supplier</small>
  670.     </h6>
  671. </div>
  672.    
  673.     <div class="row section-break">
  674.             <div class="col-xs-4 column-break">
  675.            
  676.                 <div class="row important data-field" data-fieldname="posting_date" data-fieldtype="Date">
  677.             <div class="col-xs-5">
  678.  
  679.                
  680.                 <label>Date</label>
  681.                
  682.                
  683.             </div>
  684.             <div class="col-xs-7
  685.              value">
  686.                
  687.         {{ doc.get_formatted("posting_date") }}
  688.    
  689.             </div>
  690.         </div>
  691.            
  692.             </div>
  693.        
  694.             <div class="col-xs-4 column-break">
  695.            
  696.                 <div class="row  data-field" data-fieldname="due_date" data-fieldtype="Date">
  697.             <div class="col-xs-5">
  698.  
  699.                
  700.                 <label>Payment Due Date</label>
  701.                
  702.                
  703.             </div>
  704.             <div class="col-xs-7
  705.              value">
  706.                
  707.         {{ doc.due_date }}
  708.    
  709.             </div>
  710.         </div>
  711.            
  712.             </div>
  713.        
  714.             <div class="col-xs-4 column-break">
  715.            
  716.                 <div class="row  data-field" data-fieldname="reverse_charge" data-fieldtype="Select">
  717.             <div class="col-xs-5">
  718.  
  719.                
  720.                 <label>Reverse Charge</label>
  721.                
  722.                
  723.             </div>
  724.             <div class="col-xs-7
  725.              value">
  726.                
  727.         {{ doc.reverse_charge }}
  728.    
  729.             </div>
  730.         </div>
  731.            
  732.             </div>
  733.        
  734.     </div>
  735.    
  736.     <div class="row section-break">
  737.             <div class="col-xs-12 column-break">
  738.            
  739.                 <div class="row important data-field" data-fieldname="customer_name" data-fieldtype="Data">
  740.             <div class="col-xs-5">
  741.  
  742.                
  743.                 <label>Customer Name</label>
  744.                
  745.                
  746.             </div>
  747.             <div class="col-xs-7
  748.              value">
  749.                
  750.         {{ doc.customer_name }}
  751.    
  752.             </div>
  753.         </div>
  754.            
  755.                 <div class="row  data-field" data-fieldname="customer_gstin" data-fieldtype="Data">
  756.             <div class="col-xs-5">
  757.  
  758.                
  759.                 <label>Customer GSTIN</label>
  760.                
  761.                
  762.             </div>
  763.             <div class="col-xs-7
  764.              value">
  765.                
  766.         {{ doc.customer_gstin }}
  767.    
  768.             </div>
  769.         </div>
  770.            
  771.                 <div class="row  data-field" data-fieldname="po_no" data-fieldtype="Data">
  772.             <div class="col-xs-5">
  773.  
  774.                
  775.                 <label>Customer's Purchase Order</label>
  776.                
  777.                
  778.             </div>
  779.             <div class="col-xs-7
  780.              value">
  781.                
  782.         {{ doc.po_no }}
  783.    
  784.             </div>
  785.         </div>
  786.            
  787.                 <div class="row  data-field" data-fieldname="address_display" data-fieldtype="Small Text">
  788.             <div class="col-xs-5">
  789.  
  790.                
  791.                 <label>Address</label>
  792.                
  793.                
  794.             </div>
  795.             <div class="col-xs-7
  796.             text-left value">
  797.                
  798.         {{ doc.shipping_address }}
  799.    
  800.             </div>
  801.         </div>
  802.            
  803.                 <div class="row  data-field" data-fieldname="contact_display" data-fieldtype="Small Text">
  804.             <div class="col-xs-5">
  805.  
  806.                
  807.                 <label>Contact</label>
  808.                
  809.                
  810.             </div>
  811.             <div class="col-xs-7
  812.              value">
  813.                
  814.         {{ doc.contact_person }}
  815.    
  816.             </div>
  817.         </div>
  818.            
  819.             </div>
  820.        
  821.     </div>
  822.    
  823.     <div class="row section-break">
  824.             <div class="col-xs-12 column-break">
  825.            
  826.                 <div data-fieldname="items" data-fieldtype="Table">
  827.             <table class="table table-bordered table-condensed">
  828.                 <thead>
  829.                     <tr>
  830.                         <th style="width: 40px" class="table-sr">Sr</th>
  831.                        
  832.                        
  833.                        
  834.                        
  835.                             <th style="width: 70%px;" class="" data-fieldname="items" data-fieldtype="Table">
  836.                                 Description</th>
  837.                        
  838.                        
  839.                        
  840.                        
  841.                        
  842.                             <th style="width: 10%px;" class="text-right" data-fieldname="items" data-fieldtype="Table">
  843.                                 Quantity</th>
  844.                        
  845.                        
  846.                        
  847.                             <th style="width: 10%px;" class="text-right" data-fieldname="items" data-fieldtype="Table">
  848.                                 Rate</th>
  849.                        
  850.                        
  851.                        
  852.                             <th style="width: 10%px;" class="text-right" data-fieldname="items" data-fieldtype="Table">
  853.                                 Amount</th>
  854.                        
  855.                        
  856.                     </tr>
  857.                 </thead>
  858.                 <tbody>
  859.                     {%- for row in doc.items -%}
  860.                     <tr>
  861.                         <td class="table-sr">1</td>
  862.                        
  863.                        
  864.                        
  865.                        
  866.                             <td class="" data-fieldname="items" data-fieldtype="Table">
  867.                                 <div class="value">
  868.        
  869.  
  870. <div>
  871.     <div class="primary">
  872.             <strong>
  873.                 {{ row.item_code }}
  874.             </strong>
  875.         </div>
  876.  
  877.     <p><div style="margin-bottom: -15px;">{{ row.description }}</div></p><br/>
  878.  
  879.     <div>
  880.                 <strong>HSN/SAC: </strong>{{ row.gst_hsn_code }}
  881.                
  882.             </div>
  883.            
  884. </div>
  885.     </div></td>
  886.                        
  887.                        
  888.                        
  889.                        
  890.                        
  891.                             <td class="text-right" data-fieldname="items" data-fieldtype="Table">
  892.                                 <div class="value">
  893.         <small class="pull-left">{{ row.uom or row.stock_uom }}</small>
  894. {{ row.qty }}
  895.     </div></td>
  896.                        
  897.                        
  898.                        
  899.                             <td class="text-right" data-fieldname="items" data-fieldtype="Table">
  900.                                 <div class="value">
  901.         {{ row.get_formatted("rate", doc) }}
  902.     </div></td>
  903.                        
  904.                        
  905.                        
  906.                             <td class="text-right" data-fieldname="items" data-fieldtype="Table">
  907.                                 <div class="value">
  908.         {{ row.get_formatted("amount", doc) }}
  909.     </div></td>
  910.                        
  911.                        
  912.                     </tr>
  913.                     {%- endfor -%}
  914.                 </tbody>
  915.             </table>
  916.         </div>
  917.            
  918.             </div>
  919.        
  920.     </div>
  921.    
  922.     <div class="row section-break">
  923.             <div class="col-xs-6 column-break">
  924.            
  925.             </div>
  926.        
  927.             <div class="col-xs-6 column-break">
  928.            
  929.                 <div class="row">
  930.    
  931.         <div class="col-xs-5">
  932.             <label>Total</label></div>
  933.         <div class="col-xs-7 text-right">
  934.             {{ doc.get_formatted("total") }}
  935.         </div>
  936.    
  937. </div>
  938.            
  939.             </div>
  940.        
  941.     </div>
  942.    
  943.     <div class="row section-break">
  944.             <div class="col-xs-12 column-break">
  945.            
  946.                 <div class="row">
  947.     <div class="col-xs-6"></div>
  948.     <div class="col-xs-6"><div class="row">
  949.                 <div class="col-xs-5">
  950.                     <label>IGST @ 18.0</label></div>
  951.                 <div class="col-xs-7 text-right">
  952.                     {{ doc.get_formatted("base_total_taxes_and_charges") }}
  953.                 </div>
  954.             </div></div>
  955. </div>
  956.            
  957.             </div>
  958.        
  959.     </div>
  960.    
  961.     <div class="row section-break">
  962.             <div class="col-xs-6 column-break">
  963.            
  964.             </div>
  965.        
  966.             <div class="col-xs-6 column-break">
  967.            
  968.                 <div class="row important data-field" data-fieldname="grand_total" data-fieldtype="Currency">
  969.             <div class="col-xs-5">
  970.  
  971.                
  972.                 <label>Grand Total</label>
  973.                
  974.                
  975.             </div>
  976.             <div class="col-xs-7
  977.             text-right value">
  978.                
  979.         {{ doc.get_formatted("grand_total") }}
  980.    
  981.             </div>
  982.         </div>
  983.            
  984.                 <div class="row important data-field" data-fieldname="rounded_total" data-fieldtype="Currency">
  985.             <div class="col-xs-5">
  986.  
  987.                
  988.                 <label>Rounded Total</label>
  989.                
  990.                
  991.             </div>
  992.             <div class="col-xs-7
  993.             text-right value">
  994.                
  995.         {{ doc.get_formatted("rounded_total") }}
  996.    
  997.             </div>
  998.         </div>
  999.            
  1000.                 <div class="row  data-field" data-fieldname="in_words" data-fieldtype="Data">
  1001.             <div class="col-xs-5">
  1002.  
  1003.                
  1004.                 <label>In Words</label>
  1005.                
  1006.                
  1007.             </div>
  1008.             <div class="col-xs-7
  1009.              value">
  1010.                
  1011.         {{ doc.in_words }}
  1012.    
  1013.             </div>
  1014.         </div>
  1015.            
  1016.             </div>
  1017.        
  1018.     </div>
  1019.    
  1020.     <div class="row section-break">
  1021.             <div class="col-xs-12 column-break">
  1022.            
  1023.                 <div style="padding: 10px 0px" data-fieldname="other_charges_calculation" data-fieldtype="Text"><label>Tax Breakup</label><div class="tax-break-up" style="overflow-x: auto;">
  1024.     {{ doc.other_charges_calculation }}
  1025. </div>
  1026.     </div>
  1027.            
  1028.             </div>
  1029.        
  1030.     </div>
  1031.    
  1032.     <div class="row section-break">
  1033.             <div class="col-xs-12 column-break">
  1034.            
  1035.                 <div style="padding: 10px 0px" data-fieldname="terms" data-fieldtype="Text Editor"><div>{{ doc.terms }}</div>
  1036.     </div>
  1037.            
  1038.             </div>
  1039.        
  1040.     </div>
  1041.    
  1042. </div>
  1043.  
  1044.         </div>
  1045.     </div>
  1046.  
  1047.  
  1048. <!--<div class="page-break"></div>--> <!--Duplicate for Supplier-->
  1049.  
  1050.  
  1051. <div class="print-format-gutter">
  1052.         <div class="print-format">
  1053.        
  1054. <div class="page-break" id="mdp-page-reset">
  1055.     <div  id="header-html" class="hidden-pdf" >
  1056.        
  1057.         <div class="letter-head" id="mdp-page-increment"><div style="margin-top: 10px; margin-bottom: -50px;" id="letterhead-2-header"><div><b>YOUR COMPANY NAME</b></div>
  1058. <div style="float: left; font-size: 8px;"><br>ADDRESS</div>
  1059.  
  1060. <div style="float: right; font-family: BitstreamCharter; font-size: 8px; text-align: right; margin-top: -10px; margin-bottom: -10px;">CIN: xxxx, GSTIN: xxxx<br>[email protected]</div>
  1061.  
  1062. </div></div>
  1063.    
  1064.     </div>
  1065.  
  1066.    
  1067.     <div id="footer-html" class="visible-pdf">
  1068.        
  1069.         <div class="letter-head-footer">
  1070.             <div><br></div>
  1071.         </div>
  1072.        
  1073.         <p class="text-center small page-number visible-pdf">
  1074.             Page <span class="page"></span> of <span class="topage"></span>
  1075.         </p>
  1076.     </div>
  1077.    
  1078. <div>
  1079. <div class="print-heading">
  1080.     <h6>
  1081.         TAX INVOICE<br>
  1082.         <small>{{ doc.name }}</small>
  1083.     </h6>
  1084. </div>
  1085. <h6 id="page-count-mdp" class="text-center">
  1086.     <small>Duplicate for Transporter</small>
  1087.     </h6>
  1088. </div>
  1089.    
  1090.     <div class="row section-break">
  1091.             <div class="col-xs-4 column-break">
  1092.            
  1093.                 <div class="row important data-field" data-fieldname="posting_date" data-fieldtype="Date">
  1094.             <div class="col-xs-5">
  1095.  
  1096.                
  1097.                 <label>Date</label>
  1098.                
  1099.                
  1100.             </div>
  1101.             <div class="col-xs-7
  1102.              value">
  1103.                
  1104.         {{ doc.get_formatted("posting_date") }}
  1105.    
  1106.             </div>
  1107.         </div>
  1108.            
  1109.             </div>
  1110.        
  1111.             <div class="col-xs-4 column-break">
  1112.            
  1113.                 <div class="row  data-field" data-fieldname="due_date" data-fieldtype="Date">
  1114.             <div class="col-xs-5">
  1115.  
  1116.                
  1117.                 <label>Payment Due Date</label>
  1118.                
  1119.                
  1120.             </div>
  1121.             <div class="col-xs-7
  1122.              value">
  1123.                
  1124.         {{ doc.due_date }}
  1125.    
  1126.             </div>
  1127.         </div>
  1128.            
  1129.             </div>
  1130.        
  1131.             <div class="col-xs-4 column-break">
  1132.            
  1133.                 <div class="row  data-field" data-fieldname="reverse_charge" data-fieldtype="Select">
  1134.             <div class="col-xs-5">
  1135.  
  1136.                
  1137.                 <label>Reverse Charge</label>
  1138.                
  1139.                
  1140.             </div>
  1141.             <div class="col-xs-7
  1142.              value">
  1143.                
  1144.         {{ doc.reverse_charge }}
  1145.    
  1146.             </div>
  1147.         </div>
  1148.            
  1149.             </div>
  1150.        
  1151.     </div>
  1152.    
  1153.     <div class="row section-break">
  1154.             <div class="col-xs-12 column-break">
  1155.            
  1156.                 <div class="row important data-field" data-fieldname="customer_name" data-fieldtype="Data">
  1157.             <div class="col-xs-5">
  1158.  
  1159.                
  1160.                 <label>Customer Name</label>
  1161.                
  1162.                
  1163.             </div>
  1164.             <div class="col-xs-7
  1165.              value">
  1166.                
  1167.         {{ doc.customer_name }}
  1168.    
  1169.             </div>
  1170.         </div>
  1171.            
  1172.                 <div class="row  data-field" data-fieldname="customer_gstin" data-fieldtype="Data">
  1173.             <div class="col-xs-5">
  1174.  
  1175.                
  1176.                 <label>Customer GSTIN</label>
  1177.                
  1178.                
  1179.             </div>
  1180.             <div class="col-xs-7
  1181.              value">
  1182.                
  1183.         {{ doc.customer_gstin }}
  1184.    
  1185.             </div>
  1186.         </div>
  1187.            
  1188.                 <div class="row  data-field" data-fieldname="po_no" data-fieldtype="Data">
  1189.             <div class="col-xs-5">
  1190.  
  1191.                
  1192.                 <label>Customer's Purchase Order</label>
  1193.                
  1194.                
  1195.             </div>
  1196.             <div class="col-xs-7
  1197.              value">
  1198.                
  1199.         {{ doc.po_no }}
  1200.    
  1201.             </div>
  1202.         </div>
  1203.            
  1204.                 <div class="row  data-field" data-fieldname="address_display" data-fieldtype="Small Text">
  1205.             <div class="col-xs-5">
  1206.  
  1207.                
  1208.                 <label>Address</label>
  1209.                
  1210.                
  1211.             </div>
  1212.             <div class="col-xs-7
  1213.             text-left value">
  1214.                
  1215.         {{ doc.shipping_address }}
  1216.    
  1217.             </div>
  1218.         </div>
  1219.            
  1220.                 <div class="row  data-field" data-fieldname="contact_display" data-fieldtype="Small Text">
  1221.             <div class="col-xs-5">
  1222.  
  1223.                
  1224.                 <label>Contact</label>
  1225.                
  1226.                
  1227.             </div>
  1228.             <div class="col-xs-7
  1229.              value">
  1230.                
  1231.         {{ doc.contact_person }}
  1232.    
  1233.             </div>
  1234.         </div>
  1235.            
  1236.             </div>
  1237.        
  1238.     </div>
  1239.    
  1240.     <div class="row section-break">
  1241.             <div class="col-xs-12 column-break">
  1242.            
  1243.                 <div data-fieldname="items" data-fieldtype="Table">
  1244.             <table class="table table-bordered table-condensed">
  1245.                 <thead>
  1246.                     <tr>
  1247.                         <th style="width: 40px" class="table-sr">Sr</th>
  1248.                        
  1249.                        
  1250.                        
  1251.                        
  1252.                             <th style="width: 70%px;" class="" data-fieldname="items" data-fieldtype="Table">
  1253.                                 Description</th>
  1254.                        
  1255.                        
  1256.                        
  1257.                        
  1258.                        
  1259.                             <th style="width: 10%px;" class="text-right" data-fieldname="items" data-fieldtype="Table">
  1260.                                 Quantity</th>
  1261.                        
  1262.                        
  1263.                        
  1264.                             <th style="width: 10%px;" class="text-right" data-fieldname="items" data-fieldtype="Table">
  1265.                                 Rate</th>
  1266.                        
  1267.                        
  1268.                        
  1269.                             <th style="width: 10%px;" class="text-right" data-fieldname="items" data-fieldtype="Table">
  1270.                                 Amount</th>
  1271.                        
  1272.                        
  1273.                     </tr>
  1274.                 </thead>
  1275.                 <tbody>
  1276.                     {%- for row in doc.items -%}
  1277.                     <tr>
  1278.                         <td class="table-sr">1</td>
  1279.                        
  1280.                        
  1281.                        
  1282.                        
  1283.                             <td class="" data-fieldname="items" data-fieldtype="Table">
  1284.                                 <div class="value">
  1285.        
  1286.  
  1287. <div>
  1288.     <div class="primary">
  1289.             <strong>
  1290.                 {{ row.item_code }}
  1291.             </strong>
  1292.         </div>
  1293.  
  1294.     <div style="margin-bottom: -15px;">{{ row.description }}</div><br/>
  1295.  
  1296.  
  1297.     <div>
  1298.                 <strong>HSN/SAC: </strong>
  1299.                 {{ row.gst_hsn_code }}
  1300.             </div>
  1301.            
  1302. </div>
  1303.     </div></td>
  1304.                        
  1305.                        
  1306.                        
  1307.                        
  1308.                        
  1309.                             <td class="text-right" data-fieldname="items" data-fieldtype="Table">
  1310.                                 <div class="value">
  1311.         <small class="pull-left">Nos</small>
  1312. {{ row.qty }}
  1313.     </div></td>
  1314.                        
  1315.                        
  1316.                        
  1317.                             <td class="text-right" data-fieldname="items" data-fieldtype="Table">
  1318.                                 <div class="value">
  1319.         {{ row.get_formatted("rate", doc) }}
  1320.     </div></td>
  1321.                        
  1322.                        
  1323.                        
  1324.                             <td class="text-right" data-fieldname="items" data-fieldtype="Table">
  1325.                                 <div class="value">
  1326.         {{ row.get_formatted("amount", doc) }}
  1327.     </div></td>
  1328.                        
  1329.                        
  1330.                     </tr>
  1331.                     {%- endfor -%}
  1332.                 </tbody>
  1333.             </table>
  1334.         </div>
  1335.            
  1336.             </div>
  1337.        
  1338.     </div>
  1339.    
  1340.     <div class="row section-break">
  1341.             <div class="col-xs-6 column-break">
  1342.            
  1343.             </div>
  1344.        
  1345.             <div class="col-xs-6 column-break">
  1346.            
  1347.                 <div class="row">
  1348.    
  1349.         <div class="col-xs-5">
  1350.             <label>Total</label></div>
  1351.         <div class="col-xs-7 text-right">
  1352.             {{ doc.get_formatted("total") }}
  1353.         </div>
  1354.    
  1355. </div>
  1356.            
  1357.             </div>
  1358.        
  1359.     </div>
  1360.    
  1361.     <div class="row section-break">
  1362.             <div class="col-xs-12 column-break">
  1363.            
  1364.                 <div class="row">
  1365.     <div class="col-xs-6"></div>
  1366.     <div class="col-xs-6"><div class="row">
  1367.                 <div class="col-xs-5">
  1368.                     <label>IGST @ 18.0</label></div>
  1369.                 <div class="col-xs-7 text-right">
  1370.                     {{ doc.get_formatted("base_total_taxes_and_charges") }}
  1371.                 </div>
  1372.             </div></div>
  1373. </div>
  1374.            
  1375.             </div>
  1376.        
  1377.     </div>
  1378.    
  1379.     <div class="row section-break">
  1380.             <div class="col-xs-6 column-break">
  1381.            
  1382.             </div>
  1383.        
  1384.             <div class="col-xs-6 column-break">
  1385.            
  1386.                 <div class="row important data-field" data-fieldname="grand_total" data-fieldtype="Currency">
  1387.             <div class="col-xs-5">
  1388.  
  1389.                
  1390.                 <label>Grand Total</label>
  1391.                
  1392.                
  1393.             </div>
  1394.             <div class="col-xs-7
  1395.             text-right value">
  1396.                
  1397.         {{ doc.get_formatted("grand_total") }}
  1398.    
  1399.             </div>
  1400.         </div>
  1401.            
  1402.                 <div class="row important data-field" data-fieldname="rounded_total" data-fieldtype="Currency">
  1403.             <div class="col-xs-5">
  1404.  
  1405.                
  1406.                 <label>Rounded Total</label>
  1407.                
  1408.                
  1409.             </div>
  1410.             <div class="col-xs-7
  1411.             text-right value">
  1412.                
  1413.         {{ doc.get_formatted("rounded_total") }}
  1414.    
  1415.             </div>
  1416.         </div>
  1417.            
  1418.                 <div class="row  data-field" data-fieldname="in_words" data-fieldtype="Data">
  1419.             <div class="col-xs-5">
  1420.  
  1421.                
  1422.                 <label>In Words</label>
  1423.                
  1424.                
  1425.             </div>
  1426.             <div class="col-xs-7
  1427.              value">
  1428.                
  1429.         {{ doc.in_words }}
  1430.    
  1431.             </div>
  1432.         </div>
  1433.            
  1434.             </div>
  1435.        
  1436.     </div>
  1437.    
  1438.     <div class="row section-break">
  1439.             <div class="col-xs-12 column-break">
  1440.            
  1441.                 <div style="padding: 10px 0px" data-fieldname="other_charges_calculation" data-fieldtype="Text"><label>Tax Breakup</label><div class="tax-break-up" style="overflow-x: auto;">
  1442.     {{ doc.other_charges_calculation }}</div>
  1443.     </div>
  1444.            
  1445.             </div>
  1446.        
  1447.     </div>
  1448.    
  1449.     <div class="row section-break">
  1450.             <div class="col-xs-12 column-break">
  1451.            
  1452.                 <div style="padding: 10px 0px" data-fieldname="terms" data-fieldtype="Text Editor"><div>{{ doc.terms }}</div>
  1453.     </div>
  1454.            
  1455.             </div>
  1456.        
  1457.     </div>
  1458.    
  1459. </div>
  1460.  
  1461.         </div>
  1462.     </div>
  1463.  
  1464.  
  1465. <!--<div class="page-break"></div>--> <!--Duplicate for Transporter-->
  1466.  
  1467.  
  1468. <div class="print-format-gutter">
  1469.         <div class="print-format">
  1470.        
  1471. <div class="page-break" id="mdp-page-reset">
  1472.     <div  id="header-html" class="hidden-pdf" >
  1473.        
  1474.         <div class="letter-head" id="mdp-page-increment"><div style="margin-top: 10px; margin-bottom: -50px;" id="letterhead-2-header"><div><b>YOUR COMPANY NAME</b></div>
  1475. <div style="float: left; font-size: 8px;"><br>ADDRESS</div>
  1476.  
  1477. <div style="float: right; font-family: BitstreamCharter; font-size: 8px; text-align: right; margin-top: -10px; margin-bottom: -10px;">CIN: xxxx, GSTIN: xxxx<br>[email protected]</div>
  1478.  
  1479.  
  1480. </div></div>
  1481.    
  1482.     </div>
  1483.  
  1484.    
  1485.     <div id="footer-html" class="visible-pdf">
  1486.        
  1487.         <div class="letter-head-footer">
  1488.             <div><br></div>
  1489.         </div>
  1490.        
  1491.         <p class="text-center small page-number visible-pdf">
  1492.             Page <span class="page"></span> of <span class="topage"></span>
  1493.         </p>
  1494.     </div>
  1495.    
  1496. <div>
  1497. <div class="print-heading">
  1498.     <h6>
  1499.         TAX INVOICE<br>
  1500.         <small>{{ doc.name }}</small>
  1501.     </h6>
  1502. </div>
  1503. <h6 id="page-count-mdp" class="text-center">
  1504.     <small>Triplicate for Supplier</small>
  1505.     </h6>
  1506. </div>
  1507.    
  1508.     <div class="row section-break">
  1509.             <div class="col-xs-4 column-break">
  1510.            
  1511.                 <div class="row important data-field" data-fieldname="posting_date" data-fieldtype="Date">
  1512.             <div class="col-xs-5">
  1513.  
  1514.                
  1515.                 <label>Date</label>
  1516.                
  1517.                
  1518.             </div>
  1519.             <div class="col-xs-7
  1520.              value">
  1521.                
  1522.         {{ doc.get_formatted("posting_date") }}
  1523.    
  1524.             </div>
  1525.         </div>
  1526.            
  1527.             </div>
  1528.        
  1529.             <div class="col-xs-4 column-break">
  1530.            
  1531.                 <div class="row  data-field" data-fieldname="due_date" data-fieldtype="Date">
  1532.             <div class="col-xs-5">
  1533.  
  1534.                
  1535.                 <label>Payment Due Date</label>
  1536.                
  1537.                
  1538.             </div>
  1539.             <div class="col-xs-7
  1540.              value">
  1541.                
  1542.         {{ doc.due_date }}
  1543.    
  1544.             </div>
  1545.         </div>
  1546.            
  1547.             </div>
  1548.        
  1549.             <div class="col-xs-4 column-break">
  1550.            
  1551.                 <div class="row  data-field" data-fieldname="reverse_charge" data-fieldtype="Select">
  1552.             <div class="col-xs-5">
  1553.  
  1554.                
  1555.                 <label>Reverse Charge</label>
  1556.                
  1557.                
  1558.             </div>
  1559.             <div class="col-xs-7
  1560.              value">
  1561.                
  1562.         {{ doc.reverse_charge }}
  1563.    
  1564.             </div>
  1565.         </div>
  1566.            
  1567.             </div>
  1568.        
  1569.     </div>
  1570.    
  1571.     <div class="row section-break">
  1572.             <div class="col-xs-12 column-break">
  1573.            
  1574.                 <div class="row important data-field" data-fieldname="customer_name" data-fieldtype="Data">
  1575.             <div class="col-xs-5">
  1576.  
  1577.                
  1578.                 <label>Customer Name</label>
  1579.                
  1580.                
  1581.             </div>
  1582.             <div class="col-xs-7
  1583.              value">
  1584.                
  1585. {{ doc.customer_name }}
  1586.    
  1587.             </div>
  1588.         </div>
  1589.            
  1590.                 <div class="row  data-field" data-fieldname="customer_gstin" data-fieldtype="Data">
  1591.             <div class="col-xs-5">
  1592.  
  1593.                
  1594.                 <label>Customer GSTIN</label>
  1595.                
  1596.                
  1597.             </div>
  1598.             <div class="col-xs-7
  1599.              value">
  1600.                
  1601.         {{ doc.customer_gstin }}
  1602.    
  1603.             </div>
  1604.         </div>
  1605.            
  1606.                 <div class="row  data-field" data-fieldname="po_no" data-fieldtype="Data">
  1607.             <div class="col-xs-5">
  1608.  
  1609.                
  1610.                 <label>Customer's Purchase Order</label>
  1611.                
  1612.                
  1613.             </div>
  1614.             <div class="col-xs-7
  1615.              value">
  1616.                
  1617.         {{ doc.po_no }}
  1618.    
  1619.             </div>
  1620.         </div>
  1621.            
  1622.                 <div class="row  data-field" data-fieldname="address_display" data-fieldtype="Small Text">
  1623.             <div class="col-xs-5">
  1624.  
  1625.                
  1626.                 <label>Address</label>
  1627.                
  1628.                
  1629.             </div>
  1630.             <div class="col-xs-7
  1631.             text-left value">
  1632.                
  1633.         {{ doc.shipping_address }}
  1634.    
  1635.             </div>
  1636.         </div>
  1637.            
  1638.                 <div class="row  data-field" data-fieldname="contact_display" data-fieldtype="Small Text">
  1639.             <div class="col-xs-5">
  1640.  
  1641.                
  1642.                 <label>Contact</label>
  1643.                
  1644.                
  1645.             </div>
  1646.             <div class="col-xs-7
  1647.              value">
  1648.                
  1649.         {{ doc.contact_person }}
  1650.    
  1651.             </div>
  1652.         </div>
  1653.            
  1654.             </div>
  1655.        
  1656.     </div>
  1657.    
  1658.     <div class="row section-break">
  1659.             <div class="col-xs-12 column-break">
  1660.            
  1661.                 <div data-fieldname="items" data-fieldtype="Table">
  1662.             <table class="table table-bordered table-condensed">
  1663.                 <thead>
  1664.                     <tr>
  1665.                         <th style="width: 40px" class="table-sr">Sr</th>
  1666.                        
  1667.                        
  1668.                        
  1669.                        
  1670.                             <th style="width: 70%px;" class="" data-fieldname="items" data-fieldtype="Table">
  1671.                                 Description</th>
  1672.                        
  1673.                        
  1674.                        
  1675.                        
  1676.                        
  1677.                             <th style="width: 10%px;" class="text-right" data-fieldname="items" data-fieldtype="Table">
  1678.                                 Quantity</th>
  1679.                        
  1680.                        
  1681.                        
  1682.                             <th style="width: 10%px;" class="text-right" data-fieldname="items" data-fieldtype="Table">
  1683.                                 Rate</th>
  1684.                        
  1685.                        
  1686.                        
  1687.                             <th style="width: 10%px;" class="text-right" data-fieldname="items" data-fieldtype="Table">
  1688.                                 Amount</th>
  1689.                        
  1690.                        
  1691.                     </tr>
  1692.                 </thead>
  1693.                 <tbody>
  1694.                     {%- for row in doc.items -%}
  1695.                     <tr>
  1696.                         <td class="table-sr">1</td>
  1697.                        
  1698.                        
  1699.                        
  1700.                        
  1701.                             <td class="" data-fieldname="items" data-fieldtype="Table">
  1702.                                 <div class="value">
  1703.        
  1704.  
  1705. <div>
  1706.     <div class="primary">
  1707.             <strong>
  1708. {{ row.item_code }}
  1709.             </strong>
  1710.         </div>
  1711.  
  1712.     <p><div style="margin-bottom: -15px;">{{ row.description }}</div><br></p>
  1713.  
  1714.     <p>
  1715.                 <strong>HSN/SAC: </strong>
  1716.                 {{ row.gst_hsn_code }}
  1717.             </p>
  1718.            
  1719. </div>
  1720.     </div></td>
  1721.                        
  1722.                        
  1723.                        
  1724.                        
  1725.                        
  1726.                             <td class="text-right" data-fieldname="items" data-fieldtype="Table">
  1727.                                 <div class="value">
  1728.         <small class="pull-left">Nos</small>
  1729. {{ row.qty }}
  1730.     </div></td>
  1731.                        
  1732.                        
  1733.                        
  1734.                             <td class="text-right" data-fieldname="items" data-fieldtype="Table">
  1735.                                 <div class="value">
  1736.         {{ row.get_formatted("rate", doc) }}
  1737.     </div></td>
  1738.                        
  1739.                        
  1740.                        
  1741.                             <td class="text-right" data-fieldname="items" data-fieldtype="Table">
  1742.                                 <div class="value">
  1743.         {{ row.get_formatted("amount", doc) }}
  1744.     </div></td>
  1745.                        
  1746.                        
  1747.                     </tr>
  1748.                     {%- endfor -%}
  1749.                 </tbody>
  1750.             </table>
  1751.         </div>
  1752.            
  1753.             </div>
  1754.        
  1755.     </div>
  1756.    
  1757.     <div class="row section-break">
  1758.             <div class="col-xs-6 column-break">
  1759.            
  1760.             </div>
  1761.        
  1762.             <div class="col-xs-6 column-break">
  1763.            
  1764.                 <div class="row">
  1765.    
  1766.         <div class="col-xs-5">
  1767.             <label>Total</label></div>
  1768.         <div class="col-xs-7 text-right">
  1769.             {{ doc.get_formatted("total") }}
  1770.         </div>
  1771.    
  1772. </div>
  1773.            
  1774.             </div>
  1775.        
  1776.     </div>
  1777.    
  1778.     <div class="row section-break">
  1779.             <div class="col-xs-12 column-break">
  1780.            
  1781.                 <div class="row">
  1782.     <div class="col-xs-6"></div>
  1783.     <div class="col-xs-6"><div class="row">
  1784.                 <div class="col-xs-5">
  1785.                     <label>IGST @ 18.0</label></div>
  1786.                 <div class="col-xs-7 text-right">
  1787.                     {{ doc.get_formatted("base_total_taxes_and_charges") }}
  1788.                 </div>
  1789.             </div></div>
  1790. </div>
  1791.            
  1792.             </div>
  1793.        
  1794.     </div>
  1795.    
  1796.     <div class="row section-break">
  1797.             <div class="col-xs-6 column-break">
  1798.            
  1799.             </div>
  1800.        
  1801.             <div class="col-xs-6 column-break">
  1802.            
  1803.                 <div class="row important data-field" data-fieldname="grand_total" data-fieldtype="Currency">
  1804.             <div class="col-xs-5">
  1805.  
  1806.                
  1807.                 <label>Grand Total</label>
  1808.                
  1809.                
  1810.             </div>
  1811.             <div class="col-xs-7
  1812.             text-right value">
  1813.                
  1814.         {{ doc.get_formatted("grand_total") }}
  1815.    
  1816.             </div>
  1817.         </div>
  1818.            
  1819.                 <div class="row important data-field" data-fieldname="rounded_total" data-fieldtype="Currency">
  1820.             <div class="col-xs-5">
  1821.  
  1822.                
  1823.                 <label>Rounded Total</label>
  1824.                
  1825.                
  1826.             </div>
  1827.             <div class="col-xs-7
  1828.             text-right value">
  1829.                
  1830.         {{ doc.get_formatted("rounded_total") }}
  1831.    
  1832.             </div>
  1833.         </div>
  1834.            
  1835.                 <div class="row  data-field" data-fieldname="in_words" data-fieldtype="Data">
  1836.             <div class="col-xs-5">
  1837.  
  1838.                
  1839.                 <label>In Words</label>
  1840.                
  1841.                
  1842.             </div>
  1843.             <div class="col-xs-7
  1844.              value">
  1845.                
  1846.         {{ doc.in_words }}
  1847.    
  1848.             </div>
  1849.         </div>
  1850.            
  1851.             </div>
  1852.        
  1853.     </div>
  1854.    
  1855.     <div class="row section-break">
  1856.             <div class="col-xs-12 column-break">
  1857.            
  1858.                 <div style="padding: 10px 0px" data-fieldname="other_charges_calculation" data-fieldtype="Text"><label>Tax Breakup</label><div class="tax-break-up" style="overflow-x: auto;">
  1859.     {{ doc.other_charges_calculation }}
  1860. </div>
  1861.     </div>
  1862.            
  1863.             </div>
  1864.        
  1865.     </div>
  1866.    
  1867.     <div class="row section-break">
  1868.             <div class="col-xs-12 column-break">
  1869.            
  1870.                 <div style="padding: 10px 0px" data-fieldname="terms" data-fieldtype="Text Editor"><div>{{ doc.terms }}</div>
  1871.     </div>
  1872.            
  1873.             </div>
  1874.        
  1875.     </div>
  1876.    
  1877. </div>
  1878.  
  1879.         </div>
  1880.     </div>
  1881.  
  1882.  
  1883.  
  1884. </body></html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!