kreuzberg-theme/content/includes/premium-pass-qr.blade.php

131 lines
6.7 KiB
PHP

<div class="modal fade" id="buy-pass" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" data-keyboard="false" data-backdrop="static">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title text-center" id="exampleModalLabelPremium"><i class="fal fa-gem"></i></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12">
<p class="text-center" style="font-size: 13px;">Pay <span class="ci-color bold span-cost-premium">1000 sats</span>
to activate a <span class="span-days-premium"></span> day Premium Plan until:
<i class="span-date-premium"></i>
</p>
</div>
<div class="col-6 offset-3 span-qrcode-premium">
</div>
<div class="col-lg-12 text-center">
<br>
<br>
<i>
<i class="fal fa-info-circle"> </i> Your Premium Plan is activated as soon as the invoice got paid.
</i>
<p>
<hr>
<style>
.lnd-pay-card, lnd-pay-card a {
cursor: pointer;
text-decoration: none !important;
}
</style>
@if (config('settings.stripe_status'))
<a class="lnd-pay-card" data-premium-id="">
<small title="Alternative: Pay with Credit Card">
Alternative: Pay with Credit Card
<i class="fal fa-credit-card ci-color"></i>
</small>
</a>
@endif
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="stripe-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" data-keyboard="false" data-backdrop="static">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title text-center" id="exampleModalLabelPremiumStripe"><i class="fal fa-gem"></i></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12">
<p class="text-center" style="font-size: 13px;margin-top:0px !important;">Pay <span class="ci-color bold span-cost-premium-stripe">1000 sats</span>
to activate a <span class="span-days-premium-stripe"></span> day Premium Plan until:
<i class="span-date-premium-stripe"></i>
</p>
</div>
<form method="post" id="formStripePremium">
<input type="hidden" id="stripe_premium_code_id" name="premium_code_id" value="" />
<input type="hidden" id="amountBtc" name="amount_btc" value="{{config('settings.btc_price')}}" /><!-- 10000.00 -->
<div class="col-12">
<div class="row">
<div class="col-lg-12 col-md-12">
<div class="form-group">
<label for="email_stripe">E-mail</label>
<input type="email" class="form-control" id="email_stripe" placeholder="E-mail" name="email_stripe" required="">
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="form-group">
<label for="exampleFormControlInput1">Card Name</label>
<input type="text" class="form-control" id="exampleFormControlInput1" placeholder="Card Name" name="card_name" required="">
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<label for="exampleFormControlInput1"><i class="fal fa-credit-card ci-theme" aria-hidden="true"></i> Card Number</label>
<input type="text" class="form-control" id="exampleFormControlInput1" placeholder="5510 2020 2001 20101 200" name="card_number" required="">
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="form-group">
<label for="exampleFormControlInput1">Card Valid Date</label>
<input type="month" class="form-control" id="exampleFormControlInput1" placeholder="2022-01" name="card_valid" required="">
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<label for="exampleFormControlInput1">CSV</label>
<input type="tel" class="form-control" id="exampleFormControlInput1" placeholder="123" name="card_csv" required="">
</div>
</div>
</div>
<button type="submit" class="btn-primary btn btn-lg float-right btn-sub-stripe"><i class="fal fa-shopping-basket fa-rotate-140" aria-hidden="true"></i> Pay Stripe</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>