@extends('layouts.dash')
@section('title', $title)
@section('content')
@section('styles')
@parent
<link rel="stylesheet" href="{{ asset('dash/css/stripeglobal.css') }}">
<link rel="stylesheet" href="{{ asset('dash/css/stripenormalize.css') }}">
@endsection
<!-- Page title -->
<div class="page-title">
<div class="row justify-content-between align-items-center">
<div class="mb-3 col-md-6 mb-md-0">
<h5 class="mb-0 text-white h3 font-weight-400">Make Payment</h5>
</div>
</div>
</div>
<x-danger-alert />
<x-success-alert />
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-md-8 offset-md-2">
<div class="p-2 shadow-lg card p-md-4">
<div class="card-body">
@if ($title != 'Complete Payment')
<div class="alert alert-modern alert-warning">
<span class="badge badge-warning badge-pill">
Your payment method
</span>
<span class="alert-content">{{ $payment_mode->name }}</span>
</div>
@php
if ($payment_mode->name == 'Bitcoin') {
$coin = 'BTC';
} elseif ($payment_mode->name == 'Litecoin') {
$coin = 'LTC';
} elseif ($payment_mode->name == 'Ethereum') {
$coin = 'ETH';
} elseif ($payment_mode->name == 'BUSD') {
$coin = 'BUSD';
} else {
$coin = 'USDT.TRC20';
}
@endphp
<div>
<h6 class="">You are to make payment of
<strong>{{ $settings->currency }}{{ number_format($amount) }}</strong>
using
your selected payment method.
</h6>
<h4>
@if (!empty($payment_mode->img_url))
<img src="{{ $payment_mode->img_url }}" alt="" class="w-25">
@endif
</h4>
</div>
<div class="mt-5">
@if ($settings->deposit_option != 'manual')
@if (
$payment_mode->name == 'Bitcoin' or
$payment_mode->name == 'Litecoin' or
$payment_mode->name == 'Ethereum' or
$payment_mode->name == 'USDT' or
$payment_mode->name == 'BUSD')
@if (
$payment_mode->name == 'USDT' and
$settings->auto_merchant_option == 'Binance' and
$settings->deposit_option == 'auto')
<livewire:user.crypto-payment />
@else
<a href="{{ url('dashboard/cpay') }}/{{ $amount }}/{{ $coin }}/{{ Auth::user()->id }}/new"
class="btn btn-primary">Pay Via Coinpayment</a>
@endif
@else
@if ((!empty($payment_mode->barcode) or $payment_mode->barcode != null) and $payment_mode->methodtype != 'currency')
<div class="text-center">
<img src="{{ asset('storage/' . $payment_mode->barcode) }}"
alt="" class="w-50">
</div>
@endif
@endif
@endif
@if ($payment_mode->methodtype != 'currency')
@if (
($payment_mode->name == 'Bitcoin' or
$payment_mode->name == 'Litecoin' or
$payment_mode->name == 'Ethereum' or
$payment_mode->name == 'USDT' or
$payment_mode->name == 'BUSD') and
$settings->deposit_option != 'manual')
@else
<h6 class="mt-4">
<strong>{{ $payment_mode->name }} Address:</strong>
</h6>
<div class="mb-3 form-group">
<input type="text" class="form-control readonly"
value="{{ $payment_mode->wallet_address }}" readonly>
<small class=""><strong>Network Type:</strong>
{{ $payment_mode->network }}
</small>
</div>
@endif
@else
<h3 class="">
<strong>{{ $payment_mode->name }}:</strong>
</h3>
@if ($payment_mode->defaultpay == 'yes')
@if ($payment_mode->name == 'Credit Card' and $settings->credit_card_provider == 'Paystack')
<?php $payamount = $amount * 100; ?>
{{-- Paystack Option --}}
<div id="paystack">
<form method="POST" action="{{ route('pay.paystack') }}"
accept-charset="UTF-8" class="form-horizontal"
role="form">
<input type="hidden" name="email"
value="{{ Auth::user()->email }}">
<input type="hidden" name="amount"
value="{{ $payamount }}">
<input type="hidden" name="currency"
value="{{ $settings->s_currency }}">
<input type="hidden" name="metadata"
value="{{ json_encode($array = ['key_name' => 'value']) }}">
<input type="hidden" name="reference"
value="{{ Paystack::genTranxRef() }}">
<input type="hidden" name="_token"
value="{{ csrf_token() }}">
<p>
<button class="py-2 btn btn-primary" type="submit"
value="Pay Now!">
<i class="fa fa-credit-card fa-lg"></i> Pay with
Card
</button>
</p>
</form>
</div>
@endif
@if ($payment_mode->name == 'Credit Card' and $settings->credit_card_provider == 'Flutterwave')
<div>
<form method="POST" action="{{ route('paybyflutterwave') }}">
{{ csrf_field() }}
<input type="hidden" name="name"
value="{{ Auth::user()->name }}" />
<input name="email" type="hidden"
value="{{ Auth::user()->email }}" />
<input name="phone" type="hidden"
value="{{ Auth::user()->phone }}" />
<input name="amount" type="hidden"
value="{{ $amount }}" />
<button class="py-2 btn btn-primary" type="submit">
<i class="fa fa-credit-card fa-lg"></i>
Pay with Card
</button>
</form>
</div>
@endif
@if ($payment_mode->name == 'Credit Card' and $settings->credit_card_provider == 'Stripe')
<form id="payment-form" class="sr-payment-form">
@csrf
<div class="sr-combo-inputs-row">
<div class="sr-input sr-card-element" id="card-element">
</div>
</div>
<button id="stripesubmit">
<div class="spinner d-none" id="spinner"></div>
<span id="buttontext" class="">Pay</span>
</button>
</form>
<div class="hidden row" id="stripesuccess">
<div class="col-lg-12">
<span>Payment Completed, redirecting.....</span>
</div>
</div>
<form id="selectform" method="POST" action="javascript:void(0)">
@csrf
<input type="hidden" name="amount"
value="{{ $amount }}">
</form>
@endif
@if ($payment_mode->name == 'Paypal')
<div>
@include('includes.paypal')
</div>
@endif
@if ($payment_mode->name == 'Bank Transfer')
@if (!empty($payment_mode->bankname))
<div class="d-block">
<h5 class="">Bank Name</h5>
</div>
<div class="mb-3 input-group">
<input type="text" class="form-control readonly "
value="{{ $payment_mode->bankname }}" readonly>
<div class="input-group-append">
<button class="btn btn-outline-secondary"
onclick="myFunction()" type="button"
id="button-addon2" disabled><i
class="fas fa-copy"></i></button>
</div>
</div>
@endif
@if (!empty($payment_mode->account_name))
<div class="d-block">
<h5 class="">Account Name</h5>
</div>
<div class="mb-3 input-group">
<input type="text" class="form-control readonly "
value="{{ $payment_mode->account_name }}" readonly>
<div class="input-group-append">
<button class="btn btn-outline-secondary"
onclick="myFunction()" type="button"
id="button-addon2" disabled><i
class="fas fa-copy"></i></button>
</div>
</div>
@endif
@if (!empty($payment_mode->account_number))
<div class="d-block">
<h5 class="">Account Number</h5>
</div>
<div class="mb-3 input-group">
<input type="text" class="form-control readonly "
value="{{ $payment_mode->account_number }}" readonly>
<div class="input-group-append">
<button class="btn btn-outline-secondary"
onclick="myFunction()" type="button"
id="button-addon2" disabled><i
class="fas fa-copy"></i></button>
</div>
</div>
@endif
@if (!empty($payment_mode->swift_code))
<div class="d-block">
<h5 class="">Swift Code</h5>
</div>
<div class="mb-3 input-group">
<input type="text" class="form-control readonly "
value="{{ $payment_mode->swift_code }}" readonly>
<div class="input-group-append">
<button class="btn btn-outline-secondary"
onclick="myFunction()" type="button"
id="button-addon2" disabled><i
class="fas fa-copy"></i></button>
</div>
</div>
@endif
@endif
@else
@if (!empty($payment_mode->bankname))
<div class="d-block">
<h5 class="">Bank Name</h5>
</div>
<div class="mb-3 input-group">
<input type="text" class="form-control readonly "
value="{{ $payment_mode->bankname }}" readonly>
<div class="input-group-append">
<button class="btn btn-outline-secondary"
onclick="myFunction()" type="button"
id="button-addon2" disabled><i
class="fas fa-copy"></i></button>
</div>
</div>
@endif
@if (!empty($payment_mode->account_name))
<div class="d-block">
<h5 class="">Account Name</h5>
</div>
<div class="mb-3 input-group">
<input type="text" class="form-control readonly "
value="{{ $payment_mode->account_name }}" readonly>
<div class="input-group-append">
<button class="btn btn-outline-secondary"
onclick="myFunction()" type="button"
id="button-addon2" disabled><i
class="fas fa-copy"></i></button>
</div>
</div>
@endif
@if (!empty($payment_mode->account_number))
<div class="d-block">
<h5 class="">Account Number</h5>
</div>
<div class="mb-3 input-group">
<input type="text" class="form-control readonly "
value="{{ $payment_mode->account_number }}" readonly>
<div class="input-group-append">
<button class="btn btn-outline-secondary"
onclick="myFunction()" type="button"
id="button-addon2" disabled><i
class="fas fa-copy"></i></button>
</div>
</div>
@endif
@if (!empty($payment_mode->swift_code))
<div class="d-block">
<h5 class="">Swift Code</h5>
</div>
<div class="mb-3 input-group">
<input type="text" class="form-control readonly "
value="{{ $payment_mode->swift_code }}" readonly>
<div class="input-group-append">
<button class="btn btn-outline-secondary"
onclick="myFunction()" type="button"
id="button-addon2" disabled><i
class="fas fa-copy"></i></button>
</div>
</div>
@endif
@endif
@endif
</div>
@if (
$settings->deposit_option == 'auto' and $payment_mode->name == 'Bank Transfer' or
$settings->deposit_option == 'auto' and $payment_mode->defaultpay != 'yes')
<div>
<form method="post" action="{{ route('savedeposit') }}"
enctype="multipart/form-data">
@csrf
<div class="form-group">
<p class="">Upload Payment proof after payment.</p>
<input type="file" name="proof"
class="form-control col-lg-8 " required>
</div>
<input type="hidden" name="amount" value="{{ $amount }}">
<input type="hidden" name="paymethd_method"
value="{{ $payment_mode->name }}">
<div class="form-group">
<input type="submit" class="btn btn-primary"
value="Submit Payment">
</div>
</form>
</div>
@endif
@if ($settings->deposit_option == 'manual' and $payment_mode->name != 'Credit Card' and $payment_mode->name != 'Paypal')
<div>
<form method="post" action="{{ route('savedeposit') }}"
enctype="multipart/form-data">
@csrf
<div class="form-group">
<p class="">Upload Payment proof after payment.</p>
<input type="file" name="proof"
class="form-control col-lg-8 " required>
</div>
<input type="hidden" name="amount" value="{{ $amount }}">
<input type="hidden" name="paymethd_method"
value="{{ $payment_mode->name }}">
<div class="form-group">
<input type="submit" class="btn btn-primary"
value="Submit Payment">
</div>
</form>
</div>
@endif
@endif
{{-- Automatic Cryptopayment qrcode --}}
@if ($title == 'Complete Payment')
<div class="p-2 text-center p-md-5">
<h4 class="">Send {{ $amount }} to the below address or
scan the {{ $coin }} QR code to complete payment.</h4>
<h4 class=""><strong>{{ $p_address }}</strong></h4>
<div>
<img width="220" height="220" alt="Payment QR code"
src="{{ $p_qrcode }}">
</div>
<div class="mt-3">
<small>you can exit this page after scanning and completed payment, the
system will keep track of your payment and update your account
accordingly </small>
</div>
</div>
@endif
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
var stripe = Stripe("{{ $settings->s_p_k }}");
var elements = stripe.elements();
var style = {
base: {
color: "#32325d",
}
};
const paybtn = document.querySelector('#stripesubmit');
paybtn.disabled = true;
var card = elements.create("card", {
style: style
});
card.mount("#card-element");
function checkcardforerrors() {
card.on('change', function(event) {
if (event.error) {
swal("Error", event.error.message, "error");
paybtn.disabled = true;
} else {
paybtn.disabled = false;
}
});
}
checkcardforerrors();
var form = document.getElementById('payment-form');
form.addEventListener('submit', function(ev) {
paybtn.disabled = true;
ev.preventDefault();
checkcardforerrors();
document.getElementById('spinner').classList.remove('d-none');
document.getElementById('buttontext').classList.add('d-none');
// If the client secret was rendered server-side as a data-secret attribute
// on the <form> element, you can retrieve it here by calling `form.dataset.secret`
var clientSecret = "{{ $intent }}";
stripe.confirmCardPayment(clientSecret, {
payment_method: {
card: card,
billing_details: {
name: "{{ Auth::user()->name }}"
}
}
}).then(function(result) {
if (result.error) {
swal("Error",
'There was an error processing your payment, Please try deposit again from deposit page',
"error");
console.log(result.error.message);
} else {
// The payment has been processed!
if (result.paymentIntent.status === 'succeeded') {
$.ajax({
url: "{{ url('/dashboard/submit-stripe-payment') }}",
type: 'POST',
data: $('#selectform').serialize(),
success: function(data) {
swal("Success", data.success, "success");
setTimeout(function() {
window.location.replace(
"{{ route('accounthistory') }}");
}, 3000);
},
error: function(error) {
alert('Error Submiting Payment Data');
console.log(error);
},
});
}
}
});
});
</script>
@endsection