Invoice.blade.php 8.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239
  1. <html>
  2. <head>
  3. <style>
  4. * {
  5. font-family: Verdana, Arial, sans-serif;
  6. }
  7. table {
  8. font-size: x-small;
  9. border-collapse: collapse;
  10. border-spacing: 0;
  11. width: 100%;
  12. }
  13. tr {
  14. vertical-align: super;
  15. }
  16. tfoot tr td {
  17. font-weight: bold;
  18. font-size: x-small;
  19. }
  20. @page {
  21. margin: 180px 50px;
  22. }
  23. #header {
  24. position: fixed;
  25. left: 0px;
  26. top: -180px;
  27. right: 0px;
  28. height: 140px;
  29. text-align: center;
  30. padding-top: 20px;
  31. }
  32. #content {
  33. position: relative;
  34. height: 100%;
  35. }
  36. #footer {
  37. position: fixed;
  38. left: 0px;
  39. bottom: -180px;
  40. right: 0px;
  41. height: 150px;
  42. }
  43. .page:after {
  44. content: counter(page, numeric);
  45. }
  46. </style>
  47. <title>Sale Invoice</title>
  48. </head>
  49. <body>
  50. <div id="header">
  51. <h1 style="text-align: right; margin: 0; margin-right: 15%;"><strong
  52. style="text-transform: uppercase; font-size: medium">INVOICE</strong></h1>
  53. <table>
  54. <tr>
  55. <td style="width: 65%;">
  56. <table>
  57. <tr>
  58. <td><strong>To</strong></td>
  59. <td>:</td>
  60. <td style="padding: 0;">
  61. <table style="border-spacing: 0;">
  62. <tr>
  63. <td>{{ $sale->customer->name }}</td>
  64. </tr>
  65. <tr>
  66. <td>{{ $sale->customer->address }}</td>
  67. </tr>
  68. </table>
  69. </td>
  70. </tr>
  71. <tr>
  72. <td><strong>NPWP</strong></td>
  73. <td>:</td>
  74. <td style="padding: 0">
  75. <table style="border-spacing: 0">
  76. <tr>
  77. <td>{{ $sale->customer->npwp }}</td>
  78. </tr>
  79. </table>
  80. </td>
  81. </tr>
  82. </table>
  83. </td>
  84. <td style="width: 35%;">
  85. <table>
  86. <tr>
  87. <td>
  88. <table>
  89. <tr>
  90. <td>NPWP</td>
  91. <td>:</td>
  92. <td>{{ $company->npwp }}</td>
  93. </tr>
  94. <tr>
  95. <td>Invoice No</td>
  96. <td>:</td>
  97. <td>XXXXXXXXXXXX</td>
  98. </tr>
  99. <tr>
  100. <td>Date</td>
  101. <td>:</td>
  102. <td>{{ $sale->updated_at }}</td>
  103. </tr>
  104. <tr>
  105. <td>PO No</td>
  106. <td>:</td>
  107. <td>{{ $sale->number }}</td>
  108. </tr>
  109. <tr>
  110. <td>DO No</td>
  111. <td>:</td>
  112. <td>XXXXXXXXXXXX</td>
  113. </tr>
  114. <tr>
  115. <td>Halaman</td>
  116. <td>:</td>
  117. <td class="page"></td>
  118. </tr>
  119. </table>
  120. </td>
  121. </tr>
  122. </table>
  123. </td>
  124. </tr>
  125. </table>
  126. </div>
  127. <div id="footer">
  128. </div>
  129. <div id="content">
  130. <table>
  131. <thead style="border-top: 1px solid black; border-bottom: 1px solid black;">
  132. <tr>
  133. <th>NO</th>
  134. <th>DESCRIPTION</th>
  135. <th>QTY</th>
  136. <th>UOM</th>
  137. <th>UNIT PRICE</th>
  138. <th>AMOUNT</th>
  139. </tr>
  140. </thead>
  141. <tbody style="text-align: center;">
  142. @foreach ($sale->saleDetail as $key => $saleDetail)
  143. <tr>
  144. <th>{{ $key + 1 }}</th>
  145. <td style="text-align: left;">{{ $saleDetail->product->name }}</td>
  146. <td>{{ $saleDetail->qty }}</td>
  147. <td>UNIT</td>
  148. <td style="text-align: right;">
  149. {{ App\Services\HelperService::rupiahFormat($saleDetail->price) }}</td>
  150. <td style="text-align: right;">
  151. {{ App\Services\HelperService::rupiahFormat($saleDetail->price * $saleDetail->qty) }}
  152. </td>
  153. </tr>
  154. @endforeach
  155. </tbody>
  156. <tfoot style="border-top: 1px solid black; border-bottom: 1px solid black; text-align: right;">
  157. <tr>
  158. <td colspan="4"></td>
  159. <td>TOTAL</td>
  160. <td>{{ App\Services\HelperService::rupiahFormat(App\Services\SaleService::totalPrice($sale)) }}
  161. </td>
  162. </tr>
  163. {{-- <tr>
  164. <td colspan="4"></td>
  165. <td>SUB. TOTAL</td>
  166. <td>800.000</td>
  167. </tr>
  168. <tr>
  169. <td colspan="4"></td>
  170. <td>PPN 11%</td>
  171. <td>88.000</td>
  172. </tr>
  173. <tr>
  174. <td colspan="4"></td>
  175. <td>TOTAL IDR</td>
  176. <td>888.000</td>
  177. </tr> --}}
  178. </tfoot>
  179. </table>
  180. <p style="margin: 0; font-size: x-small; font-weight: bold; text-align: right;">Semua produk dikenakan ppn
  181. sebesar
  182. {{ $sale->ppn ? $ppn : 0 }} %
  183. </p>
  184. <div style="position: absolute; bottom: 0; left: 0; right: 0;">
  185. <table>
  186. <tbody>
  187. <tr>
  188. <td style="width: 40%;"></td>
  189. <td style="width: 60%;">
  190. <table style="width: 100%; text-align: right;">
  191. <thead style="margin-bottom: 20px;">
  192. <tr>
  193. <td></td>
  194. <td colspan="1">
  195. <p style="margin-bottom: 75px; margin-top: 70px;">{{ $company->name }}</p>
  196. </td>
  197. </tr>
  198. </thead>
  199. <tbody>
  200. <tr>
  201. <td>
  202. <span
  203. style="border-top: 1px solid black; width: 150px;display: inline-block; text-align: left;">RECEIVED
  204. BY</span>
  205. </td>
  206. <td>
  207. <span
  208. style="border-top: 1px solid black; width: 120px;display: inline-block; text-align: center;">AUTHORISED
  209. SIGNATURE</span>
  210. </td>
  211. </tr>
  212. </tbody>
  213. </table>
  214. </td>
  215. </tr>
  216. </tbody>
  217. </table>
  218. </div>
  219. </div>
  220. </body>
  221. </html>