pimplesushant-pere

OUCH INVOICE DYNA

Feb 27th, 2019
39
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.38 KB | None | 0 0
  1.  
  2. <!DOCTYPE html>
  3. <html lang="en">
  4.  
  5. <head>
  6.     <meta charset="utf-8">
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8.     <meta name="viewport" content="width=device-width, initial-scale=1">
  9.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  10.     <title>Ouch - Invoice PDF</title>
  11. </head>
  12.  
  13. <body>
  14. <div style="font-family: Arial, Helvetica, sans-serif; width: 600px; margin: 20px auto; border: solid 1px #ccc;">
  15.     <div>
  16.         <h1 style="text-align: center; background: #f3f3f3; margin-top: 0px; padding: 10px 0px;">Invoice</h1>
  17.         <div style="padding: 0px 10px 15px 10px; display: table;">
  18.             <div style="width: 350px; float: left;"><img src="{{asset('/img/ouchlogo.png')}}" style="width: 120px;"></div>
  19.             <div style="width: 350px; float: right;">
  20.                 <p style="font-size: 15px;"><b>Invoice ID</b> <span style="width: 150px; float: right; color: #787878;">:
  21.                             {{$invoice_number}}</span></p>
  22.                 <p style="font-size: 15px;"><b>Invoice Date</b> <span style="width:150px; float: right; color: #787878;">:
  23.                             {{$invoice_date}}</span></p>
  24.             </div>
  25.         </div>
  26.         <div style="border-bottom: solid 3px #393939;"></div>
  27.         <div style="padding: 0px 10px; margin-top: 15px; border-bottom: solid 1px #c1c1c1;">
  28.             <div style="width: 300px;  float: left;">
  29.                 <h3 style="color: #20a4cc;">Invoice To :</h3>
  30.                 <p style="font-size: 15px;  color: #787878;">{{($patient_type == 'S')  ? $someone['name'] : $patient['name']}}</p>
  31.                 <p style="font-size: 15px;  color: #787878; word-break: break-all;">{{($patient_type == 'S')  ? '-' : $patient['email']}}</p>
  32.                 <p style="font-size: 15px;  color: #787878;">{{($patient_type == 'S')  ? $someone['mobile'] : $patient['mobile']}}</p>
  33.             </div>
  34.             <div style="width: 300px; float: right; ">
  35.                 <h3 style="color: #20a4cc;">Appointment Details :</h3>
  36.                 <p style="font-size: 15px;"><b>Appointment ID</b> <span style="width: 150px; float: right; color: #787878;">:
  37.                             {{$id}}</span></p>
  38.                 <p style="font-size: 15px;"><b>Date</b> <span style="width: 150px; float: right; color: #787878;">:
  39.                             {{\Carbon\Carbon::parse($appointment_time)->format('d-m-Y')}}</span></p>
  40.                 <p style="font-size: 15px;"><b>Clinic Name</b> <span style="width: 150px; float: right; color: #787878;">:
  41.                             {{$mc_data['mc_clinic']}} {{$mc_data['mc_clinic']}} {{$mc_data['mc_clinic']}}</span></p>
  42.             </div>
  43.         </div>
  44.         <br/><br/><br/><br/><br/><br/><br/><br/><br/>
  45.         <div style="padding: 10px; width: 600px; border-bottom: solid 3px #393939;">
  46.             <div style="width: 300px; float: left;">
  47.                 <p style="font-size: 15px;"><b>Patient Name</b> <span style="width: 150px; float: right; color: #787878;">:
  48.                             {{($patient_type == 'S')  ? $someone['name'] : $patient['name']}}</span></p>
  49.             </div>
  50.             <div style="width: 300px; float: right;">
  51.                 <p style="font-size: 15px;"><b>Doctor Name</b> <span style="width: 150px; float: right; color: #787878;">:
  52.                             Dr. {{$mc_data['mc_doctor']}} {{$mc_data['mc_doctor']}} {{$mc_data['mc_doctor']}} {{$mc_data['mc_doctor']}}</span></p>
  53.             </div>
  54.         </div><br/><br/><br/><br/>
  55.         <div style="width: 600px; border-bottom: solid 3px #393939;">
  56.             <h3 style="color: #20a4cc; padding-left: 10px; margin-bottom: 0px; margin-top: 35px;">Billing Details :</h3>
  57.             <div>
  58.                 <div style="width: 300px;  float: left;">
  59.                     <p style="border-bottom: solid 1px #c1c1c1; border-top: solid 1px #c1c1c1; padding: 10px 0px 10px 10px; background: #f3f3f3;"><b>Billing
  60.                             Description</b></p>
  61.                     <p style="padding-left: 10px; font-size: 15px; display: block; color: #787878;">{{$mc_data['mc_service_name']}}</p>
  62.                 </div>
  63.                 <div style="width: 300px">
  64.                     <p style="border-bottom: solid 1px #c1c1c1; border-top: solid 1px #c1c1c1; padding: 10px 0px; background: #f3f3f3;"><b>Amount</b></p>
  65.                     <p style="font-size: 15px; display: block; color: #787878;">{{$currency}} {{money($mc_data['mc_service_charges'])}}</p>
  66.                 </div>
  67.             </div>
  68.             @foreach($additional_charges as $additional)
  69.             <div>
  70.                 <div style="width: 70%;  float: left;">
  71.                     <p style="border-bottom: solid 1px #c1c1c1; border-top: solid 1px #c1c1c1; padding: 10px 0px 10px 10px; background: #f3f3f3;"><b>Billing
  72.                             Description</b></p>
  73.                     <p style="padding-left: 10px; font-size: 15px; display: block; color: #787878;">{{$additional['service_name']}} (Additional)</p>
  74.                 </div>
  75.                 <div style="width: 30%; ">
  76.                     <p style="border-bottom: solid 1px #c1c1c1; border-top: solid 1px #c1c1c1; padding: 10px 0px; background: #f3f3f3;"><b>Amount</b></p>
  77.                     <p style="font-size: 15px; display: block; color: #787878;">{{$currency}} {{money($additional['charges'])}}</p>
  78.                 </div>
  79.             </div>
  80.             @endforeach
  81.             <div style="border-top: solid 1px #e2e2e2;">
  82.                 <div style="width: 70%;  text-align: right; float: left;">
  83.                     <p style="font-size: 15px; display: block; color:#393939; padding-right: 15px;"><b>Sub Total</b></p>
  84.                     <p style="font-size: 15px; display: block; color:#393939; padding-right: 15px;"><b>Total Tax</b></p>
  85.                 </div>
  86.                 <div style="width: 30%; ">
  87.                     <p style="font-size: 15px; display: block; color: #787878;">{{$currency}} {{money(floatval($charges)+floatval($additional_charge))}}</p>
  88.                     <p style="font-size: 15px; display: block; color: #787878;">{{$currency}} {{money(floatval($tax)+floatval($additional_charge_tax))}}</p>
  89.                 </div>
  90.             </div>
  91.             <div style="border-top: solid 1px #e2e2e2; background: #f3f3f3;">
  92.                 <div style="width: 70%;  text-align: right; float: left;">
  93.                     <p style="font-size: 15px; display: block; color:#393939; padding-right: 15px;"><b>Total Amount</b></p>
  94.                 </div>
  95.                 <div style="width: 30%; ">
  96.                     <p style="font-size: 15px; display: block; color: #393939;"><b>{{$currency}} {{money(floatval($total_charge)+floatval($total_additional_charge))}}</b></p>
  97.                 </div>
  98.             </div>
  99.         </div><br/><br/><br/><br/>
  100.         <div>
  101.             <div style="padding: 20px 10px 10px 10px; width: 100%; ">
  102.                 <h3 style="color: #20a4cc;">Payment Details :</h3>
  103.                 <p style="font-size: 15px;">Amount Paid by Patient <span style="width: 31%; float: right; color: #787878;">{{$currency}} {{money(floatval($total_charge)+floatval($patient_amount))}}</span></p>
  104.                 <p style="font-size: 15px;">Amount from Insurance <span style="width: 31%; float: right; color: #787878;">{{$currency}} {{money($insurance_amount)}}</span></p>
  105.             </div>
  106.         </div>
  107.     </div>
  108. </div>
  109. </body>
  110.  
  111. </html>
Add Comment
Please, Sign In to add comment