<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Print</title>
    <!-- Google Font: Source Sans Pro -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="{{asset('style/plugins/fontawesome-free/css/all.min.css')}}">
    <!-- Ionicons -->
    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css')}}">
    <!-- Tempusdominus Bootstrap 4 -->
    <link rel="stylesheet" href="{{asset('style/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css')}}">
    <!-- iCheck -->
    <link rel="stylesheet" href="{{asset('style/plugins/icheck-bootstrap/icheck-bootstrap.min.css')}}">
    <!-- JQVMap -->
    <link rel="stylesheet" href="{{asset('style/plugins/jqvmap/jqvmap.min.css')}}">
    <!-- Theme style -->
    <link rel="stylesheet" href="{{asset('style/assets/css/adminlte.min.css')}}">
    <!-- overlayScrollbars -->
    <link rel="stylesheet" href="{{asset('style/plugins/overlayScrollbars/css/OverlayScrollbars.min.css')}}">
    <!-- Daterange picker -->
    <link rel="stylesheet" href="{{asset('style/plugins/daterangepicker/daterangepicker.css')}}">
    <!-- summernote -->
    <link rel="stylesheet" href="{{asset('style/plugins/summernote/summernote-bs4.min.css')}}">
    <!-- Line icons -->
    <link rel="stylesheet" href="{{asset('style/assets/css/line-awesome.css')}}">
    <link rel="stylesheet" href="{{asset('style/assets/css/line-awesome.min.css')}}">
    <!-- Theme style -->
    <link rel="stylesheet" href="{{asset('style/assets/css/style.css')}}">
<style>
  .reciept{
    max-width:938px !important;
/*margin: 0 auto;*/
    text-align: left !important;
  }
    @media print {  
.abc{
    /*zoom:80%;*/
    /*text-align:center !important;*/
}

  .reciept .logo img{
    width: 50%;
 

  }
  .reciept.haeding.text-center h4 {
      font-size: 30px;
      font-weight: 900;

      margin: 0;
  }
  .ledger.d-flex h6 {
     
      font-size: 30px;
      text-transform: uppercase;
      font-weight: 900;
  }
  .reciept.table td, .table th {
 
      vertical-align: top;
      border-top: 1px solid #dee2e6;
      font-size: 30px;
      text-transform: uppercase;
      font-weight: 900;
  }
  .reciept table.table {
      text-align: left;
  }
  .reciept .table td, .table th {
   
      vertical-align: top;
      font-size: 30px;
      text-transform: uppercase;
      font-weight: 600;
      border-top: dashed 2px #dee2e6;
  }
  p{
       
      font-size: 30px !important;
      font-weight: 900;
  }
   h4{

      font-size: 30px !important;
      font-weight: 900;
  }
   h6{
      
      font-size: 30px !important;
      font-weight: 900;
  }
}


</style>
</head>

<body onload="window.print();" class="abc">
    <div class="reciept">
        <div class="logo">
            <img src="{{asset('style/assets/img/logo.jpeg')}}" alt="">
        </div>
        <div class="haeding ">
            <h4>SRK Diesel Trading</h4>
            <h4>TRN NO : 100622618500003</h4>
            <p style="font-size: 12px;">Contact No : 055 334 6408</p>
            <h6>Date : {{ \Carbon\Carbon::parse($thermal_data->transaction_date)->format('d/m/Y')}} {{ \Carbon\Carbon::parse($thermal_data->created_at)->format('h:i:s')}}</h6>
            <div class="ledger">
                <h6>Supplied by : <br>{{$thermal_data->supplied_by}},</h6>
                <h6>Ledger : {{$thermal_data->ledger}}({{$thermal_data->ledger_value}})</h6>
                <h6>Item : DIESEL 10ppm</h6>
                

            </div>
        </div>
        <div class="table-detials" style="margin-top:2px;">
            <table class="table">
                <tbody>
                     <tr style="margin-top:2px;">
                        <td>Customer Name : <br> {{$company_name->company_name}}</td>
                        <tr>
                            
                        <td>TRN NO : <br> {{$company_name->trn_no}}</td>
                        </tr>
                    </tr>

                    <tr style="margin-top:2px;">
                        <td>Driver Name : {{$vehicle_data->driver_name}}</td>
                    </tr>
                    <tr style="margin-top:2px;">
                        <td>Vehicle Number : {{$vehicle_data->vehicle_no}}</td>
                    </tr>
                    <tr style="margin-top:2px;">
                        <td>QTY - Gallon : {{$thermal_data->quantity}}</td>
                    </tr>
                    @if($thermal_data->quantity_ltr > 1)
                    <tr>
                        <td>QTY - ltr (1GLn is 4.5 Ltr) : {{$thermal_data->quantity_ltr}}</td>
                    </tr>
                    @endif
                    <tr style="margin-top:2px;">
                        <td>Unit / Gallon Price : {{number_format($thermal_data->unit_price,2)}}/-</td>
                    </tr>
                    @if($thermal_data->quantity_ltr > 1) <tr>
                        <td>Unit / Liter Price :@if($thermal_data->unit_ltr_price > 1) {{number_format($thermal_data->unit_ltr_price,2)}}@endif</td>
                    </tr>
                    @endif
                    <tr style="margin-top:2px;">
                        <td>Gallon Price : {{number_format($thermal_data->gallon_price,2)}}</td>
                    </tr style="margin-top:2px;">
                    <tr style="margin-top:2px;">
                        <td>Tax VAT {{number_format($thermal_data->tax)}}% : {{number_format($thermal_data->tax)}}%</td>
                    </tr>
                    <tr style="margin-top:2px;">
                        <td>Total : {{number_format($thermal_data->total,2)}}</td>
                    </tr>
                    <tr style="margin-top:2px;">
                        <td>Kilometer NOW(KMs) : {{$thermal_data->kilometer}}</td>
                    </tr>
 <tr style="margin-top:2px;">
                        <td>Payment Mode : {{$thermal_data->payment_mode}}</td>
                    </tr>
                </tbody>
            </table>
        </div>

    </div>


    <!-- jQuery -->
    <script src="{{asset('style/plugins/jquery/jquery.min.js')}}"></script>
    <!-- jQuery UI 1.11.4 -->
    <script src="{{asset('style/plugins/jquery-ui/jquery-ui.min.js')}}"></script>
    <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
    <script>
        $.widget.bridge('uibutton', $.ui.button)
    </script>
    <!-- Bootstrap 4 -->
    <script src="{{asset('style/plugins/bootstrap/js/bootstrap.bundle.min.js')}}"></script>
    <!-- ChartJS -->
    <script src="{{asset('style/plugins/chart.js/Chart.min.js')}}"></script>
    <!-- Sparkline -->
    <script src="{{asset('style/plugins/sparklines/sparkline.js')}}"></script>
    <!-- JQVMap -->
    <script src="{{asset('style/plugins/jqvmap/jquery.vmap.min.js')}}"></script>
    <script src="{{asset('style/plugins/jqvmap/maps/jquery.vmap.usa.js')}}"></script>
    <!-- jQuery Knob Chart -->
    <script src="{{asset('style/plugins/jquery-knob/jquery.knob.min.js')}}"></script>
    <!-- daterangepicker -->
    <script src="{{asset('style/plugins/moment/moment.min.js')}}"></script>
    <script src="{{asset('style/plugins/daterangepicker/daterangepicker.js')}}"></script>
    <!-- Tempusdominus Bootstrap 4 -->
    <script src="{{asset('style/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js')}}"></script>
    <!-- Summernote -->
    <script src="{{asset('style/plugins/summernote/summernote-bs4.min.js')}}"></script>
    <!-- overlayScrollbars -->
    <script src="{{asset('style/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js')}}"></script>
    <!-- AdminLTE App -->
    <script src="{{asset('style/assets/js/adminlte.js')}}"></script>
    <!-- AdminLTE for demo purposes -->
    <script src="{{asset('style/assets/js/demo.js')}}"></script>
    <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
    <script src="{{asset('style/assets/js/pages/dashboard.js')}}"></script>
    <script src="{{asset('style/assets/js/pages/dashboard3.js')}}"></script>


</body>

</html>
