preview-invoice.blade.php 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. <!DOCTYPE html>
  2. <html lang="en" dir="ltr">
  3. <head>
  4. <?php
  5. $appInternalName = config('app.internalName');
  6. $appConfig = config('constants.' . $appInternalName);
  7. $storeOrderDetailJson = $order->detailJson();
  8. $storeOrderSelectedOptions = json_decode(@$storeOrderDetailJson->selected_options ?? "{}");
  9. $selectedLab = @$storeOrderSelectedOptions->lab;
  10. ?>
  11. <meta charset="utf-8">
  12. <title>{{$appConfig['name']}}</title>
  13. <link rel="icon" href="{{asset($appConfig['favicon'])}}">
  14. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  15. <link rel="stylesheet" href="{{asset('vendor/fontawesome/css/all.min.css')}}">
  16. <link rel="stylesheet" href="{{asset('css/style.css')}}">
  17. <link rel="stylesheet" href="{{asset('css/flyer.css')}}">
  18. <style>
  19. :root {
  20. --pry-color:{{$appConfig['primaryColor']}};
  21. }
  22. </style>
  23. </head>
  24. <body>
  25. <div class="print-none bg-white py-3 mb-4">
  26. <div class="container p-0" style="width:8.5in">
  27. <div class="row justify-content-between align-items-center">
  28. <div class="col-5 text-start">
  29. <a href="{{url()->previous()}}"><i class="fal fa-angle-left me-1"></i> Go back</a>
  30. </div>
  31. <div class="col-5">
  32. <a href="javascript:;" onclick="return printPDF()" class="btn btn-dark py-3 w-100 rounded-0 shadow"><i class="fal fa-print me-1"></i> Print</a>
  33. </div>
  34. </div>
  35. </div>
  36. </div>
  37. <div class="coupon-container px-5 py-4">
  38. <div class="d-flex align-items-center justify-content-between my-4">
  39. <span class="navbar-brand"><img src="{{asset($appConfig['logo'])}}" height="60" alt=""></span>
  40. <h4 class="md-title text-pry m-0">INVOICE</h4>
  41. </div>
  42. <div class="mb-3 d-flex align-items-start justify-content-between">
  43. <div class="">
  44. <p class="mb-2" style="color: #000; font-size: 16px;"><b>LetsBeSafe Health Inc.</b></p>
  45. <p style="font-size:15px"><?= config('app.address') ?></p>
  46. </div>
  47. <div class="text-end">
  48. <p class="mb-3" style="color: #000; font-size: 16px;"><b>Contact Us</b></p>
  49. <p style="font-size:15px">{{$appConfig['supportEmail']}}</p>
  50. <p style="font-size:15px">{{$appConfig['supportPhone']}}</p>
  51. <p style="font-size:15px">{{$appConfig['productUrl']}}</p>
  52. </div>
  53. </div>
  54. @include('app.my-account.admin.orders.sub.template.order-breakdown', ['storeOrder' => $order])
  55. </div>
  56. <div class="print-none mt-4">
  57. <footer class="bg-dark text-md-center py-2 d-flex justify-content-center flex-wrap">
  58. <div class="text-white mt-lg-0 mt-2">
  59. <small class="opacity-75">&copy; {{getdate()["year"]}} LetsBeSafe. All rights reserved.</small>
  60. </div>
  61. </footer>
  62. </div>
  63. </body>
  64. <script type="text/javascript">
  65. function printPDF() {
  66. window.print();
  67. }
  68. </script>
  69. </html>