preview-invoice.blade.php 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  1. <!DOCTYPE html>
  2. <html lang="en" dir="ltr">
  3. <head>
  4. <?php
  5. $appInternalName = config('app.internalName');
  6. $appConfig = config('constants.' . $appInternalName);
  7. ?>
  8. <meta charset="utf-8">
  9. <title>{{$appConfig['name']}}</title>
  10. <link rel="icon" href="{{asset($appConfig['favicon'])}}">
  11. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  12. <link rel="stylesheet" href="{{asset('vendor/fontawesome/css/all.min.css')}}">
  13. <link rel="stylesheet" href="{{asset('css/style.css')}}">
  14. <link rel="stylesheet" href="{{asset('css/flyer.css')}}">
  15. <style>
  16. :root {
  17. --pry-color:{{$appConfig['primaryColor']}};
  18. }
  19. </style>
  20. </head>
  21. <body>
  22. <div class="print-none bg-white py-3 mb-4">
  23. <div class="container p-0" style="width:8.5in">
  24. <div class="row justify-content-between align-items-center">
  25. <div class="col-5 text-start">
  26. <a href="{{url()->previous()}}"><i class="fal fa-angle-left me-1"></i> Go back</a>
  27. </div>
  28. <div class="col-5">
  29. <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>
  30. </div>
  31. </div>
  32. </div>
  33. </div>
  34. <div class="coupon-container px-5 py-4">
  35. <div class="d-flex align-items-center justify-content-between my-4">
  36. <span class="navbar-brand"><img src="{{asset($appConfig['logo'])}}" height="60" alt=""></span>
  37. <h4 class="md-title text-pry m-0">INVOICE</h4>
  38. </div>
  39. <div class="mb-3 d-flex align-items-start justify-content-between">
  40. <div class="">
  41. <p class="f-fallback" style="color: #000; font-size: 16px;"><b>The {{$appConfig['name']}} Team</b>
  42. <span style="display:block;" class="mt-3">Basic Nutrition, Inc.</span>
  43. 11140 Rockville Pike<br>
  44. Rockville, MD 20852
  45. </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. <table border="0" cellspacing="0" cellpadding="0" style="background:#fff; border-collapse:collapse;border-spacing:0;margin-bottom:30px;margin-top:10px;margin-inline:auto;">
  55. <tbody>
  56. <tr>
  57. <td>
  58. <table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0;width:100%;color:rgb(51,51,51);font-family:'Helvetica Neue',Helvetica,Arial,sans-serif">
  59. <tbody>
  60. <tr height="24" style="background-color:rgb(250,250,250)">
  61. <td colspan="5" valign="top" style="text-align:center;text-transform:uppercase;padding:10px;border-top-left-radius:3px;border-bottom-left-radius:3px">
  62. <span style="font-size:15px;font-weight:600;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif">Order Information</span>
  63. </td>
  64. </tr>
  65. <tr height="15">
  66. <td colspan="5"></td>
  67. </tr>
  68. <tr>
  69. <td colspan="3" style="width:200px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif">Date:
  70. <?= date('F d, Y', strtotime($order->created_at)) ?>
  71. </td>
  72. <td colspan="2" align="right" valign="top" style="width:430px;padding:0 6px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif">Order: #{{$order->orderNumber()}}</td>
  73. </tr>
  74. <tr height="15">
  75. <td colspan="5"></td>
  76. </tr>
  77. <tr height="24" style="background-color:rgb(250,250,250)">
  78. <td colspan="5" valign="top" style="text-align:center;text-transform:uppercase;padding:6px;border-top-left-radius:3px;border-bottom-left-radius:3px"><span style="font-size:15px;font-weight:600">Tests Ordered</span></td>
  79. </tr>
  80. <tr height="15">
  81. <td colspan="5"></td>
  82. </tr>
  83. @foreach($order->testsRequested() as $tkey => $test)
  84. <tr>
  85. <td colspan="3" style="padding:0 0 0 15px;vertical-align:top;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif">
  86. <span style="font-weight:600;">{{ str_replace('Check ', '', toHumanReadable($test)) }}</span>
  87. </td>
  88. <td align="right" valign="top" style="padding:0 5px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif">
  89. <span style="font-weight:600;white-space:nowrap;display:block;">${{number_format(config('app.'.$test), 2)}}</span>
  90. </td>
  91. </tr>
  92. @endforeach
  93. </tbody>
  94. </table>
  95. </td>
  96. </tr>
  97. <tr>
  98. <td>
  99. <table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0;width:100%;color:rgb(51,51,51);font-family:'Helvetica Neue',Helvetica,Arial,sans-serif">
  100. <tbody>
  101. <tr height="10">
  102. <td colspan="3"></td>
  103. </tr>
  104. <tr height="10">
  105. <td height="1" colspan="3">
  106. <div style="line-height:1px;height:1px;background-color:rgb(238,238,238)"></div>
  107. </td>
  108. </tr>
  109. <tr height="28">
  110. <td align="right" style="color:#000;font-size:14px;font-weight:600;padding:0 30px 0 0;border:none;border-width:1px;border-color:rgb(238,238,238)">TOTAL</td>
  111. <td width="1" style="background-color:rgb(238,238,238);width:1px"></td>
  112. <td width="90" align="right" style="width:120px;font-size:16px;font-weight:600;white-space:nowrap">
  113. ${{number_format($order->total(), 2)}}
  114. </td>
  115. </tr>
  116. <tr height="10">
  117. <td height="1" colspan="3">
  118. <div style="line-height:1px;height:1px;background-color:rgb(238,238,238)"></div>
  119. </td>
  120. </tr>
  121. </tbody>
  122. </table>
  123. </td>
  124. </tr>
  125. <tr height="15">
  126. <td colspan="3"></td>
  127. </tr>
  128. <tr>
  129. <td>
  130. <table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0;color:rgb(51,51,51);background-color:rgb(250,250,250);border-radius:3px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif">
  131. <tbody>
  132. <tr height="66">
  133. <td width="620" rowspan="3" style="vertical-align:initial;padding:20px;border-style:solid;border-color:white;border-left-width:0px;border-right-width:0px;border-top-width:0px;border-bottom-width:0px">
  134. <span style="color:#000;font-size:15px;padding:5px 0;text-transform:uppercase;font-weight:600;">Lab Information</span><br> <br>
  135. <span style="font-weight:bold;">{{@$order->lab()->locatorlocationname}}</span> <br>
  136. {!! @$order->lab() ? @$order->lab()->address() : '' !!}<br>
  137. <br>
  138. </td>
  139. <td width="595" rowspan="3" style="vertical-align:initial;padding:20px;border-style:solid;border-color:white;border-left-width:0px;border-right-width:0px;border-top-width:0px;border-bottom-width:0px">
  140. <span style="color:#000;font-size:15px;padding:5px 0;text-transform:uppercase;font-weight:600;">Billing Information</span><br> <br>
  141. <span style="font-weight:bold;">Bill To:</span> <br>
  142. {{$order->client->displayName()}}<br>
  143. <br>
  144. @if($order->paymentMethod)
  145. <span style="font-weight:bold;">Payment Method: </span> <br>
  146. <span style="margin-right:5px;text-transform:uppercase;">{{$order->paymentMethod->brand()}}</span> {{$order->paymentMethod->displayNameShort()}}
  147. @endif
  148. </td>
  149. </tr>
  150. </tbody>
  151. </table>
  152. </td>
  153. </tr>
  154. </tbody>
  155. </table>
  156. </div>
  157. <div class="print-none mt-4">
  158. <footer class="bg-dark text-md-center py-2 d-flex justify-content-center flex-wrap">
  159. <div class="text-white mt-lg-0 mt-2">
  160. <small class="opacity-75">&copy; Copyright {{date('Y')}} Basic Nutrition, Inc. All rights reserved. <br class="d-lg-block d-none"> <span class="trademark trademark-inline">{{$appConfig['name']}}</span> is a registered trademark of
  161. Basic Nutrition, Inc.</small>
  162. </div>
  163. </footer>
  164. </div>
  165. </body>
  166. <script type="text/javascript">
  167. function printPDF() {
  168. window.print();
  169. }
  170. </script>
  171. </html>