@extends('inculdes.main')
@section('content')
@section('title', 'Payourfees')


<style>
    .payment-button-container {
        display: block;
        text-align: left;
    }
</style>

<div class="container-fluid mt-5 wow fadeInUp bg-primary text-light" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
    <div class="container py-5">
        <div class="row g-5">
            <div class="col-md-5 text-center">
                <img src="{{ asset('assets/sk/img/bookkeepingg.png') }}" alt="explore" style="height: 250px; border-radius: 20px; width:100%">
            </div>
            <div class="col-md-7">
                <div class="mb-2">
                    <p class="subject">Pay Our Fees</p>
                </div>
                <h1 class="title mb-5 mb-sm-6">To pay our fees, please click below to use our secure online payment portal.</h1>
  
                <div class="mt-3">
                    <div class="money-back-container">
                        <!-- Kotapay Form (Preferred Method) -->
                        <div class="payment-button-container">
                            <form enctype="multipart/form-data" method="post" id="kotapayForm" action="https://www.kotapay.com/payport.icp">
                                <input type="hidden" name="cred" value="0xFB8D1BE198C7F0034C962966B02986F14F2D22C2">
                                <input type="hidden" name="style" value="skfina">
                                
                                <!-- Styled Payment Button -->
                                <input type="submit" value="Make a Payment via ACH" class="btn btn-primary px-4 py-2" style="background-color: white; color: #000; border: 1px solid #000;"> <span class="preferredmethod" style="font-weight: bold;">Preferred Method</span>
                            </form>
                        </div>
                        
                        <!-- Stripe Payment Button -->
                        <div class="mt-4">
                            <form method="get" action="https://buy.stripe.com/cN2fZfcGN7DWcU06oo">
                                <input type="submit" value="Make a Payment with a Credit Card" class="btn btn-primary px-4 py-2" style="background-color: white; color: #000; border: 1px solid #000;">
                            </form>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
</div>
@include('inculdes.contact_form')

@endsection