API tools faq
paste
Advertisement
Guest User

8004 new

a guest
Dec 14th, 2018
90
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.45 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <head>
  4. {{-- @include('layouts.printingcss') --}}
  5. {{--
  6. <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> --}}
  7. <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
  8. <style>
  9. /* @media print {
  10. body {
  11. width: 816px;
  12. } */
  13. @page {
  14. margin: 0;
  15. margin-right: 15px;
  16. }
  17. #items {
  18. margin: 0 auto
  19. width: 1000px;
  20. border: none !important;
  21. }
  22.  
  23. .table {
  24. width: 1000px;
  25. margin: 0 auto;
  26. border: none !important;
  27. }
  28.  
  29. .table,
  30. .table tr,
  31. .table td {
  32. border: none;
  33. }
  34.  
  35. .td {
  36. padding: 20px 45px 0 20px !important;
  37. }
  38.  
  39. .p {
  40. font-size: 11px !important;
  41. margin-bottom: 5px;
  42. text-transform: none;
  43. }
  44.  
  45. .input-blank-1,
  46. .input-blank-2 {
  47. /*margin-bottom: 10px;*/
  48. position: relative;
  49. }
  50.  
  51. .input-blank-1 .p {
  52. display: inline-block;
  53. background-color: white;
  54. position: relative;
  55. top: 8px;
  56. font-weight: bold;
  57. }
  58.  
  59. .input-blank-1 .span {
  60. display: inline-block;
  61. width: 100%;
  62. height: 1px;
  63. border-bottom: 1px solid black;
  64. }
  65.  
  66. .input-blank-2 .p {
  67. display: block;
  68. background-color: white;
  69. font-weight: bold;
  70. }
  71.  
  72. .input-blank-2 .span {
  73. margin-top: 30px;
  74. display: block;
  75. width: 100%;
  76. height: 1px;
  77. border-bottom: 1px solid black;
  78. }
  79.  
  80. .text-center {
  81. text-align: center;
  82. }
  83.  
  84. .main-content {
  85. padding: 0 10px 10px 10px;
  86. margin: 0;
  87. }
  88.  
  89. .input-data {
  90. position: absolute;
  91. top: 0;
  92. left: 90px;
  93. }
  94.  
  95. .invisible {
  96. opacity: 0;
  97. }
  98.  
  99. .text-right {
  100. text-align: right;
  101. right: 0;
  102. }
  103.  
  104. * {
  105. margin: 0;
  106. padding: 0;
  107. text-transform: uppercase;
  108. }
  109.  
  110. body {
  111. /* font: 14px/1.4 "Times New Roman", Times, sans-serif; */
  112. }
  113.  
  114. #page-wrap {
  115. width: 1000px;
  116. margin: 0 auto;
  117. }
  118.  
  119. textarea {
  120. border: 0;
  121. font: 14px Georgia, Serif;
  122. overflow: hidden;
  123. resize: none;
  124. }
  125.  
  126. table {
  127. border-collapse: collapse;
  128. }
  129.  
  130. table td,
  131. table th {
  132. /*border: 1px solid black;*/
  133. padding: 1px 5px 1px 5px;
  134. }
  135.  
  136. #header {
  137. height: 15px;
  138. width: 100%;
  139. margin: 20px 0;
  140. background: #222;
  141. text-align: center;
  142. color: white;
  143. font: bold 15px Helvetica, Sans-Serif;
  144. text-decoration: uppercase;
  145. letter-spacing: 20px;
  146. padding: 8px 0px;
  147. }
  148.  
  149. .textCenter{
  150. text-align: center;
  151. }
  152.  
  153. #address {
  154. width: 250px;
  155. height: 150px;
  156. float: left;
  157. }
  158.  
  159. #customer {
  160. overflow: hidden;
  161. }
  162.  
  163. #logo {
  164. text-align: right;
  165. float: right;
  166. position: relative;
  167. margin-top: 25px;
  168. border: 1px solid #fff;
  169. max-width: 540px;
  170. max-height: 100px;
  171. overflow: hidden;
  172. }
  173.  
  174. ,
  175. #logo.edit {
  176. border: 1px solid #000;
  177. margin-top: 0px;
  178. max-height: 125px;
  179. }
  180.  
  181. #logoctr {
  182. display: none;
  183. }
  184.  
  185. #logo:hover #logoctr,
  186. #logo.edit #logoctr {
  187. display: block;
  188. text-align: right;
  189. line-height: 25px;
  190. background: #eee;
  191. padding: 0 5px;
  192. }
  193.  
  194. #logohelp {
  195. text-align: left;
  196. display: none;
  197. font-style: italic;
  198. padding: 10px 5px;
  199. }
  200.  
  201. #logohelp input {
  202. margin-bottom: 5px;
  203. }
  204.  
  205. .edit #logohelp {
  206. display: block;
  207. }
  208.  
  209. .edit #save-logo,
  210. .edit #cancel-logo {
  211. display: inline;
  212. }
  213.  
  214. .edit #image,
  215. #save-logo,
  216. #cancel-logo,
  217. .edit #change-logo,
  218. .edit #delete-logo {
  219. display: none;
  220. }
  221.  
  222. #customer-title {
  223. font-size: 20px;
  224. font-weight: bold;
  225. float: left;
  226. }
  227.  
  228. #meta {
  229. margin-top: 1px;
  230. width: 50%;
  231. float: right;
  232. }
  233.  
  234. #meta td {
  235. text-align: right;
  236. }
  237.  
  238. #meta td.meta-head {
  239. text-align: left;
  240. background: #eee;
  241. }
  242.  
  243. #meta td textarea {
  244. width: 100%;
  245. height: 20px;
  246. text-align: right;
  247. }
  248.  
  249. #items {
  250. font-size: 12px;
  251. clear: both;
  252. width: 970px;
  253. margin: 0 auto;
  254. border: 1px solid black;
  255. }
  256.  
  257. td {
  258. padding-bottom: 0px !important;
  259. }
  260.  
  261. #items th {
  262. background: #eee;
  263. }
  264.  
  265. #items textarea {
  266. width: 80px;
  267. height: 50px;
  268. }
  269.  
  270. #items tr.item-row td {
  271. border: 0;
  272. vertical-align: top;
  273. }
  274.  
  275. /*#items td.description { width: 300px; }*/
  276. /*#items td.item-name { width: 175px; }*/
  277. #items td.description textarea,
  278. #items td.item-name textarea {
  279. width: 100%;
  280. }
  281.  
  282. #items td.total-line {
  283. border-right: 0;
  284. text-align: right;
  285. }
  286.  
  287. #items td.total-value {
  288. border-left: 0;
  289. padding: 10px;
  290. }
  291.  
  292. #items td.total-value textarea {
  293. height: 20px;
  294. background: none;
  295. }
  296.  
  297. #items td.balance {
  298. background: #eee;
  299. }
  300.  
  301. #items td.blank {
  302. border: 0;
  303. }
  304.  
  305. #terms {
  306. text-align: center;
  307. margin: 20px 0 0 0;
  308. }
  309.  
  310. #terms h5 {
  311. text-transform: uppercase;
  312. font: 13px Helvetica, Sans-Serif;
  313. letter-spacing: 10px;
  314. border-bottom: 1px solid black;
  315. padding: 0 0 8px 0;
  316. margin: 0 0 8px 0;
  317. }
  318.  
  319. #terms textarea {
  320. width: 100%;
  321. text-align: center;
  322. }
  323.  
  324. textarea:hover,
  325. textarea:focus,
  326. #items td.total-value textarea:hover,
  327. #items td.total-value textarea:focus,
  328. .delete:hover {
  329. background-color: #EEFF88;
  330. }
  331.  
  332. .delete-wpr {
  333. position: relative;
  334. }
  335.  
  336. .delete {
  337. display: block;
  338. color: #000;
  339. text-decoration: none;
  340. position: absolute;
  341. background: #EEEEEE;
  342. font-weight: bold;
  343. padding: 0px 3px;
  344. border: 1px solid;
  345. top: -6px;
  346. left: -22px;
  347. font-family: Verdana;
  348. font-size: 12px;
  349. }
  350.  
  351. div,
  352. td,
  353. th,
  354. h1,
  355. h2,
  356. h3,
  357. h4,
  358. h5,
  359. h6,
  360. p,
  361. span {
  362. /* font-size: 12px !important; */
  363. }
  364.  
  365. th,
  366. h1,
  367. h2,
  368. h3,
  369. h4,
  370. h5,
  371. h6 {
  372. text-transform: capitalize !important;
  373. }
  374.  
  375. .number,
  376. .date {
  377. text-align: right !important;
  378. padding-right: 10px !important;
  379. }
  380.  
  381. /* } */
  382.  
  383. /* @font-face {
  384. font-family: 'FakeReceipt';
  385. font-style: normal;
  386. font-weight: 400;
  387. src: local("\263A"), url(/fonts/fake-receipt.ttf) format("truetype");
  388. }
  389.  
  390. @font-face {
  391. font-family: 'EpsonPixeled';
  392. font-style: normal;
  393. font-weight: 400;
  394. src: local("\263A"), url(/fonts/epson-pixeled.ttf) format("truetype");
  395. }
  396. */
  397.  
  398. * {
  399. font: 15px/1.4 'Lato', sans-serif;
  400. font-weight: 400;
  401. }
  402. </style>
  403. </head>
  404.  
  405. <body>
  406. <div class="content-wrapper">
  407. <section class="content">
  408. <div id="page-wrap">
  409. {{-- <table class="table invisible">
  410. <tr>
  411. <td class="td">
  412. <img id="image" src="/images/cdologo.jpg" alt="logo" />
  413. </td>
  414. <td class="td">
  415. <p class="p">No. Road 44 BLK 25 Lot 11</p>
  416. <p class="p">Lower Congress Village, Caloocan City</p>
  417. <p class="p">0942-827-5237 / 0917-142-8309</p>
  418. </td>
  419. <td class="td">
  420. <hc2 style="font-size: 16px !important; margin-bottom: 10px;">DELIVERY RECEIPT</h2>
  421. <p style="font-size: 16px !important;">No.</p>
  422. </td>
  423. </tr>
  424. </table> --}}
  425. <div style="height: 129px;"></div>
  426. <table class="table">
  427. <tr>
  428.  
  429. <td class="td" style="width: 70%;">
  430. <div class="input-blank-1">
  431. <p class="p invisible">Sold to :</p>
  432. <p class="input-data">{{ $customer_info->customer_name }}</p>
  433. <span class="span invisible" />
  434. </div>
  435. <div class="input-blank-1">
  436. <p class="p invisible">Address :</p>
  437. <p class="input-data">{{ $customer_info->delivery_address }}</p>
  438. <span class="span invisible" />
  439. </div>
  440. <div class="input-blank-1">
  441. <p class="p invisible">TIN(BUYER) :</p>
  442. <p class="input-data">AMOR2 CINEMA KALENTOASADADADADADNG</p>
  443. <span class="span invisible" />
  444. </div>
  445. <div class="input-blank-1">
  446. <p class="p invisible">BUS.STYLE :</p>
  447. <p class="input-data">123412412</p>
  448. <span class="span invisible" />
  449. </div>
  450. </td>
  451. <td class="td">
  452. <div class="input-blank-1">
  453. <p class="p invisible">Terms :</p>
  454. <p class="input-data text-right">{{ $payment_type->payment_type }}</p>
  455. <span class="span invisible" />
  456. </div>
  457. <div class="input-blank-1">
  458. <p class="p invisible">DATE :</p>
  459. <?php
  460. $date = date_create($sale_invoice->posting_date);
  461. ?>
  462. <p class="input-data text-right">{{ date_format($date, "m/d/Y") }}</p>
  463. <span class="span invisible" />
  464. </div>
  465. <div class="input-blank-1">
  466. <p class="p invisible">OSCA/PWD ID No. :</p>
  467. <p class="input-data text-right">{{ $payment_type->payment_type }}</p>
  468. <span class="span invisible" />
  469. </div>
  470. <div class="input-blank-1">
  471. <p class="p invisible">SC/PWD Signature :</p>
  472. <p class="input-data text-right">{{ $payment_type->payment_type }}</p>
  473. <span class="span invisible" />
  474. </div>
  475. </td>
  476. </tr>
  477. </table>
  478. <div class="main-content">
  479.  
  480. <table id="items">
  481. <tr>
  482. <th style="width: 66px">PROD. ID</th>
  483. <th style="width: 425px">PRODUCT NAME</th>
  484. <th>Qty/UOM</th>
  485. <th>KILOS</th>
  486. {{-- <th>Factor</th>
  487. <th>Total Qty</th> --}}
  488. <th> Non-VAT Price</th>
  489. <th>NET AMOUNT</th>
  490. <!-- <th>Gross Amount</th>
  491. <th>Discount Amount</th>
  492. <th>Net Amount</th> -->
  493. </tr>
  494.  
  495. <?php $total_price_counter=0; ?>
  496. <?php $total_gross=0; ?>
  497. <?php $total_piece = 0; ?>
  498. <?php $total_case = 0; ?>
  499. <?php $total_discount = 0; ?>
  500. <?php $total_kilos = 0; ?>
  501. <?php $total_kilos = 0; ?>
  502.  
  503. @foreach($sale_order_products as $value)
  504.  
  505. <?php
  506. if ($value->uom == 'Case') {
  507. $total_case += $value->product_qty;
  508. }
  509.  
  510. if ($value->uom == 'Piece') {
  511. $total_piece += $value->product_qty;
  512. }
  513. ?>
  514.  
  515.  
  516. <tr>
  517. <td>
  518. <div name="prodId"class="cost">{{ $value->product_code }}</div>
  519. </td>
  520. <td name="prodName">
  521. <div class="cost">{{ $value->product_name }}</div>
  522. </td>
  523. <td name="qtyUom">
  524. <div class="cost textCenter">{{ $value->product_qty }} {{ $value->uom }}</div>
  525.  
  526. </td>
  527.  
  528. <?php $total_qty = $value->product_qty * $value->uom_factor; ?>
  529. <!-- total kilos -->
  530. <td class="number" name="totalKilos">
  531. <div class="cost textCenter">{{ number_format(($value->product_qty * $value->uom_factor) * $value->net_weight, 3) }}</div>
  532. </td>
  533. <!-- <td class="number">
  534. <div class="cost">{{ number_format($value->product_discounted_list_price,2) }}</div>
  535. </td> -->
  536. <?php
  537. $non_vat=($value->product_discount_price/1.12);
  538. $total_price= $total_qty*$value->product_discounted_list_price
  539.  
  540. ?>
  541. <td class="total-value number" name="nonVat">
  542. <div id="total textCenter">{{number_format($non_vat,2)}}</div>
  543. </td>
  544. <!-- NON VAT -->
  545.  
  546. <!-- <td class="number">
  547. <div class="cost"><?php
  548.  
  549. $test_discount = DB::table('sale_invoice_detail')
  550. ->where('sale_invoice_id', $sale_invoice->id)
  551. ->where('product_id', $value->product_id)
  552. ->leftJoin('products', 'sale_invoice_detail.product_id', '=', 'products.id')
  553. ->first();
  554. $product_discount = $total_price - $test_discount->product_discount_price;
  555. ?>
  556.  
  557. {{ number_format($product_discount,2)}}</div>
  558. </div>
  559. </td> -->
  560. <td class="number" name="netAmt">
  561. <div class="cost textCenter">{{ number_format($value->product_discount_price,2) }}</div>
  562. </td>
  563. </tr>
  564.  
  565. <?php $total_gross += ($value->product_discounted_list_price*$total_qty); ?>
  566.  
  567. <?php $total_price_counter += $total_price; ?>
  568.  
  569. <?php $total_kilos += ($value->product_qty * $value->uom_factor) * $value->net_weight; ?>
  570.  
  571. <?php $total_discount += $product_discount ?>
  572. @endforeach
  573. </table>
  574. <!-- <tr> -->
  575. <!-- <td colspan="3" class="total-line">Total Kilos</td>
  576. <td class="total-value number" style="border-right-color: rgba(0,0,0,0)" codlspan="2">
  577. <div id="total">{{ number_format($total_kilos, 3) }}</div>
  578. </td> -->
  579. <!-- <td clospan="2" class="total-line">Total Gross</td>
  580. <td class="total-value number" colspan="2">
  581. <div id="total">₱{{ number_format($total_gross,2) }}</div>
  582. </td> -->
  583. <!-- </tr> -->
  584. <table align="right" style="margin-top: 585px;">
  585. <tr>
  586. <td colspan="4">Total Sales (VAT Inclusive)</td>
  587. <td colspan="2" class="total-value number">
  588. <div>₱{{number_format($sale_invoice->si_total_price, 2)}}</div>
  589. </td>
  590. </tr>
  591. <tr>
  592. <td colspan="4">Less: VAT</td>
  593. <td colspan="2" class="total-value number">
  594. <div>5000</div>
  595. </td>
  596. </tr>
  597. <tr>
  598.  
  599. <td colspan="4" class="total-line ">Amount: Net of VAT</td>
  600. <td class="total-value number" colspan="2" style=" border-bottom-style: solid;">
  601. <div id="total">₱{{ number_format($net=$sale_invoice->si_total_price,2) }}</div>
  602. </td>
  603. </tr>
  604. <tr>
  605. <td colspan="4" class="total-line">Less: SC/PWD Discount</td>
  606. <td class="total-value number" colspan="2">{{$sale_invoice->discount_price}}% - ₱
  607. <?php echo number_format(abs($sale_invoice->so_total_price - $sale_invoice->si_total_price), 2); ?>
  608. </td>
  609. </tr>
  610. <tr>
  611. <td colspan="4" class="total-line" style="vertical-align:bottom">Amount Due</td>
  612. <td class="total-value number" colspan="2" style=" border-bottom-style: solid; vertical-align:bottom">₱{{number_format($net,2)}}</td>
  613. </tr>
  614.  
  615. @if(isset($with_vat))
  616. <tr>
  617. <td></td>
  618. <td></td>
  619. <td class="total-line" colspan="2" style="padding-top:10px !important;">Add: VAT</td>
  620. <?php $with_vat=($sale_invoice->si_total_price-$sale_invoice->si_total_price/1.12);
  621. $total_wth_vat=($with_vat-$sale_invoice->si_total_price)?>
  622. <td class="total-value number" colspan="4" style="padding-top:10px !important;">₱{{number_format($with_vat, 2)}}</td>
  623. </tr>
  624. <tr style="height: 40px;">
  625. <td></td>
  626. <td></td>
  627. <td class="total-line">Total Amount Due</td>
  628. <td class="total-value number" colspan="4">₱{{number_format($sale_invoice->si_total_price, 2)}}</td>
  629. </tr>
  630. @endif
  631. </table>
  632. </div>
  633. <table class="table invisible">
  634. <tr>
  635. <td class="td">
  636. <div class="input-blank-2">
  637. <p class="p">Prepared by :</p>
  638. <span class="span" />
  639. </div>
  640. </td>
  641. <td class="td">
  642. <div class="input-blank-2">
  643. <p class="p">Checked by :</p>
  644. <span class="span" />
  645. </div>
  646. </td>
  647. <td class="td">
  648. <p class="text-center" style="margin-bottom: 15px !important;">Received the above items in good order and
  649. condition:</p>
  650. <div class="input-blank-1">
  651. <p class="p">By :</p>
  652. <span class="span" />
  653. </div>
  654. <p class="text-center">Authorized Signature</p>
  655. </td>
  656. </tr>
  657. </table>
  658. </div>
  659. </section>
  660. </div>
  661. </body>
  662.  
  663. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!