Invoice.blade.php 8.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228
  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>DATE</td>
  96. <td>:</td>
  97. <td>{{ $sale->updated_at }}</td>
  98. </tr>
  99. <tr>
  100. <td>SALE NO</td>
  101. <td>:</td>
  102. <td>{{ $sale->number }}</td>
  103. </tr>
  104. <tr>
  105. <td>PAGE</td>
  106. <td>:</td>
  107. <td class="page"></td>
  108. </tr>
  109. </table>
  110. </td>
  111. </tr>
  112. </table>
  113. </td>
  114. </tr>
  115. </table>
  116. </div>
  117. <div id="footer">
  118. </div>
  119. <div id="content">
  120. <table>
  121. <thead style="border-top: 1px solid black; border-bottom: 1px solid black;">
  122. <tr>
  123. <th>NO</th>
  124. <th>DESCRIPTION</th>
  125. <th>QTY</th>
  126. <th>UOM</th>
  127. <th>UNIT PRICE</th>
  128. <th>AMOUNT</th>
  129. </tr>
  130. </thead>
  131. <tbody style="text-align: center;">
  132. @foreach ($sale->saleDetail as $key => $saleDetail)
  133. <tr>
  134. <th>{{ $key + 1 }}</th>
  135. <td style="text-align: left;">{{ $saleDetail->product->name }}</td>
  136. <td>{{ $saleDetail->qty }}</td>
  137. <td>UNIT</td>
  138. <td style="text-align: right;">
  139. {{ App\Services\FunctionService::rupiahFormat($saleDetail->price) }}</td>
  140. <td style="text-align: right;">
  141. {{ App\Services\FunctionService::rupiahFormat($saleDetail->price * $saleDetail->qty) }}
  142. </td>
  143. </tr>
  144. @endforeach
  145. </tbody>
  146. <tfoot style="border-top: 1px solid black; border-bottom: 1px solid black; text-align: right;">
  147. <tr>
  148. <td colspan="4"></td>
  149. <td>TOTAL</td>
  150. <td>{{ App\Services\FunctionService::rupiahFormat(App\Services\SaleService::totalPrice($sale)) }}
  151. </td>
  152. </tr>
  153. {{-- <tr>
  154. <td colspan="4"></td>
  155. <td>SUB. TOTAL</td>
  156. <td>800.000</td>
  157. </tr>
  158. <tr>
  159. <td colspan="4"></td>
  160. <td>PPN 11%</td>
  161. <td>88.000</td>
  162. </tr>
  163. <tr>
  164. <td colspan="4"></td>
  165. <td>TOTAL IDR</td>
  166. <td>888.000</td>
  167. </tr> --}}
  168. </tfoot>
  169. </table>
  170. <p style="margin: 0; font-size: x-small; font-weight: bold; text-align: right;">Semua produk sudah dikenakan ppn
  171. {{ $sale->ppn ? $ppn : 0 }} %
  172. </p>
  173. <div style="position: absolute; bottom: 0; left: 0; right: 0;">
  174. <table>
  175. <tbody>
  176. <tr>
  177. <td style="width: 40%;"></td>
  178. <td style="width: 60%;">
  179. <table style="width: 100%; text-align: right;">
  180. <thead style="margin-bottom: 20px;">
  181. <tr>
  182. <td></td>
  183. <td colspan="1">
  184. <p style="margin-bottom: 75px; margin-top: 70px;">{{ $company->name }}</p>
  185. </td>
  186. </tr>
  187. </thead>
  188. <tbody>
  189. <tr>
  190. <td>
  191. <span
  192. style="border-top: 1px solid black; width: 150px;display: inline-block; text-align: left;">RECEIVED
  193. BY</span>
  194. </td>
  195. <td>
  196. <span
  197. style="border-top: 1px solid black; width: 120px;display: inline-block; text-align: center;">AUTHORISED
  198. SIGNATURE</span>
  199. </td>
  200. </tr>
  201. </tbody>
  202. </table>
  203. </td>
  204. </tr>
  205. </tbody>
  206. </table>
  207. </div>
  208. </div>
  209. </body>
  210. </html>