@extends('adminlayout.admin')

 @section('content')

 <style >
     .cursor{
        cursor: pointer;
     }
     .nk-content-fluid{
        margin-top: 65px;
        position: relative;
     }
     hr{
         margin-top: 0.2rem;
         margin-bottom: 0.2rem;
     }
 </style>

<div class="nk-content nk-content-fluid" >
    <div class="container-xl wide-lg">
        <div class="nk-content-body">
            <div class="nk-block-head nk-block-head-sm">
                <div class="nk-block-between">
                    <div class="nk-block-head-content">
                        <h3 class="nk-block-title page-title">Bill Pay Receipt(Quick Pay)</h3>
                        <!--<div class="nk-block-des text-soft">
                            <p>You have total 1 comingsoon.</p>
                        </div>-->
                    </div><!-- .nk-block-head-content -->
                    <div class="nk-block-head-content">
                        <img src="assets/images/bbps/BeAssured.png" style="max-width: 120px;" alt="">
                    </div>
                </div><!-- .nk-block-between -->
            </div><!-- .nk-block-head -->
            
        </div>
    </div>
   
    <div class="row mt-1">
        
      <div class="col-md-12" id="printReceipt">
          <h4>Transaction {{ ucwords($data['status']) }}!</h4>
          <hr>
          <div class="row">
              <div class="col-5">
                  Transaction Status
              </div>
              <div class="col-7">
                  : &nbsp; &nbsp; &nbsp; &nbsp; {{ $data['message']['responseReason'] }}
              </div>
          </div>
          <hr>
          <div class="row">
              <div class="col-5">
                  Biller Name
              </div>
              <div class="col-7">
                  : &nbsp; &nbsp; &nbsp; &nbsp; {{ $data['message2']['billerName'] }}
              </div>
          </div>
          <hr>
          <div class="row">
              <div class="col-5">
                  Biller Id
              </div>
              <div class="col-7">
                  : &nbsp; &nbsp; &nbsp; &nbsp; {{ $data['message2']['billerId'] }}
              </div>
          </div>
          @if ($data['status']=='failed')
                <hr>
                <div class="row">
                    <div class="col-5">
                        Error Message
                    </div>
                    <div class="col-7">
                        : &nbsp; &nbsp; &nbsp; &nbsp; {{ $data['errormessage'] }}
                    </div>
                </div>
          @else 
                <hr>
                <div class="row">
                    <div class="col-5">
                        Transaction Id
                    </div>
                    <div class="col-7">
                        : &nbsp; &nbsp; &nbsp; &nbsp; {{ $data['message']['txnRefId'] }}
                    </div>
                </div>
                <hr>
                <div class="row">
                    <div class="col-5">
                        Transaction Response Type
                    </div>
                    <div class="col-7">
                        : &nbsp; &nbsp; &nbsp; &nbsp; {{ $data['message']['txnRespType'] }}
                    </div>
                </div>
                <hr>
                <div class="row">
                    <div class="col-5">
                        Customer Name
                    </div>
                    <div class="col-7">
                        : &nbsp; &nbsp; &nbsp; &nbsp; {{ $data['message']['RespCustomerName'] }}
                    </div>
                </div>
                <hr>
                <!-- <div class="row">
                    <div class="col-5">
                        Mobile Number
                    </div>
                    <div class="col-7">
                        : &nbsp; &nbsp; &nbsp; &nbsp; 9898990083
                    </div>
                </div>
                <hr> -->
                <div class="row">
                    <div class="col-5">
                        Bill Amount
                    </div>
                    <div class="col-7">
                        : &nbsp; &nbsp; &nbsp; &nbsp; {{ $data['message']['RespAmount']/100 }}
                    </div>
                </div>
                <hr>
                <div class="row">
                    <div class="col-5">
                            Customer Convenience Fees
                    </div>
                    <div class="col-7">
                        : &nbsp; &nbsp; &nbsp; &nbsp; {{ $data['message']['CustConvFee'] }}
                    </div>
                </div>
                <hr>
                <div class="row">
                    <div class="col-5">
                        Total Amount
                    </div>
                    <div class="col-7">
                        : &nbsp; &nbsp; &nbsp; &nbsp; {{ $data['message']['RespAmount']/100 }}
                    </div>
                </div>
                <hr>
                <div class="row">
                    <div class="col-5">
                        Txn Date & Time
                    </div>
                    <div class="col-7">
                        : &nbsp; &nbsp; &nbsp; &nbsp; {{ $data['message']['RespBillDate'] }}
                    </div>
                </div>
                <hr>
                <div class="row">
                    <div class="col-5">
                        Init Channel
                    </div>
                    <div class="col-7">
                        : &nbsp; &nbsp; &nbsp; &nbsp; AGT
                    </div>
                </div>
                <hr>
                <div class="row">
                    <div class="col-5">
                        Payment Mode
                    </div>
                    <div class="col-7">
                        : &nbsp; &nbsp; &nbsp; &nbsp; {{ $data['message2']['paymentMode'] }}
                    </div>
                </div>
                <hr>
                <div class="row">
                    <div class="col-5">
                        Approval Number
                    </div>
                    <div class="col-7">
                        : &nbsp; &nbsp; &nbsp; &nbsp; {{ $data['message']['approvalRefNumber'] }}
                    </div>
                </div>
                <hr>
                <div class="row">
                    <div class="col-5">
                        Response Bill Number
                    </div>
                    <div class="col-7">
                        : &nbsp; &nbsp; &nbsp; &nbsp; {{ $data['message']['RespBillNumber'] }}
                    </div>
                </div>
                <hr>
                <div class="row">
                    <div class="col-5">
                        Response Bill Period
                    </div>
                    <div class="col-7">
                        : &nbsp; &nbsp; &nbsp; &nbsp; {{ $data['message']['RespBillPeriod'] }}
                    </div>
                </div>
          @endif
                        
          <hr>
          <div class="row">
              <div class="col-12 text-center">
                  <p class="text-dark">Thank you!</p>
              </div>
          </div>
              
      </div>
      <div class="col-12">
          <hr>
          <div class="row">
              <div class="col-12 text-center">
                  <a href="{{ route('bbpscategory') }}" class="btn btn-success">Go Back</a>
                  <a href="{{ route('dashboard') }}" class="btn btn-success">Go To Home Page</a>
              </div>
          </div>
      </div>
       
    </div>
    
</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.4/jspdf.min.js"></script>

<script>
    var doc = new jsPDF();
    var specialElementHandlers = {
        '#editor': function(element, renderer) {
            return true;
        }
    };

    // $('#cmd').click(function() {
        doc.fromHTML($('#printReceipt').html(), 15, 15, {
            // 'width': 170,
            'elementHandlers': specialElementHandlers
        });
        doc.save('Global-Tax.pdf');
        var url = "{{ route('bbpscategory') }}";
        window.location.replace(url);
    // });
</script>
    


@endsection