<section class="pay-preview"> <div class="container"> <div class="row"> <div class="col-lg-12 text-center"> <h2><i class="fal fa-gem"></i> <br> Unlimited access to all premium content with a Premium Pass. </h2> <br> <br> <h5 class="text-center">Benefits:</h5> <style> .benefits{ font-size: 20px; text-align: center; list-style: none; list-style-type: "✓"; } </style> <ul> <li class="benefits">Flatfee</li> <li class="benefits">No Sign-up</li> <li class="benefits">Instant Access</li> <li class="benefits">No recurring charge</li> </ul> <small class="text-center d-block">Pay with <i class="fal fa-bolt ci-color"></i> Bitcoin Lightning Network or <i class="fal fa-credit-card ci-color"></i> Credit Card.</small> <br> <br> </div> </div> <div class="row"> @foreach ($premium_plans as $premium_plan) <div class="col-12 col-md-4"> <div class="card shadow-lg"> <div class="card-header text-center"> <h3>{{ $premium_plan->name }}</h3> </div> <div class="card-body"> <h5 class="text-center">Cost: {{ number_format($premium_plan->cost, 0, '', ',') }} sats</h5> <btn class="btn btn-lg btn-primary mx-auto d-block get-premium-invoice" onclick="ga('send', 'event', 'Buy Ticket', 'Get Invoice', '{{ $premium_plan->name }}');" data-id="{{ $premium_plan->id }}"><i class="fas fa-bolt"></i> Buy Ticket</btn> </div> </div> </div> @endforeach </div> </div> </div> </section>