| Current File : //home/tradevaly/prioyshi.com/project/resources/views/user/deposit/create.blade.php |
@extends('layouts.front')
@section('styles')
<style type="text/css">
</style>
@endsection
@section('content')
<section class="user-dashbord">
<div class="container">
<div class="row">
@include('includes.user-dashboard-sidebar')
<div class="col-lg-8">
<div class="user-profile-details">
<div class="order-history">
<div class="header-area">
<h4 class="title" >
{{ $langg->lang821 }}
<a class="mybtn1" href="{{ url()->previous() }}"> <i class="fas fa-arrow-left"></i> {{ $langg->lang337 }}</a>
</h4>
</div>
<div class="gocover" style="background: url({{ asset('assets/images/'.$gs->loader) }}) no-repeat scroll center center rgba(45, 45, 45, 0.5);"></div>
<form id="subscribe-form" class="pay-form" class="form-horizontal" action="" method="POST" enctype="multipart/form-data">
{{ csrf_field() }}
@include('includes.form-success')
<div class="form-group">
<label class="control-label col-sm-4" for="name">{{ $langg->lang355 }} {{ App\Models\Product::vendorConvertPrice(Auth::user()->balance) }}</label>
</div>
<div class="form-group">
<div class="row">
<div class="col-lg-12">
<label class="control-label col-sm-12" for="name">{{ $langg->lang418 }} * </label>
</div>
<div class="col-lg-12">
<div class="col-sm-12">
<select class="form-control" name="method" id="option" onchange="meThods(this)" class="option" required="">
<option value="">{{ $langg->lang419 }}</option>
@if($gs->paypal_check == 1)
<option value="Paypal">{{ $langg->lang420 }}</option>
@endif
@if($gs->stripe_check == 1)
<option value="Stripe">{{ $langg->lang421 }}</option>
@endif
@if($gs->is_instamojo == 1)
<option value="Instamojo">{{ $langg->lang763 }}</option>
@endif
@if($gs->is_paystack == 1)
<option value="Paystack">{{ $langg->lang764 }}</option>
@endif
@if($gs->is_molly == 1)
<option value="Molly">{{ $langg->lang802 }}</option>
@endif
@if($gs->is_paytm == 1)
<option value="Paytm">{{ $langg->paytm }}</option>
@endif
@if($gs->is_razorpay == 1)
<option value="Razorpay">{{ $langg->razorpay }}</option>
@endif
@if($gs->is_authorize == 1)
<option value="Authorize.Net">{{ $langg->lang809 }}</option>
@endif
@if($gs->is_mercado == 1)
<option value="Mercadopago">{{ $langg->lang810 }}</option>
@endif
@if($gs->is_flutter == 1)
<option value="Flutter">{{ $langg->lang811 }}</option>
@endif
@if($gs->is_twocheckout == 1)
<option value="Twocheckout">{{ $langg->lang812 }}</option>
@endif
@if($gs->is_ssl == 1)
<option value="ssl">{{ $langg->lang813 }}</option>
@endif
@if($gs->is_voguepay == 1)
<option value="voguepay">{{ $langg->lang814 }}</option>
@endif
</select>
</div>
</div>
</div>
</div>
<input id="token" name="token" type="hidden" value="">
<div class="form-group">
<div class="row">
<div class="col-md-12">
<label class="control-label col-sm-12" for="name">{{ $langg->lang822 }} * </label>
<div class="col-sm-12">
<div class="input-group mb-3">
<input type="text" id="depositAmount" name="amount" class="form-control" placeholder="{{ $langg->lang823 }}" value="{{ old('amount') }}" aria-label="Recipient's username" aria-describedby="basic-addon2" required>
<div class="input-group-append">
<span class="input-group-text" id="basic-addon2">{{ $curr->name }}</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="stripes" style="display: none;">
<div class="row">
<div class="col-lg-12">
<label class="control-label col-sm-12" for="name">{{ $langg->lang422 }} * </label>
<div class="col-sm-12">
<input type="text" class="form-control" name="card" id="scard" placeholder="{{ $langg->lang422 }}">
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-lg-12">
<label class="control-label col-sm-12" for="name">{{ $langg->lang423 }} * </label>
<div class="col-sm-12">
<input type="text" class="form-control" name="cvv" id="scvv" placeholder="{{ $langg->lang423 }}">
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-lg-12">
<label class="control-label col-sm-12" for="name">{{ $langg->lang424 }} * </label>
<div class="col-sm-12">
<input type="text" class="form-control" name="month" id="smonth" placeholder="{{ $langg->lang424 }}">
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-lg-12">
<label class="control-label col-sm-12" for="name">{{ $langg->lang425 }} * </label>
<div class="col-sm-12">
<input type="text" class="form-control" name="year" id="syear" placeholder="{{ $langg->lang425 }}">
</div>
</div>
</div>
</div>
<div id="checkDiv">
<div id="mercadopagos" style="display: none;">
</div>
</div>
<div id="twocheckout" style="display: none;">
<br>
<div class="row">
<div class="col-lg-12">
<label class="control-label col-sm-12" for="name">{{ $langg->lang422 }} * </label>
<div class="col-sm-12">
<input type="text" class="form-control" name="tcard" id="scard2" placeholder="{{ $langg->lang422 }}">
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-lg-12">
<label class="control-label col-sm-12" for="name">{{ $langg->lang423 }} * </label>
<div class="col-sm-12">
<input type="text" class="form-control" name="tcvv" id="scvv2" placeholder="{{ $langg->lang423 }}">
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-lg-12">
<label class="control-label col-sm-12" for="name">{{ $langg->lang424 }} * </label>
<div class="col-sm-12">
<input type="text" class="form-control" name="tmonth" id="smonth2" placeholder="{{ $langg->lang424 }}">
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-lg-12">
<label class="control-label col-sm-12" for="name">{{ $langg->lang425 }} * </label>
<div class="col-sm-12">
<input type="text" class="form-control" name="tyear" id="syear2" placeholder="{{ $langg->lang425 }}">
</div>
</div>
</div>
</div>
<div id="authorize" style="display: none;">
<div class="row">
<div class="col-lg-12">
<label class="control-label col-sm-12" for="scard1">{{ $langg->lang163 }} * </label>
<div class="col-sm-12">
<input type="text" class="form-control" name="cardNumber" id="scard1" placeholder="{{ $langg->lang163 }}">
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-lg-12">
<label class="control-label col-sm-12" for="scvv1">{{ __('CVV') }} * </label>
<div class="col-sm-12">
<input type="text" class="form-control" name="cardCode" id="scvv1" placeholder="{{ __('CVV') }}">
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-lg-12">
<label class="control-label col-sm-12" for="smonth1">{{ $langg->lang165 }} * </label>
<div class="col-sm-12">
<input type="text" class="form-control" name="amonth" id="smonth1" placeholder="{{ $langg->lang165 }}">
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-lg-12">
<label class="control-label col-sm-12" for="syear1">{{ $langg->lang808 }} * </label>
<div class="col-sm-12">
<input type="text" class="form-control" name="ayear" id="syear1" placeholder="{{ $langg->lang808 }}">
</div>
</div>
</div>
</div>
<div id="paypals">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="lc" value="UK">
<input type="hidden" name="currency" value="">
<input type="hidden" name="currency_code" value="{{ $curr->name }}">
<input type="hidden" name="bn" value="PP-BuyNowBF:btn_buynow_LG.gif:NonHostedGuest">
<input type="hidden" name="ref_id" id="ref_id" value="">
<input type="hidden" name="sub" id="sub" value="0">
</div>
<hr>
<div class="add-product-footer">
<button name="addProduct_btn" id="final-btn" type="submit" class="mybtn1">{{ $langg->lang819 }} </button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
@endsection
@section('scripts')
<script src="https://js.paystack.co/v1/inline.js"></script>
<script src="//voguepay.com/js/voguepay.js"></script>
<script src="https://www.2checkout.com/checkout/api/2co.min.js"></script>
<script type="text/javascript" defer="defer" src="https://secure.mlstatic.com/sdk/javascript/v1/mercadopago.js"></script>
<script>
// Called when token created successfully.
var successCallback = function(data) {
var myForm = document.getElementById('twock-form');
// Set the token as the value for the token input
myForm.token.value = data.response.token.token;
// IMPORTANT: Here we call `submit()` on the form element directly instead of using jQuery to prevent and infinite token request loop.
myForm.submit();
};
// Called when token creation fails.
var errorCallback = function(data) {
if (data.errorCode === 200) {tokenRequest();} else {alert(data.errorMsg);}
};
var tokenRequest = function() {
// Setup token request arguments
var args = {
sellerId: "{{ $gs->twocheckout_seller_id }}",
publishableKey: "{{ $gs->twocheckout_public_key }}",
ccNo: $("#scard2").val(),
cvv: $("#scvv2").val(),
expMonth: $("#smonth2").val(),
expYear: $("#syear2").val()
};
// Make the token request
TCO.requestToken(successCallback, errorCallback, args);
};
$(function() {
// Pull in the public encryption key for our environment
@if($gs->twocheckout_sandbox_check == 1)
TCO.loadPubKey('sandbox');
@else
TCO.loadPubKey('production');
@endif
$(document).on('submit',"#twock-form",function(e) {
// Call our token request function
tokenRequest();
// Prevent form from submitting
return false;
});
});
</script>
<script type="text/javascript">
$(document).on('submit','#paystack-form',function(e){
// e.preventDefault();
$('#preloader').hide();
var total = $("#depositAmount").val();
if(total > 0)
{
console.log(total);
var handler = PaystackPop.setup({
key: '{{$gs->paystack_key}}',
email: '{{$gs->paystack_email}}',
amount: total * 100,
currency: "{{strtoupper($curr->name)}}",
ref: ''+Math.floor((Math.random() * 1000000000) + 1),
callback: function(response){
$('#ref_id').val(response.reference);
$(".pay-form").attr('id', 'subscribe-form');
$('#final-btn').click();
},
onClose: function(){
}
});
handler.openIframe();
return false;
}
else {
$('#preloader').show();
return true;
}
});
$(document).on('submit','#voguepay-form',function(e){
// e.preventDefault();
$('#preloader').hide();
var total = $("#depositAmount").val();
if(total > 0)
{
Voguepay.init({
v_merchant_id: '{{ $gs->vougepay_merchant_id }}',
total: total,
cur: '{{strtoupper($curr->name)}}',
merchant_ref: 'ref'+Math.floor((Math.random() * 1000000000) + 1),
memo:'Deposit Via Voguepay',
developer_code: '{{ $gs->vougepay_developer_code }}',
store_id:'{{ Auth::user() ? Auth::user()->id : 0 }}',
closed:function(){
var newval = $('#sub').val();
if(newval == 1){
$('#final-btn').click();
}
},
success:function(transaction_id){
$('#ref_id').val(transaction_id);
$('#sub').val('1');
$(".pay-form").attr('id', 'subscribe-form');
},
failed:function(){
alert('Payment Failed');
}
});
return false;
}
else {
$('#preloader').show();
return true;
}
});
</script>
{{-- @if($subs->price != 0) --}}
<script type="text/javascript">
let inCheck = 0;
function removeMec(){
if(inCheck == 1){
window.location.reload();
}
$('#mercadopagos').empty();
}
function meThods(val) {
var action1 = "{{route('deposit.paypal.submit')}}";
var action2 = "{{route('deposit.stripe.submit')}}";
var action3 = "{{route('deposit.paystack.submit')}}";
var action4 = "{{route('deposit.instamojo.submit')}}";
var action5 = "{{route('deposit.molly.submit')}}";
var action6 = "{{route('deposit.paytm.submit')}}";
var action7 = "{{route('deposit.razorpay.submit')}}";
var action8 = "{{route('deposit.authorize.submit')}}";
var action9 = "{{route('deposit.mercadopago.submit')}}";
var action10 = "{{route('deposit.flutter.submit')}}";
var action11 = "{{route('deposit.twocheckout.submit')}}";
var action12 = "{{route('deposit.ssl.submit')}}";
var action13 = "{{route('deposit.voguepay.submit')}}";
if (val.value == "Paypal") {
removeMec();
$('.pay-form').attr('id','subscribe-form');
$(".pay-form").attr("action", action1);
$("#mcard").prop("required", false);
$("#msecurity").prop("required", false);
$("#mexpiremonth").prop("required", false);
$("#mexpireyear").prop("required", false);
$("#mcardholder").prop("required", false);
$("#mdocType").prop("required", false);
$("#mdocNumber").prop("required", false);
$("#scard").prop("required", false);
$("#scvv").prop("required", false);
$("#smonth").prop("required", false);
$("#syear").prop("required", false);
$("#scard1").prop("required", false);
$("#scvv1").prop("required", false);
$("#smonth1").prop("required", false);
$("#syear1").prop("required", false);
$("#scard2").prop("required", false);
$("#scvv2").prop("required", false);
$("#smonth2").prop("required", false);
$("#syear2").prop("required", false);
$("#stripes").hide();
$("#authorize").hide();
$("#twocheckout").hide();
}
if (val.value == "ssl") {
removeMec();
$('.pay-form').attr('id','subscribe-form');
$(".pay-form").attr("action", action12);
$("#scard").prop("required", false);
$("#scvv").prop("required", false);
$("#smonth").prop("required", false);
$("#syear").prop("required", false);
$("#scard1").prop("required", false);
$("#scvv1").prop("required", false);
$("#smonth1").prop("required", false);
$("#syear1").prop("required", false);
$("#scard2").prop("required", false);
$("#scvv2").prop("required", false);
$("#smonth2").prop("required", false);
$("#syear2").prop("required", false);
$("#stripes").hide();
$("#authorize").hide();
$("#twocheckout").hide();
}
else if (val.value == "Stripe") {
removeMec();
$('.pay-form').attr('id','subscribe-form');
$(".pay-form").attr("action", action2);
$("#scard").prop("required", true);
$("#scvv").prop("required", true);
$("#smonth").prop("required", true);
$("#syear").prop("required", true);
$("#scard1").prop("required", false);
$("#scvv1").prop("required", false);
$("#smonth1").prop("required", false);
$("#syear1").prop("required", false);
$("#scard2").prop("required", false);
$("#scvv2").prop("required", false);
$("#smonth2").prop("required", false);
$("#syear2").prop("required", false);
$("#stripes").show();
$("#authorize").hide();
$("#twocheckout").hide();
}
else if (val.value == "Paystack") {
removeMec();
$('.pay-form').attr('id','paystack-form');
$(".pay-form").attr("action", action3);
$("#scard").prop("required", false);
$("#scvv").prop("required", false);
$("#smonth").prop("required", false);
$("#syear").prop("required", false);
$("#scard1").prop("required", false);
$("#scvv1").prop("required", false);
$("#smonth1").prop("required", false);
$("#syear1").prop("required", false);
$("#scard2").prop("required", false);
$("#scvv2").prop("required", false);
$("#smonth2").prop("required", false);
$("#syear2").prop("required", false);
$("#stripes").hide();
$("#authorize").hide();
$("#twocheckout").hide();
}
else if (val.value == "Instamojo") {
removeMec();
$('.pay-form').attr('id','subscribe-form');
$(".pay-form").attr("action", action4);
$("#scard").prop("required", false);
$("#scvv").prop("required", false);
$("#smonth").prop("required", false);
$("#syear").prop("required", false);
$("#scard1").prop("required", false);
$("#scvv1").prop("required", false);
$("#smonth1").prop("required", false);
$("#syear1").prop("required", false);
$("#scard2").prop("required", false);
$("#scvv2").prop("required", false);
$("#smonth2").prop("required", false);
$("#syear2").prop("required", false);
$("#stripes").hide();
$("#authorize").hide();
$("#twocheckout").hide();
}
else if (val.value == "Molly") {
removeMec();
$('.pay-form').attr('id','subscribe-form');
$(".pay-form").attr("action", action5);
$("#scard").prop("required", false);
$("#scvv").prop("required", false);
$("#smonth").prop("required", false);
$("#syear").prop("required", false);
$("#scard1").prop("required", false);
$("#scvv1").prop("required", false);
$("#smonth1").prop("required", false);
$("#syear1").prop("required", false);
$("#scard2").prop("required", false);
$("#scvv2").prop("required", false);
$("#smonth2").prop("required", false);
$("#syear2").prop("required", false);
$("#stripes").hide();
$("#authorize").hide();
$("#twocheckout").hide();
}
else if (val.value == "Paytm") {
removeMec();
$('.pay-form').attr('id','subscribe-form');
$(".pay-form").attr("action", action6);
$("#scard").prop("required", false);
$("#scvv").prop("required", false);
$("#smonth").prop("required", false);
$("#syear").prop("required", false);
$("#scard1").prop("required", false);
$("#scvv1").prop("required", false);
$("#smonth1").prop("required", false);
$("#syear1").prop("required", false);
$("#scard2").prop("required", false);
$("#scvv2").prop("required", false);
$("#smonth2").prop("required", false);
$("#syear2").prop("required", false);
$("#stripes").hide();
$("#authorize").hide();
$("#twocheckout").hide();
}
else if (val.value == "Razorpay") {
removeMec();
$('.pay-form').attr('id','subscribe-form');
$(".pay-form").attr("action", action7);
$("#scard").prop("required", false);
$("#scvv").prop("required", false);
$("#smonth").prop("required", false);
$("#syear").prop("required", false);
$("#scard1").prop("required", false);
$("#scvv1").prop("required", false);
$("#smonth1").prop("required", false);
$("#syear1").prop("required", false);
$("#scard2").prop("required", false);
$("#scvv2").prop("required", false);
$("#smonth2").prop("required", false);
$("#syear2").prop("required", false);
$("#stripes").hide();
$("#authorize").hide();
$("#twocheckout").hide();
}
else if (val.value == "Authorize.Net") {
removeMec();
$('.pay-form').attr('id','subscribe-form');
$(".pay-form").attr("action", action8);
$("#scard").prop("required", false);
$("#scvv").prop("required", false);
$("#smonth").prop("required", false);
$("#syear").prop("required", false);
$("#scard1").prop("required", true);
$("#scvv1").prop("required", true);
$("#smonth1").prop("required", true);
$("#syear1").prop("required", true);
$("#scard2").prop("required", false);
$("#scvv2").prop("required", false);
$("#smonth2").prop("required", false);
$("#syear2").prop("required", false);
$("#authorize").show();
$("#stripes").hide();
$("#twocheckout").hide();
}
else if (val.value == "Mercadopago") {
inCheck = 1;
$('.pay-form').attr('id','mercadopago');
$(".pay-form").attr("action", action9);
$("#mcard").prop("required", true);
$("#msecurity").prop("required", true);
$("#mexpiremonth").prop("required", true);
$("#mexpireyear").prop("required", true);
$("#mcardholder").prop("required", true);
$("#mdocType").prop("required", true);
$("#mdocNumber").prop("required", true);
$("#scard").prop("required", false);
$("#scvv").prop("required", false);
$("#smonth").prop("required", false);
$("#syear").prop("required", false);
$("#scard1").prop("required", false);
$("#scvv1").prop("required", false);
$("#smonth1").prop("required", false);
$("#syear1").prop("required", false);
$("#scard2").prop("required", false);
$("#scvv2").prop("required", false);
$("#smonth2").prop("required", false);
$("#syear2").prop("required", false);
$("#stripes").hide();
$("#mercadopagos").load(mainurl+'/user/mergado-load');
$("#mercadopagos").show();
$("#authorize").hide();
$("#twocheckout").hide();
}
else if (val.value == "Flutter") {
removeMec();
$('.pay-form').attr('id','subscribe-form');
$(".pay-form").attr("action", action10);
$("#scard").prop("required", false);
$("#scvv").prop("required", false);
$("#smonth").prop("required", false);
$("#syear").prop("required", false);
$("#scard1").prop("required", false);
$("#scvv1").prop("required", false);
$("#smonth1").prop("required", false);
$("#syear1").prop("required", false);
$("#scard2").prop("required", false);
$("#scvv2").prop("required", false);
$("#smonth2").prop("required", false);
$("#syear2").prop("required", false);
$("#stripes").hide();
$("#mercadopagos").hide();
$("#twocheckout").hide();
}
else if (val.value == "Twocheckout") {
removeMec();
$('.pay-form').attr('id','twock-form');
$(".pay-form").attr("action", action11);
$("#scard").prop("required", false);
$("#scvv").prop("required", false);
$("#smonth").prop("required", false);
$("#syear").prop("required", false);
$("#scard1").prop("required", false);
$("#scvv1").prop("required", false);
$("#smonth1").prop("required", false);
$("#syear1").prop("required", false);
$("#scard2").prop("required", false);
$("#scvv2").prop("required", false);
$("#smonth2").prop("required", false);
$("#syear2").prop("required", false);
$("#stripes").hide();
$("#authorize").hide();
$("#twocheckout").show();
}
else if (val.value == "voguepay") {
removeMec();
$('.pay-form').attr('id','voguepay-form');
$(".pay-form").attr("action", action13);
$("#scard").prop("required", false);
$("#scvv").prop("required", false);
$("#smonth").prop("required", false);
$("#syear").prop("required", false);
$("#scard1").prop("required", false);
$("#scvv1").prop("required", false);
$("#smonth1").prop("required", false);
$("#syear1").prop("required", false);
$("#scard2").prop("required", false);
$("#scvv2").prop("required", false);
$("#smonth2").prop("required", false);
$("#syear2").prop("required", false);
$("#stripes").hide();
$("#authorize").hide();
$("#twocheckout").hide();
}
}
</script>
{{-- @endif --}}
<script type="text/javascript">
$('#subscribe-form').on('submit',function(){
$('#preloader').show();
});
</script>
@endsection