API tools faq
paste
ronikuchan

payment-sandbox (double payment)

ronikuchan
Jul 6th, 2020
474
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 65.92 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5. <meta charset="utf-8" />
  6. <link rel="apple-touch-icon" sizes="76x76" href="{{ asset('/img/apple-icon.png') }}">
  7. <link rel="icon" type="image/png" href="{{'/img/favicon.ico'}}">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  9. <meta name="csrf-token" content="{{ csrf_token() }}">
  10. <title>
  11.     {{env('title')}}
  12. </title>
  13. <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport' />
  14. <!--     Fonts and icons     -->
  15. <link rel="stylesheet" type="text/css" href="{{ asset('/fonts/font-googleapis.css') }}" />
  16. <link rel="stylesheet" href="{{ asset('/css/font-awesome.css') }}">
  17. <!-- CSS Files -->
  18. <link href="{{ asset('/css/material-dashboard.css?v=2.1.1') }}" rel="stylesheet" />
  19.  
  20. {{-- waitMe css --}}
  21. <link href="{{ asset('/css/waitMe.min.css') }}" rel="stylesheet" />
  22.  
  23. {{-- jquery --}}
  24. {{-- <script src="{{ asset('/js/jquery-2.2.3.min.js') }}"></script> --}}
  25.  
  26. <!-- loading js -->
  27. <script src="{{ asset('/js/loading.js') }}"></script>
  28. <!-- waitme js -->
  29. <script src="{{ asset('/js/waitMe.min.js') }}"></script>
  30. <!-- helper js -->
  31. <script src="{{ asset('/js/helper.js') }}"></script>
  32.  
  33.  
  34. <style>
  35.     body{
  36.         background-color: #fff;
  37.    }
  38.     .card{
  39.         margin-top: 0px;
  40.         box-shadow: 0 1px 4px 0 rgba(255, 255, 255, 0.14);
  41.     }
  42.     .main-panel>.content {
  43.         margin-top: 0px;
  44.         padding: 0px;
  45.     }
  46.     .container-fluid {
  47.         padding : 0px;
  48.     }
  49.  
  50.     .btn-bidong {
  51.         background-color: #182955;
  52.        color : #ffffff;
  53.    }
  54.  
  55.     #toast {
  56.        width:100px;
  57.         height:5px;
  58.         height:auto;
  59.         position:absolute;
  60.         left:50%;
  61.         margin-left:-55px;
  62.         bottom:10px;
  63.         background-color: #383838;
  64.        color: #F0F0F0;
  65.        font-family: Calibri;
  66.         font-size: 15px;
  67.         padding:10px;
  68.         text-align:center;
  69.         border-radius: 5px;
  70.         -webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
  71.         -moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
  72.         box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
  73.     }
  74.  
  75. </style>
  76. </head>
  77.  
  78. <body class="container waitMe_body">
  79.     {{-- <div id='loader' style='display: none;'>
  80.         <img src='{{url('/img/loading.gif')}}' width='500px' height='500px'>
  81.     </div> --}}
  82.     <div class="row" style="display: block;">
  83.         <div id='toast' style='display:none'></div>
  84.         <div class="wrapper">
  85.             <div class="main-panel">
  86.                 <!-- Navbar -->
  87.                 <!-- End Navbar -->
  88.                 <div class="content">
  89.                     <div class="container-fluid">
  90.                     <div class="row">
  91.                         <div class="col-md-9">
  92.                             <div class="card">
  93.                                 <div class="d-none d-xl-block">
  94.                                     <div class="card-header card-header-primary">
  95.                                         <h4 class="card-title">Payment Klikfood</h4>
  96.                                         <p class="card-category">Payment</p>
  97.                                     </div>
  98.                                 </div>
  99.                                 {{-- <a href="#" id="aa" title="Link Detail in Tooltip" data-placement="left" data-toggle="tooltip">Click me to see Tooltip</a>
  100.                                 <div id="tt" >Test</div> --}}
  101.                                 {{-- loading --}}
  102.                                 {{-- <div class="d-flex justify-content-center">
  103.                                     <div class="spinner-border" role="status">
  104.                                         <span class="sr-only">Loading...</span>
  105.                                     </div>
  106.                                 </div> --}}
  107.  
  108.                                 <div class="card-body">
  109.                                     <form class="payment-form">
  110.                                         @csrf
  111.                                         <input type="hidden" name="order_id" value="{{$transaksi->_id}}" id="transaksi_id">
  112.                                         {{-- <input type="hidden" name="payment" value="" id="payment"> --}}
  113.                                         <input type="hidden" name="user_id" value="{{$transaksi->user_id}}">
  114.                                         <input type="hidden" name="user_name" value="{{$transaksi->user_name}}">
  115.                                         <input type="hidden" name="tanggal" value="{{$transaksi->tanggal}}">
  116.                                         <input type="hidden" name="jumlah_harga" value="{{$transaksi->jumlah_harga}}">
  117.                                         <input type="hidden" name="address" value="{{$transaksi->address}}">
  118.                                         <input type="hidden" name="jumlah_berat" value="{{$transaksi->jumlah_berat}}">
  119.                                         <input type="hidden" name="jumlah_ongkir" value="{{$transaksi->jumlah_ongkir}}">
  120.                                         <input type="hidden" name="jumlah_keseluruhan" value="{{$transaksi->jumlah_keseluruhan}}">
  121.                                         <input type="hidden" name="payment_fee" value="{{$transaksi->payment_fee}}">
  122.                                         <input type="hidden" name="trxcode" value="{{$transaksi->trxcode}}">
  123.                                         <input type="hidden" name="biaya_layanan" id="biaya_layanan" value="{{!empty($payment_fee_cc) ? $payment_fee_cc : 0}}">
  124.  
  125.                                         <div class="col-lg-12 col-md-12">
  126.                                             <div class="text-center">
  127.                                                 <h3>Detail Transaksi</h3>
  128.                                                 <hr>
  129.                                                 <div class="col-md-12">
  130.                                                     <h4><b>Nomor Pesanan</b></h4>
  131.                                                     <h5 class="text-info ">
  132.                                                         <b>{{substr($transaksi->_id, -8)?? "No Transaski ID" }}</b>
  133.                                                         <input type="hidden" name="distribusi_id" value="{{$transaksi->_id ?? null }}">
  134.                                                     </h5>
  135.                                                 </div>
  136.                                                 <br>
  137.                                                 <div class="col-md-12">
  138.                                                     <h4><b>Jumlah Bayar</b></h4>
  139.                                                     <h5 class="text-info ">
  140.                                                         {{-- <b>{{$transaksi->jumlah_keseluruhan ?? 0 }}</b> --}}
  141.                                                        
  142.                                                         {{-- <b> @currency($transaksi->jumlah_harga + $transaksi->jumlah_ongkir - $transaksi->diskon + $nominalVoucher ?? 0) </b> --}}
  143.                                                         <b> @currency($transaksi->jumlah_keseluruhan ?? 0) </b>
  144.                                                     </h5>
  145.                                                 </div>
  146.                                                 @if($transaksi->trxcode === "MTR001" && $user->uang > 0 && $transaksi->jumlah_keseluruhan > 500000 && $transaksi->jumlah_keseluruhan > $user->uang)
  147.                                                     <div class="card" style="background: linear-gradient(60deg, #09b706, #5d6721); color: #fff">
  148.                                                         <div class="card-body">
  149.                                                             <div class="pull-left" style="margin-left: -9px; font-size: 15px; font-weight: bold">
  150.                                                                 Gunakan Dompet (@currency($user->uang))
  151.                                                             </div>
  152.                                                            
  153.                                                             <div class="form-check form-check-inline pull-right">
  154.                                                                 <label class="form-check-label">
  155.                                                                     <input class="form-check-input" name="gunakanWallet" type="checkbox" id="gunakanWallet" value={{$user->uang}}>
  156.                                                                     <span class="form-check-sign">
  157.                                                                         <span class="check" style="margin-left: 21px; width: 19px; height: 19px"></span>
  158.                                                                     </span>
  159.                                                                 </label>    
  160.                                                             </div>
  161.                                                         </div>
  162.                                                     </div>
  163.                                                 @endif
  164.                                             </div>
  165.                                             <br>                                            
  166.                                             <div class="box-footer hidden-xs text-center">
  167.                                                 <h3>Pilih Metode Pembayaran</h3>
  168.                                                 @if($transaksi->trxcode === "MTR001")
  169.                                                     <div class="col-md-12">
  170.                                                         <button type="button" name="payment" value="creditcard" id="creditCard" class="btn btn-block btn-success" style="font-size: medium; white-space: normal;">
  171.                                                             <b>Credit Card</b>
  172.                                                         </button>
  173.                                                     </div>
  174.                                                     @if(empty($transaksi->potong_dompet))
  175.                                                         <div class="col-md-12">
  176.                                                             <button type="button" name="payment" value="virtualaccount" id="va-konsumen" class="btn btn-block btn-warning" style="font-size: medium; white-space: normal;">
  177.                                                                 <b>Virtual Account</b>
  178.                                                             </button>
  179.                                                         </div>
  180.                                                     @endif
  181.                                                     {{-- ini untuk pemblian kulakan kedua dan untuk pos mitra --}}
  182.                                                     <div class="col-md-12">
  183.                                                         <button type="button" name="payment" value="transferbank" id="trfBank" class="btn btn-block btn-info" style="font-size: medium; white-space: normal;">
  184.                                                             <b>Transfer Bank</b>
  185.                                                         </button>
  186.                                                     </div>
  187.  
  188.                                                     {{-- pembelian kedua dengan dompet --}}
  189.                                                     {{-- @if(!empty($transaksi->jenis_paket == null) && $user->uang > $transaksi->jumlah_keseluruhan)
  190.                                                         <div class="col-md-12">
  191.                                                             <button type="button" name="payment" value="wallet" id="wallet" class="btn btn-block btn-bidong" style="font-size: medium; white-space: normal;">
  192.                                                                 <b>Dompet</b>
  193.                                                             </button>
  194.                                                         </div>
  195.                                                     @endif --}}
  196.                                                 @elseif($transaksi->trxcode === "USR001")
  197.                                                     {{-- <div class="col-md-12">
  198.                                                         <button type="submit" name="payment" value="creditcard" class="btn btn-block btn-success" style="font-size: medium; white-space: normal;">
  199.                                                             <b>Credit Card</b>
  200.                                                         </button>
  201.                                                     </div> --}}
  202.                                                     {{-- <div class="col-md-12">
  203.                                                         <button type="submit" name="payment" value="virtualaccount" class="btn btn-block btn-warning" style="font-size: medium; white-space: normal;">
  204.                                                             <b>Virtual Account</b>
  205.                                                         </button>
  206.                                                     </div> --}}
  207.                                                     <div class="col-md-12">
  208.                                                         {{-- <a href="" name="payment" value="transferbank" class="btn btn-block btn-info" style="font-size: medium; white-space: normal;"> <b>Transfer Bank</b> </a> --}}
  209.                                                         <button type="button" name="payment" value="transferbank" id= "trfBankMitra" class="btn btn-block btn-info" style="font-size: medium; white-space: normal;">
  210.                                                             <b>Transfer Bank</b>
  211.                                                         </button>
  212.                                                     </div>
  213.                                                 @else
  214.                                                     <div class="col-md-12">
  215.                                                         <button type="button" name="payment" value="creditcard" id="creditCard" class="btn btn-block btn-success" style="font-size: medium; white-space: normal;">
  216.                                                             <b>Credit Card</b>
  217.                                                         </button>
  218.                                                     </div>
  219.                                                     <div class="col-md-12">
  220.                                                         <button type="button" name="payment" value="virtualaccount" id="va-konsumen" class="btn btn-block btn-warning" style="font-size: medium; white-space: normal;">
  221.                                                             <b>Virtual Account</b>
  222.                                                         </button>
  223.                                                     </div>
  224.                                                     <div class="col-md-12">
  225.                                                         {{-- <a href="" name="payment" value="transferbank" class="btn btn-block btn-info" style="font-size: medium; white-space: normal;"> <b>Transfer Bank</b> </a> --}}
  226.                                                         <button type="button" name="payment" value="transferbank" id="trfBank" class="btn btn-block btn-info" style="font-size: medium; white-space: normal;">
  227.                                                             <b>Transfer Bank</b>
  228.                                                         </button>
  229.                                                     </div>
  230.                                                 @endif
  231.                                             </div>
  232.                                         </div>
  233.                                     </form>
  234.                                 </div>
  235.                             </div>
  236.                         </div>
  237.                     </div>
  238.                     </div>
  239.                 </div>
  240.             </div>
  241.         </div>
  242.     </div>
  243.  
  244.     <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  245.         <div class="modal-dialog modal-dialog-centered" role="document">
  246.             <div class="modal-content">
  247.             <div class="modal-header">
  248.                 <h5 class="modal-title" id="exampleModalCenterTitle">Detail Pembayaran</h5>
  249.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  250.                 <span aria-hidden="true">&times;</span>
  251.                 </button>
  252.             </div>
  253.             <div class="modal-body">
  254.                 <div class="waitMe_container progress" style="background:#fff; display: none;">
  255.                     <div class="text-center"></div>
  256.                 </div>
  257.                 <div class="container-fluid">
  258.                     <form class="payment-form-modal-cc">
  259.                         @csrf
  260.                         <input type="hidden" name="order_id" value="{{$transaksi->_id}}">
  261.                         <input type="hidden" name="payment" value="creditcard">
  262.                         <input type="hidden" name="user_id" value="{{$transaksi->user_id}}">
  263.                         <input type="hidden" name="user_name" value="{{$transaksi->user_name}}">
  264.                         <input type="hidden" name="tanggal" value="{{$transaksi->tanggal}}">
  265.                         <input type="hidden" name="jumlah_harga" value="{{$transaksi->jumlah_harga}}">
  266.                         <input type="hidden" name="address" value="{{$transaksi->address}}">
  267.                         <input type="hidden" name="jumlah_berat" value="{{$transaksi->jumlah_berat}}">
  268.                         <input type="hidden" name="jumlah_ongkir" value="{{$transaksi->jumlah_ongkir}}">
  269.                         <input type="hidden" name="jumlah_keseluruhan" value="{{$transaksi->jumlah_keseluruhan}}">
  270.                         <input type="hidden" name="payment_fee" value="{{$transaksi->payment_fee}}">
  271.                         <input type="hidden" name="trxcode" value="{{$transaksi->trxcode}}">
  272.                         <input type="hidden" name="biaya_layanan" id="biaya_layanan" value="{{!empty($payment_fee_cc) ? $payment_fee_cc : 0}}">
  273.                         <input type="hidden" name="mcp_fee_cc" id="mcp_fee_cc" value="{{!empty($mcp_fee_cc) ? $mcp_fee_cc : 0}}">
  274.                         <input type="hidden" name="potong_dompet" id="potong_dompet" value="">
  275.  
  276.                         <div class="row">
  277.                             <div class="col-xs-6 ml-2 text-left">
  278.                                 <p>Metode Pembayaran</p>
  279.                             </div>
  280.                             <div class="col-xs-6 text-right ml-auto mr-2">
  281.                                 <p>Credit Card</p>
  282.                             </div>
  283.                         </div>
  284.                         <div class="row">
  285.                             <div class="col-xs-6 ml-2 text-left">
  286.                                 Jumlah Bayar
  287.                             </div>
  288.                             <div class="col-xs-6 text-right ml-auto mr-2">
  289.                                 <p>@currency($transaksi->jumlah_keseluruhan)</p>
  290.                             </div>
  291.                         </div>
  292.                         <div class="row">
  293.                             <div class="col-xs-6 ml-2 text-left">
  294.                                 <p>Biaya Layanan</p>
  295.                             </div>
  296.                             <div class="col-xs-6 text-right ml-auto mr-2">
  297.                                 <p class="biaya-layanan">
  298.                                     @currency($payment_fee_cc)
  299.                                 </p>
  300.                             </div>
  301.                         </div>
  302.                         @if($transaksi->trxcode === "MTR001" && $user->uang > 0 && $transaksi->jumlah_keseluruhan > 500000 && $transaksi->jumlah_keseluruhan > $user->uang)
  303.                             <div class="row show-cut-wallet" style="display: none;">
  304.                                 <div class="col-xs-6 ml-2 text-left">
  305.                                     <p>Potong Dompet</p>
  306.                                 </div>
  307.                                 <div class="col-xs-6 text-right ml-auto mr-2">
  308.                                     <p id="jumlah_keseluruhan_cc">- @currency($user->uang)</p>
  309.                                 </div>
  310.                             </div>
  311.                         @endif
  312.                         <hr>
  313.                         <div class="row">
  314.                             <div class="col-xs-6 ml-2 text-left">
  315.                                 <p>Total Bayar</p>
  316.                             </div>
  317.                             <div class="col-xs-6 text-right ml-auto mr-2">
  318.                                 <p class="total-bayar">
  319.                                     @currency($total_bayar_cc)
  320.                                 </p>
  321.                             </div>
  322.                         </div>
  323.                         <div class="box-footer hidden-xs text-center">
  324.                             <div class="col-xs-6">
  325.                                 <button type="submit" name="payment" value="creditcard" class="btn btn-block btn-success" style="font-size: medium; white-space: normal;" id="submitCC">
  326.                                     <b>Bayar</b>
  327.                                 </button>
  328.                             </div>
  329.                         </div>
  330.                     </form>
  331.                 </div>
  332.  
  333.                 <form class="payment-form-modal-trf">
  334.                     @csrf
  335.                     <input type="hidden" name="order_id" value="{{$transaksi->_id}}">
  336.                     <input type="hidden" name="payment" value="transferbank">
  337.                     <input type="hidden" name="user_id" value="{{$transaksi->user_id}}">
  338.                     <input type="hidden" name="user_name" value="{{$transaksi->user_name}}">
  339.                     <input type="hidden" name="tanggal" value="{{$transaksi->tanggal}}">
  340.                     <input type="hidden" name="jumlah_harga" value="{{$transaksi->jumlah_harga}}">
  341.                     <input type="hidden" name="address" value="{{$transaksi->address}}">
  342.                     <input type="hidden" name="jumlah_berat" value="{{$transaksi->jumlah_berat}}">
  343.                     <input type="hidden" name="jumlah_ongkir" value="{{$transaksi->jumlah_ongkir}}">
  344.                     <input type="hidden" name="jumlah_keseluruhan" value="{{$transaksi->jumlah_keseluruhan}}">
  345.                     <input type="hidden" name="payment_fee" value="{{$transaksi->payment_fee}}">
  346.                     <input type="hidden" name="trxcode" value="{{$transaksi->trxcode}}">
  347.                     <input type="hidden" name="biaya_layanan" id="biaya_layanan" value={{0}}>
  348.                     <div class="row">
  349.                         <div class="col-xs-6 ml-2 text-left">
  350.                             <p>Metode Pembayaran</p>
  351.                         </div>
  352.                         <div class="col-xs-6 text-right ml-auto mr-2">
  353.                             <p>Transfer Bank</p>
  354.                         </div>
  355.                     </div>
  356.                     <div class="row">
  357.                         <div class="col-xs-6 ml-2 text-left">
  358.                             <p>Jumlah Bayar</p>
  359.                         </div>
  360.                         <div class="col-xs-6 text-right ml-auto mr-2">
  361.                             <p id="jumlah_keseluruhan_trf">@currency($transaksi->jumlah_keseluruhan)</p>
  362.                         </div>
  363.                     </div>
  364.                     @if($transaksi->trxcode === "MTR001" && $user->uang > 0 && $transaksi->jumlah_keseluruhan > 500000 && $transaksi->jumlah_keseluruhan > $user->uang)
  365.                         <div class="row show-cut-wallet" style="display: none;">
  366.                             <div class="col-xs-6 ml-2 text-left">
  367.                                 <p>Potong Dompet</p>
  368.                             </div>
  369.                             <div class="col-xs-6 text-right ml-auto mr-2">
  370.                                 <p id="jumlah_keseluruhan_trf">@currency($user->uang)</p>
  371.                             </div>
  372.                         </div>
  373.                     @endif
  374.                     <div class="row">
  375.                         <div class="col-xs-6 ml-2 text-left">
  376.                             <p>Biaya Layanan</p>
  377.                         </div>
  378.                         <div class="col-xs-6 text-right ml-auto mr-2">
  379.                             <p class="biaya-layanan">
  380.                                 @currency(0)
  381.                             </p>
  382.                         </div>
  383.                     </div>
  384.                     <hr>
  385.                     <div class="row">
  386.                         <div class="col-xs-6 ml-2 text-left">
  387.                             <p>Total Bayar</p>
  388.                         </div>
  389.                         <div class="col-xs-6 text-right ml-auto mr-2">
  390.                             <p class="total-bayar">
  391.                                 @currency($transaksi->jumlah_keseluruhan)
  392.                             </p>
  393.                         </div>
  394.                     </div>
  395.                     <div class="box-footer hidden-xs text-center">
  396.                         <div class="col-xs-6">
  397.                             <button type="submit" name="btnPayment" class="btn btn-block btn-success" style="font-size: medium; white-space: normal;">
  398.                                 <b>Bayar</b>
  399.                             </button>
  400.                         </div>
  401.                     </div>
  402.                 </form>
  403.  
  404.                 <form class="payment-form-modal-trf-mitra">
  405.                     @csrf
  406.                     <input type="hidden" name="order_id" value="{{$transaksi->_id}}" id="transaksi_id">
  407.                     <input type="hidden" name="user_id" value="{{$transaksi->user_id}}">
  408.                     <input type="hidden" name="user_name" value="{{$transaksi->user_name}}">
  409.                     <input type="hidden" name="tanggal" value="{{$transaksi->tanggal}}">
  410.                     <input type="hidden" name="jumlah_harga" value="{{$transaksi->jumlah_harga}}">
  411.                     <input type="hidden" name="address" value="{{$transaksi->address}}">
  412.                     <input type="hidden" name="jumlah_berat" value="{{$transaksi->jumlah_berat}}">
  413.                     <input type="hidden" name="jumlah_ongkir" value="{{$transaksi->jumlah_ongkir}}">
  414.                     <input type="hidden" name="jumlah_keseluruhan" value="{{$transaksi->jumlah_keseluruhan}}">
  415.                     <input type="hidden" name="payment_fee" value="{{$transaksi->payment_fee}}">
  416.                     <input type="hidden" name="trxcode" value="{{$transaksi->trxcode}}">
  417.                     <input type="hidden" name="biaya_layanan" id="biaya_layanan" value={{0}}>
  418.                     <div class="row">
  419.                         <div class="col-xs-6 ml-2 text-left">
  420.                             <p>Metode Pembayaran</p>
  421.                         </div>
  422.                         <div class="col-xs-6 text-right ml-auto mr-2">
  423.                             <p>Transfer Bank</p>
  424.                         </div>
  425.                     </div>
  426.                     <div class="row">
  427.                         <div class="col-xs-6 ml-2 text-left">
  428.                             <p>Jumlah Bayar</p>
  429.                         </div>
  430.                         <div class="col-xs-6 text-right ml-auto mr-2">
  431.                             <p>@currency($transaksi->jumlah_keseluruhan)</p>
  432.                         </div>
  433.                     </div>
  434.                     <div class="row">
  435.                         <div class="col-xs-6 ml-2 text-left">
  436.                             <p>Biaya Layanan</p>
  437.                         </div>
  438.                         <div class="col-xs-6 text-right ml-auto mr-2">
  439.                             <p class="biaya-layanan">
  440.                                 @currency(0)
  441.                             </p>
  442.                         </div>
  443.                     </div>
  444.                     <hr>
  445.                     <div class="row">
  446.                         <div class="col-xs-6 ml-2 text-left">
  447.                             <p>Total Bayar</p>
  448.                         </div>
  449.                         <div class="col-xs-6 text-right ml-auto mr-2">
  450.                             <p class="total-bayar">
  451.                                 @currency($transaksi->jumlah_keseluruhan)
  452.                             </p>
  453.                         </div>
  454.                     </div>
  455.                     <div class="box-footer hidden-xs text-center">
  456.                         <div class="col-xs-6">
  457.                             <button type="submit" name="payment" value="creditcard" class="btn btn-block btn-success" style="font-size: medium; white-space: normal;">
  458.                                 <b>Bayar</b>
  459.                             </button>
  460.                         </div>
  461.                     </div>
  462.                 </form>
  463.  
  464.                 <form class="payment-form-modal-va">
  465.                     @csrf
  466.                     <input type="hidden" name="order_id" value="{{$transaksi->_id}}">
  467.                     <input type="hidden" name="payment" value="virtualaccount">
  468.                     <input type="hidden" name="user_id" value="{{$transaksi->user_id}}">
  469.                     <input type="hidden" name="user_name" value="{{$transaksi->user_name}}">
  470.                     <input type="hidden" name="tanggal" value="{{$transaksi->tanggal}}">
  471.                     <input type="hidden" name="jumlah_harga" value="{{$transaksi->jumlah_harga}}">
  472.                     <input type="hidden" name="address" value="{{$transaksi->address}}">
  473.                     <input type="hidden" name="jumlah_berat" value="{{$transaksi->jumlah_berat}}">
  474.                     <input type="hidden" name="jumlah_ongkir" value="{{$transaksi->jumlah_ongkir}}">
  475.                     <input type="hidden" name="jumlah_keseluruhan" value="{{$transaksi->jumlah_keseluruhan}}">
  476.                     <input type="hidden" name="payment_fee" value="{{$transaksi->payment_fee}}">
  477.                     <input type="hidden" name="trxcode" value="{{$transaksi->trxcode}}">
  478.                     <input type="hidden" name="biaya_layanan" id="biaya_layanan" value="{{!empty($payment_fee_va) ? $payment_fee_va : 2500}}">
  479.  
  480.                     <div class="row">
  481.                         <div class="col-xs-6 ml-2 text-left">
  482.                             <p>Metode Pembayaran</p>
  483.                         </div>
  484.                         <div class="col-xs-6 text-right ml-auto mr-2">
  485.                             <p>Virtual Account</p>
  486.                         </div>
  487.                     </div>
  488.                     <div class="row">
  489.                         <div class="col-xs-6 ml-2 text-left">
  490.                             <p>Jumlah Bayar</p>
  491.                         </div>
  492.                         <div class="col-xs-6 text-right ml-auto mr-2">
  493.                             <p>@currency($transaksi->jumlah_keseluruhan)</p>
  494.                         </div>
  495.                     </div>
  496.                     <div class="row">
  497.                         <div class="col-xs-6 ml-2 text-left">
  498.                             <p>Biaya Layanan</p>
  499.                         </div>
  500.                         <div class="col-xs-6 text-right ml-auto mr-2">
  501.                             <p class="biaya-layanan">
  502.                                 @currency($payment_fee_va)
  503.                             </p>
  504.                         </div>
  505.                     </div>
  506.                     @if($transaksi->trxcode === "MTR001" && $user->uang > 0 && $transaksi->jumlah_keseluruhan > 500000 && $transaksi->jumlah_keseluruhan > $user->uang)
  507.                         <div class="row show-cut-wallet" style="display: none;">
  508.                             <div class="col-xs-6 ml-2 text-left">
  509.                                 <p>Potong Dompet</p>
  510.                             </div>
  511.                             <div class="col-xs-6 text-right ml-auto mr-2">
  512.                                 <p id="jumlah_keseluruhan_cc">- @currency($user->uang)</p>
  513.                             </div>
  514.                         </div>
  515.                     @endif
  516.                     <hr>
  517.                     <div class="row">
  518.                         <div class="col-xs-6 ml-2 text-left">
  519.                             <p>Total Bayar</p>
  520.                         </div>
  521.                         <div class="col-xs-6 text-right ml-auto mr-2">
  522.                             <p class="total-bayar">
  523.                                 @currency($total_bayar_va)
  524.                             </p>
  525.                         </div>
  526.                     </div>
  527.                     <div class="box-footer hidden-xs text-center">
  528.                         <div class="col-xs-6">
  529.                             <button type="submit" name="payment" class="btn btn-block btn-success" style="font-size: medium; white-space: normal;" id="submitVA">
  530.                                 <b>Bayar</b>
  531.                             </button>
  532.                         </div>
  533.                     </div>
  534.                 </form>
  535.  
  536.                 {{-- dompet --}}
  537.                 @if(!empty($transaksi->jenis_paket == null) && !empty($user->uang) ? $user->uang : 0 > $transaksi->jumlah_keseluruhan)
  538.                     <form class="payment-form-modal-wallet">
  539.                         @csrf
  540.                         <input type="hidden" name="order_id" value="{{$transaksi->_id}}">
  541.                         <input type="hidden" name="user_id" value="{{$transaksi->user_id}}">
  542.                         <input type="hidden" name="user_name" value="{{$transaksi->user_name}}">
  543.                         <input type="hidden" name="tanggal" value="{{$transaksi->tanggal}}">
  544.                         <input type="hidden" name="jumlah_harga" value="{{$transaksi->jumlah_harga}}">
  545.                         <input type="hidden" name="address" value="{{$transaksi->address}}">
  546.                         <input type="hidden" name="jumlah_berat" value="{{$transaksi->jumlah_berat}}">
  547.                         <input type="hidden" name="jumlah_ongkir" value="{{$transaksi->jumlah_ongkir}}">
  548.                         <input type="hidden" name="jumlah_keseluruhan" value="{{$transaksi->jumlah_keseluruhan}}">
  549.                         <input type="hidden" name="payment_fee" value="{{$transaksi->payment_fee}}">
  550.                         <input type="hidden" name="trxcode" value="{{$transaksi->trxcode}}">
  551.                         <input type="hidden" name="biaya_layanan" id="biaya_layanan" value={{0}}>
  552.                         <div class="row">
  553.                             <div class="col-xs-6 ml-2 text-left">
  554.                                 <p>Metode Pembayaran</p>
  555.                             </div>
  556.                             <div class="col-xs-6 text-right ml-auto mr-2">
  557.                                 <p>Dompet</p>
  558.                             </div>
  559.                         </div>
  560.                         <div class="row">
  561.                             <div class="col-xs-6 ml-2 text-left">
  562.                                 <p>Jumlah Dompet</p>
  563.                             </div>
  564.                             <div class="col-xs-6 text-right ml-auto mr-2">
  565.                                 <p>@currency(!empty($user->uang) ? $user->uang : 0)</p>
  566.                             </div>
  567.                         </div>
  568.                         <div class="row">
  569.                             <div class="col-xs-6 ml-2 text-left">
  570.                                 <p>Jumlah Bayar</p>
  571.                             </div>
  572.                             <div class="col-xs-6 text-right ml-auto mr-2">
  573.                                 <p class="biaya-layanan">
  574.                                     @currency($transaksi->jumlah_keseluruhan)
  575.                                 </p>
  576.                             </div>
  577.                         </div>
  578.                         <hr>
  579.                         <div class="row">
  580.                             <div class="col-xs-6 ml-2 text-left">
  581.                                 <p>Total Bayar</p>
  582.                             </div>
  583.                             <div class="col-xs-6 text-right ml-auto mr-2">
  584.                                 <p class="total-bayar">
  585.                                     @currency($user->uang - $transaksi->jumlah_keseluruhan)
  586.                                 </p>
  587.                             </div>
  588.                         </div>
  589.                         <div class="box-footer hidden-xs text-center">
  590.                             <div class="col-xs-6">
  591.                                 <button type="submit" name="payment" value="creditcard" class="btn btn-block btn-success" style="font-size: medium; white-space: normal;">
  592.                                     <b>Bayar</b>
  593.                                 </button>
  594.                             </div>
  595.                         </div>
  596.                     </form>
  597.                 @endif
  598.             </div>
  599.             </div>
  600.         </div>
  601.     </div>
  602.  
  603.     <div class="modal fade" id="modalTransferBankPusat" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  604.         <div class="modal-dialog modal-dialog-centered" role="document">
  605.             <div class="modal-content">
  606.             <div class="modal-header">
  607.                 <h5 class="modal-title" id="exampleModalCenterTitle">SILAKAN BAYAR KE</h5>
  608.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  609.                 <span aria-hidden="true">&times;</span>
  610.                 </button>
  611.             </div>
  612.             <div class="modal-body">
  613.                 <div class="row">
  614.                     <div class="col-lg-12 col-xs-12 col-sm-12">
  615.                         <table class="table table-striped table-hover">
  616.                             <tbody>
  617.                                 <tr>
  618.                                     <td>
  619.                                         <b> BCA 375.601.0020 a/n PT.Distra Boga Sarana</b>
  620.                                         <input type="hidden" value="3756010020" id="rekBCA">
  621.                                     </td>
  622.                                     <td>
  623.                                         <button class="btn btn-success btn-xs btn-round duplicateBCA" data-text='Copied'>
  624.                                             <span class="material-icons">content_copy</span>
  625.                                         </button>
  626.                                         {{-- <input id="dummy" name="dummy" type="hidden"> --}}
  627.                                     </td>
  628.                                 </tr>
  629.                                 <tr>
  630.                                     <td>
  631.                                         <b> BNI 533.329.620 a/n PT.Distra Boga Sarana</b>
  632.                                         <input type="hidden" value="533329620" id="rekBNI">
  633.                                     </td>
  634.                                     <td>
  635.                                         <button type="button" class="btn btn-success btn-xs btn-round duplicateBNI">
  636.                                             <span class="material-icons">content_copy</span>
  637.                                         </button>
  638.                                     </td>
  639.                                 </tr>
  640.                             </tbody>
  641.                         </table>
  642.                     </div>
  643.                 </div>
  644.                 <div class="row">
  645.                     <div class="col-lg-12 col-xs-12 col-sm-12">
  646.                         <div class="box-footer hidden-xs text-center">
  647.                             <div class="col-xs-6">
  648.                                 <h5 class="text-center"><b>KIRIMKAN BUKTI TRANSFER</b></h5>
  649.                                 <h5 class="text-center"><b>KE NOMER BERIKUT:</b></h5>
  650.                                 <a href="https://api.whatsapp.com/send?phone=6281298904263&text=Bisa Bantu Saya?" name="payment" target="_blank" class="btn btn-block btn-success" style="font-size: medium; white-space: normal;">
  651.                                     <b>081298904263</b>
  652.                                 </a>
  653.                             </div>
  654.                         </div>
  655.                     </div>
  656.                 </div>
  657.             </div>
  658.             {{-- <div class="modal-footer">
  659.                 <div class="col-md-12">
  660.                     <button type="submit" class="btn btn-block btn-success" data-dismiss="modal">Bayar</button>
  661.                 </div>
  662.             </div> --}}
  663.             </div>
  664.         </div>
  665.     </div>
  666.  
  667.     <div class="modal fade" id="modalSuccessWallet" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  668.         <div class="modal-dialog modal-dialog-centered" role="document">
  669.             <div class="modal-content">
  670.             <div class="modal-header">
  671.                 <h5 class="modal-title" id="exampleModalCenterTitle">Pembayaran Sukses</h5>
  672.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  673.                 <span aria-hidden="true">&times;</span>
  674.                 </button>
  675.             </div>
  676.             <div class="modal-body">
  677.                 <div class="row">
  678.                     <div class="col-lg-12 col-xs-12 col-sm-12">
  679.                         <center>
  680.                             <img src="https://sandbox.klikfood.id/images/home/logo.png" height="50" width="200"/>
  681.                         </center>
  682.                         <br><br>
  683.                         <h2 class="text-center" style="color:#0fad00">Transaction Success</h2>
  684.                     </div>
  685.                 </div>
  686.             </div>
  687.             <div class="modal-footer">
  688.                 <div class="col-md-12">
  689.                     <p class="text-center" style="font-size:20px;color:#5C5C5C;">
  690.                         Terimakasih telah berbelanja di klikfood.
  691.                     </p>
  692.                 </div>
  693.             </div>
  694.             </div>
  695.         </div>
  696.     </div>
  697.  
  698.     <div class="modal fade" id="modalFailed" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  699.         <div class="modal-dialog modal-dialog-centered" role="document">
  700.             <div class="modal-content">
  701.             <div class="modal-header">
  702.                 <h5 class="modal-title" id="exampleModalCenterTitle">Informasi</h5>
  703.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  704.                 <span aria-hidden="true">&times;</span>
  705.                 </button>
  706.             </div>
  707.             <div class="modal-body">
  708.                 <div class="row">
  709.                     <div class="col-lg-12 col-xs-12 col-sm-12">
  710.                         <h2 class="text-center" style="color:#ad0020">Terjadi Kesalahan</h2>
  711.                     </div>
  712.                 </div>
  713.             </div>
  714.             {{-- <div class="modal-footer">
  715.                 <div class="col-md-12">
  716.  
  717.                 </div>
  718.             </div> --}}
  719.             </div>
  720.         </div>
  721.     </div>
  722.  
  723.     <div class="modal fade" id="modalTransferBankMitra" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  724.         <div class="modal-dialog modal-dialog-centered" role="document">
  725.             <div class="modal-content">
  726.             <div class="modal-header">
  727.                 <h5 class="modal-title" id="exampleModalCenterTitle">SILAKAN BAYAR KE</h5>
  728.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  729.                 <span aria-hidden="true">&times;</span>
  730.                 </button>
  731.             </div>
  732.             <div class="modal-body">
  733.                 <div class="row">
  734.                     <div class="col-lg-12 col-xs-12 col-sm-12">
  735.                         <table class="table table-striped table-hover">
  736.                             <tbody>
  737.                                 <tr>
  738.                                     <td>
  739.                                         <b>  Nomor Rekening</b>
  740.                                     </td>
  741.                                     <td>
  742.                                         <b>  {{ $user->no_rekening ?? 0}}</b>
  743.                                     </td>
  744.                                 </tr>
  745.                                 <tr>
  746.                                     <td>
  747.                                         <b>  Atas Nama </b>
  748.                                     </td>
  749.                                     <td>
  750.                                         <b> {{ $user->rekening_atas_nama ?? 0 }}</b>
  751.                                     </td>
  752.                                 </tr>
  753.                             </tbody>
  754.                         </table>
  755.                     </div>
  756.                 </div>
  757.                 <div class="row">
  758.                     <div class="col-lg-12 col-xs-12 col-sm-12">
  759.                         <div class="box-footer hidden-xs text-center">
  760.                             <div class="col-xs-6">
  761.                                 <h5 class="text-center"><b>KIRIMKAN BUKTI TRANSFER</b></h5>
  762.                                 <h5 class="text-center"><b>KE NOMER BERIKUT:</b></h5>
  763.                                 <button type="submit" name="payment" value="creditcard" class="btn btn-block btn-success" style="font-size: medium; white-space: normal;">
  764.                                     <b>{{ $user->no_tlp ?? 0 }}</b>
  765.                                 </button>
  766.                             </div>
  767.                         </div>
  768.                     </div>
  769.                 </div>
  770.             </div>
  771.             </div>
  772.         </div>
  773.     </div>
  774.  
  775.     {{-- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> --}}
  776.     <script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>
  777.     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
  778.     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  779.  
  780.     <script>
  781.         $('a').on('click', function () {
  782.             $('#aa').tooltip('enabled').tooltip('show');
  783.         });
  784.  
  785.         // toast copied
  786.         $('.duplicateBCA').click(function () {
  787.             $('#toast').text($(this).data('text')).fadeIn(400).delay(1000).fadeOut(400);
  788.         });
  789.         $('.duplicateBNI').click(function () {
  790.             $('#toast').text($(this).data('text')).fadeIn(400).delay(1000).fadeOut(400);
  791.         });
  792.  
  793.         // reload when button back from browser is clicked
  794.         if(performance.navigation.type == 2){
  795.             location.reload(true);
  796.         }
  797.     </script>
  798.  
  799.     <script>
  800.         $(document).ready(function() {
  801.             $("#creditCard").click(function(e) {
  802.                 $('.payment-form-modal-trf').hide();
  803.                 $('.payment-form-modal-trf-mitra').hide();
  804.                 $('.payment-form-modal-wallet').hide();
  805.                 $('.payment-form-modal-va').hide();
  806.                 $('.payment-form-modal-cc').show();
  807.                 $("#modalPayment").modal({
  808.                     backdrop: 'static',
  809.                     keyboard: false
  810.                 });
  811.                 // disabled method wallet
  812.                 // $("#wallet").setAttribute('disabled', "");
  813.             });
  814.  
  815.             $("#trfBank").click(function(e) {
  816.                 $('.payment-form-modal-cc').hide();
  817.                 $('.payment-form-modal-wallet').hide();
  818.                 $('.payment-form-modal-trf-mitra').hide();
  819.                 $('.payment-form-modal-va').hide();
  820.                 $('.payment-form-modal-trf').show();
  821.                 $("#modalPayment").modal({
  822.                     backdrop: 'static',
  823.                     keyboard: false
  824.                 });
  825.                 // disabled method wallet
  826.                 // $("#wallet").setAttribute('disabled', "");
  827.             });
  828.  
  829.             $("#trfBankMitra").click(function(e) {
  830.                 // const payment = $('#payment').val('transferbank');
  831.                 $('.payment-form-modal-cc').hide();
  832.                 $('.payment-form-modal-wallet').hide();
  833.                 $('.payment-form-modal-trf').hide();
  834.                 $('.payment-form-modal-trf-mitra').show();
  835.                 $("#modalPayment").modal({
  836.                     backdrop: 'static',
  837.                     keyboard: false
  838.                 });
  839.                 // disabled method wallet
  840.                 // $("#wallet").setAttribute('disabled', "");
  841.             });
  842.  
  843.             $("#wallet").click(function(e) {
  844.                 // const payment = $('#payment').val('wallet');
  845.                 $('.payment-form-modal-cc').hide();
  846.                 $('.payment-form-modal-trf').hide();
  847.                 $('.payment-form-modal-va').hide();
  848.                 $('.payment-form-modal-wallet').show();
  849.                 $("#modalPayment").modal({
  850.                     backdrop: 'static',
  851.                     keyboard: false
  852.                 });
  853.             });
  854.  
  855.             $("#va-konsumen").click(function(e) {
  856.                 // const payment = $('#payment').val('wallet');
  857.                 $('.payment-form-modal-cc').hide();
  858.                 $('.payment-form-modal-trf').hide();
  859.                 $('.payment-form-modal-wallet').hide();
  860.                 $('.payment-form-modal-trf-mitra').hide();
  861.                 $('.payment-form-modal-va').show();
  862.                 $("#modalPayment").modal({
  863.                     backdrop: 'static',
  864.                     keyboard: false
  865.                 });
  866.             });
  867.  
  868.             // submit form modal
  869.                 $('.payment-form-modal-cc').on('submit', function (e) {
  870.                     e.preventDefault();
  871.  
  872.                     $.ajax({
  873.                         type: 'post',
  874.                         url: '{{url("pembayaran")}}',
  875.                         headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
  876.                         data: $('.payment-form-modal-cc').serialize(),
  877.                         beforeSend: function(){
  878.                             // Show image container
  879.                             $(".waitMe_container").removeAttr('style');
  880.                             $("#submitCC").prop('disabled', true);
  881.                         },
  882.                         success: function (data) {
  883.                             $("#modalPayment").modal('hide');
  884.                             window.location.href = data;
  885.                             $("#submitCC").prop('disabled', false);
  886.                         },
  887.                         complete:function(data){
  888.                             $(".waitMe_container").css('display', 'none');
  889.                             // Hide image container
  890.                             // $("#loader").hide();
  891.                         }
  892.                     });
  893.                 });
  894.  
  895.                 $('.payment-form-modal-trf').on('submit', function (e) {
  896.                     e.preventDefault();
  897.                     $.ajax({
  898.                         type: 'post',
  899.                         url: '{{url("pembayaran")}}',
  900.                         headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
  901.                         data: $('.payment-form-modal-trf').serialize(),
  902.                         beforeSend: function(){
  903.                             // Show image container
  904.                             $(".waitMe_container").removeAttr('style');
  905.                         },
  906.                         success: function (data) {
  907.                             $("#modalPayment").modal('hide');
  908.                             $("#modalTransferBankPusat").modal({
  909.                                 backdrop: 'static',
  910.                                 keyboard: false
  911.                             });
  912.                         },
  913.                         complete:function(data){
  914.                             $(".waitMe_container").css('display', 'none');
  915.                             // Hide image container
  916.                             // $("#loader").hide();
  917.                         }
  918.                     });
  919.                 });
  920.  
  921.                 $('.payment-form-modal-trf-mitra').on('submit', function (e) {
  922.                     e.preventDefault();
  923.                     $.ajax({
  924.                         type: 'post',
  925.                         url: '{{url("pembayaran")}}',
  926.                         headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
  927.                         data: $('payment-form-modal-trf-mitra').serialize(),
  928.                         beforeSend: function(){
  929.                             // Show image container
  930.                             $(".waitMe_container").removeAttr('style');
  931.                         },
  932.                         success: function (data) {
  933.                             $("#modalPayment").modal('hide');
  934.                             $("#modalTransferBankMitra").modal({
  935.                                 backdrop: 'static',
  936.                                 keyboard: false
  937.                             });
  938.                         },
  939.                         complete:function(data){
  940.                             $(".waitMe_container").css('display', 'none');
  941.                             // Hide image container
  942.                             // $("#loader").hide();
  943.                         }
  944.                     });
  945.                 });
  946.  
  947.                 $('.payment-form-modal-wallet').on('submit', function (e) {
  948.                     e.preventDefault();
  949.                     $.ajax({
  950.                         type: 'post',
  951.                         url: '{{url("pembayaran")}}',
  952.                         headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
  953.                         data: $('form').serialize(),
  954.                         beforeSend: function(){
  955.                             // Show image container
  956.                             $(".waitMe_container").removeAttr('style');
  957.                         },
  958.                         success: function (data) {
  959.                             $("#modalPayment").modal('hide');
  960.                             $("#modalSuccessWallet").modal({
  961.                                 backdrop: 'static',
  962.                                 keyboard: false
  963.                             });
  964.                         },
  965.                         complete:function(data){
  966.                             $(".waitMe_container").css('display', 'none');
  967.                             // Hide image container
  968.                             // $("#loader").hide();
  969.                         },
  970.                         error: function(data) {
  971.                             $("#modalPayment").modal('hide');
  972.                             $("#modalSuccessWallet").modal('hide');
  973.                             $("#modalFailed").modal({
  974.                                 backdrop: 'static',
  975.                                 keyboard: false
  976.                             });
  977.                         }
  978.                     });
  979.                 });
  980.  
  981.                 $('.payment-form-modal-va').on('submit', function (e) {
  982.                     e.preventDefault();
  983.                     $.ajax({
  984.                         type: 'post',
  985.                         url: '{{url("pembayaran")}}',
  986.                         headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
  987.                         data: $('.payment-form-modal-va').serialize(),
  988.                         beforeSend: function(){
  989.                             // Show image container
  990.                             $(".waitMe_container").removeAttr('style');
  991.                             $("#submitVA").prop('disabled', true);
  992.                         },
  993.                         success: function (data) {
  994.                             $("#modalPayment").modal('hide');
  995.                             $('.container').html(data.html);
  996.                             $("#submitVA").prop('disabled', false);
  997.                             // window.location.href = data;
  998.                         },
  999.                         complete:function(data){
  1000.                             $(".waitMe_container").css('display', 'none');
  1001.                         },
  1002.                         error: function(data) {
  1003.                             console.log(data)
  1004.                             $(".waitMe_container").css('display', 'none');
  1005.                             $("#modalPayment").modal('hide');
  1006.                             $("#modalFailed").modal({
  1007.                                 backdrop: 'static',
  1008.                                 keyboard: false
  1009.                             });
  1010.                         }
  1011.                     });
  1012.                 });
  1013.             // end
  1014.  
  1015.             // duplicate no rek
  1016.                 // BCA
  1017.                 $(".duplicateBCA").click(function(e) {
  1018.                     var rekBCA = document.getElementById("rekBCA");
  1019.                     rekBCA.type = 'text';
  1020.                     rekBCA.select();
  1021.                     rekBCA.setSelectionRange(0, 99999)
  1022.                     document.execCommand("copy");
  1023.                     rekBCA.type = 'hidden';
  1024.                     $(this).tooltip('enable').tooltip('show');
  1025.  
  1026.                     // var copyText = document.getElementById("dummy");
  1027.                     // copyText.type = 'text';
  1028.                     // copyText.select();
  1029.                     // document.execCommand("copy");
  1030.                     // copyText.type = 'hidden';
  1031.                 });
  1032.  
  1033.                 // BNI
  1034.                 $(".duplicateBNI").click(function(e) {
  1035.                     var rekBNI = document.getElementById("rekBNI");
  1036.                     rekBNI.type = 'text';
  1037.                     rekBNI.select();
  1038.                     rekBNI.setSelectionRange(0, 99999)
  1039.                     document.execCommand("copy");
  1040.                     rekBNI.type = 'hidden';
  1041.                     $(this).tooltip('enable').tooltip('show');
  1042.                 });
  1043.             // end
  1044.  
  1045.             // gunakan wallet
  1046.                 $("#gunakanWallet").click(function(e) {
  1047.                     var dompetVal = e.target.value;
  1048.  
  1049.                     if($(this).prop("checked") == true){
  1050.                         // trf
  1051.                             // set new value for trf method
  1052.                             var jumlahKeseluruhan = $('#modalPayment .payment-form-modal-trf').find('input[name="jumlah_keseluruhan"]').val();
  1053.                             var newJumlahKeseluruhan = parseInt(jumlahKeseluruhan) - parseInt(dompetVal);
  1054.                             var curNewJumlahKeseluruhan = formatRupiah(newJumlahKeseluruhan.toString(), 'Rp. ');
  1055.  
  1056.                             // set view total bayar trf
  1057.                             $('.payment-form-modal-trf p.total-bayar').html(curNewJumlahKeseluruhan);
  1058.  
  1059.                             // set new jumlahKeseluruhan trf method
  1060.                             var setNewJumlahKeseluruhanTRF = $('#modalPayment .payment-form-modal-trf').find('input[name="jumlah_keseluruhan"]').val(newJumlahKeseluruhan);
  1061.                         // end trf
  1062.  
  1063.                         // CC
  1064.                             // set value cut wallet
  1065.                             $('#modalPayment .payment-form-modal-cc').find('input[name="potong_dompet"]').val(dompetVal);
  1066.  
  1067.                             //set new value for cc method
  1068.                             var jumlahKeseluruhanCC = $('#modalPayment .payment-form-modal-cc').find('input[name="jumlah_keseluruhan"]').val();
  1069.                             var paymentFeeCC = $('#modalPayment .payment-form-modal-cc').find('input[name="biaya_layanan"]').val();
  1070.                             var newJumlahKeseluruhanCC = parseInt(jumlahKeseluruhanCC) - parseInt(dompetVal);
  1071.  
  1072.                             // set payment fee cc
  1073.                             var mcpFeeCC = $('#modalPayment .payment-form-modal-cc').find('input[name="mcp_fee_cc"]').val();
  1074.                             var newPaymentFeeCC = Math.round( (mcpFeeCC/100 * newJumlahKeseluruhanCC));
  1075.                             var curNewPaymentFeeCC = formatRupiah(newPaymentFeeCC.toString(), 'Rp. ');
  1076.  
  1077.                             // set view new payment fee and value
  1078.                             $('.payment-form-modal-cc p.biaya-layanan').html(curNewPaymentFeeCC);
  1079.                             $('#modalPayment .payment-form-modal-cc').find('input[name="biaya_layanan"]').val(newPaymentFeeCC);
  1080.  
  1081.                             // set new jumlah keseluruahan
  1082.                             var newFixJumlahKeseluruhanCC = parseInt(jumlahKeseluruhanCC) - parseInt(dompetVal) + parseInt(newPaymentFeeCC);
  1083.                             var curNewJumlahKeseluruhanCC = formatRupiah(newFixJumlahKeseluruhanCC.toString(), 'Rp. ');
  1084.  
  1085.                             // set view total bayar cc and value
  1086.                             $('.payment-form-modal-cc p.total-bayar').html(curNewJumlahKeseluruhanCC);
  1087.                             $('#modalPayment .payment-form-modal-cc').find('input[name="jumlah_keseluruhan"]').val(newFixJumlahKeseluruhanCC);
  1088.  
  1089.                         // end CC
  1090.  
  1091.                         // VA
  1092.                             //set new value for cc method
  1093.                             var jumlahKeseluruhanVA = $('#modalPayment .payment-form-modal-va').find('input[name="jumlah_keseluruhan"]').val();
  1094.                             var paymentFeeVA = $('#modalPayment .payment-form-modal-va').find('input[name="biaya_layanan"]').val();
  1095.                             var newJumlahKeseluruhanVA = parseInt(jumlahKeseluruhanVA) - parseInt(dompetVal) + parseInt(paymentFeeVA);
  1096.                             var curNewJumlahKeseluruhanVA = formatRupiah(newJumlahKeseluruhanVA.toString(), 'Rp. ');
  1097.  
  1098.                             // set view total bayar va and value
  1099.                             $('.payment-form-modal-va p.total-bayar').html(curNewJumlahKeseluruhanVA);
  1100.                             $('#modalPayment .payment-form-modal-va').find('input[name="jumlah_keseluruhan"]').val(newJumlahKeseluruhanVA);
  1101.  
  1102.                         // end VA
  1103.  
  1104.                         // show in pop up cut wallet
  1105.                         $('.show-cut-wallet').css('display','');
  1106.                     }
  1107.                     else if($(this).prop("checked") == false){
  1108.                         // trf
  1109.                             var jumlahKeseluruhan = $('#modalPayment .payment-form-modal-trf').find('input[name="jumlah_keseluruhan"]').val();
  1110.                             var newJumlahKeseluruhan = parseInt(jumlahKeseluruhan) + parseInt(dompetVal);
  1111.                             var curNewJumlahKeseluruhan = formatRupiah(newJumlahKeseluruhan.toString(), 'Rp. ');
  1112.  
  1113.                             // unset view total bayar trf
  1114.                             $('.payment-form-modal-trf p.total-bayar').html(curNewJumlahKeseluruhan);
  1115.  
  1116.                             // unset new jumlahKeseluruhan trf
  1117.                             var unsetNewJumlahKeseluruhan = $('#modalPayment .payment-form-modal-trf').find('input[name="jumlah_keseluruhan"]').val(newJumlahKeseluruhan);
  1118.                         // end trf
  1119.  
  1120.                         // CC
  1121.                             // unset value cut wallet
  1122.                             $('#modalPayment .payment-form-modal-cc').find('input[name="potong_dompet"]').val(0);
  1123.  
  1124.                             var jumlahKeseluruhanCC = $('#modalPayment .payment-form-modal-cc').find('input[name="jumlah_keseluruhan"]').val();
  1125.                             var paymentFeeCC = $('#modalPayment .payment-form-modal-cc').find('input[name="biaya_layanan"]').val();
  1126.                             var newJumlahKeseluruhanCC = parseInt(jumlahKeseluruhanCC) + parseInt(dompetVal) - parseInt(paymentFeeCC);
  1127.  
  1128.                             // unset payment fee cc
  1129.                             var mcpFeeCC = $('#modalPayment .payment-form-modal-cc').find('input[name="mcp_fee_cc"]').val();
  1130.                             var newPaymentFeeCC = Math.round( (mcpFeeCC/100 * newJumlahKeseluruhanCC));
  1131.                             var curNewPaymentFeeCC = formatRupiah(newPaymentFeeCC.toString(), 'Rp. ');
  1132.  
  1133.                             newJumlahKeseluruhanCC = parseInt(newJumlahKeseluruhanCC) + parseInt(newPaymentFeeCC);
  1134.  
  1135.                             // unset view new payment fee and value
  1136.                             $('.payment-form-modal-cc p.biaya-layanan').html(curNewPaymentFeeCC);
  1137.                             $('#modalPayment .payment-form-modal-cc').find('input[name="biaya_layanan"]').val(newPaymentFeeCC);
  1138.  
  1139.                             var curNewJumlahKeseluruhanCC = formatRupiah(newJumlahKeseluruhanCC.toString(), 'Rp. ');
  1140.  
  1141.                             // unset view total bayar CC and value
  1142.                             $('.payment-form-modal-cc p.total-bayar').html(curNewJumlahKeseluruhanCC);
  1143.                             $('#modalPayment .payment-form-modal-cc').find('input[name="jumlah_keseluruhan"]').val(newJumlahKeseluruhanCC);
  1144.                         // end CC
  1145.  
  1146.                         // VA
  1147.                             // unset value cut wallet
  1148.                             $('#modalPayment .payment-form-modal-va').find('input[name="potong_dompet"]').val(0);
  1149.  
  1150.                             var jumlahKeseluruhanVA = $('#modalPayment .payment-form-modal-va').find('input[name="jumlah_keseluruhan"]').val();
  1151.                             var paymentFeeVA = $('#modalPayment .payment-form-modal-va').find('input[name="biaya_layanan"]').val();
  1152.                             var newJumlahKeseluruhanVA = parseInt(jumlahKeseluruhanVA) + parseInt(dompetVal);
  1153.                             var curNewJumlahKeseluruhanVA = formatRupiah(newJumlahKeseluruhanVA.toString(), 'Rp. ');
  1154.  
  1155.                             // unset view total bayar trf
  1156.                             $('.payment-form-modal-va p.total-bayar').html(curNewJumlahKeseluruhanVA);
  1157.  
  1158.                             // unset new jumlahKeseluruhan VA
  1159.                             var unsetNewJumlahKeseluruhanVA = $('#modalPayment .payment-form-modal-va').find('input[name="jumlah_keseluruhan"]').val(newJumlahKeseluruhanVA);
  1160.                         // end VA
  1161.  
  1162.                         // hide in pop up cut wallet
  1163.                         $('.show-cut-wallet').css('display','none');
  1164.  
  1165.  
  1166.                     }
  1167.                 })
  1168.             // end gunakan wallet
  1169.         });
  1170.        
  1171.     </script>
  1172. </body>
  1173.  
  1174. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!