<div class="checkout-card">
    <div class="card-header-custom">
        <i class="fas fa-credit-card"></i>
        <h3>Payment Method</h3>
    </div>

    <!-- Payment option cards -->
    <div class="payment-card-grid">
        <!-- COD -->
        <label class="payment-card-option">
            <input type="radio" id="cod" name="payment_method" value="cod" class="payment-card-input">
            <div class="payment-card-box">
                <div class="payment-card-content">
                    <div class="payment-card-icon-wrapper">
                        <i class="fas fa-money-bill-wave"></i>
                    </div>
                    <div class="payment-card-text">
                        <span class="payment-card-title">Cash on Delivery (COD)</span>
                        <span class="payment-card-desc">Pay when your order is delivered</span>
                    </div>
                </div>
            </div>
        </label>

        <!-- Koko -->
        <label class="payment-card-option">
            <input type="radio" id="koko" name="payment_method" value="koko" class="payment-card-input">
            <div class="payment-card-box">
                <div class="payment-card-content">
                    <div class="payment-card-icon-wrapper">
                        <i class="fas fa-calendar-alt"></i>
                    </div>
                    <div class="payment-card-text">
                        <span class="payment-card-title">Koko Payment</span>
                        <span class="payment-card-desc">Buy now and pay later in 3 installments</span>
                    </div>
                </div>
                <div class="payment-card-logo">
                    <img src="<?php echo e(asset('assets/images/kokologo.png')); ?>" alt="Koko">
                </div>
            </div>
        </label>

        <!-- Mintpay -->
        <label class="payment-card-option">
            <input type="radio" id="mintpay" name="payment_method" value="mintpay" class="payment-card-input">
            <div class="payment-card-box">
                <div class="payment-card-content">
                    <div class="payment-card-icon-wrapper">
                        <i class="fas fa-percentage"></i>
                    </div>
                    <div class="payment-card-text">
                        <span class="payment-card-title">Mintpay</span>
                        <span class="payment-card-desc">Split into 3, cashback & no interest</span>
                    </div>
                </div>
                <div class="payment-card-logo">
                    <img src="<?php echo e(asset('assets/images/mintpay.jpg')); ?>" alt="Mintpay">
                </div>
            </div>
        </label>

        <!-- Points (Auth only) - Hidden here, controlled via Order Summary -->
        <?php if(Auth::check()): ?>
            <input type="radio" id="points" name="payment_method" value="points" class="payment-card-input" style="display: none;">
        <?php endif; ?>

        <!-- Card -->
        <label class="payment-card-option">
            <input type="radio" id="card" name="payment_method" value="card" class="payment-card-input">
            <div class="payment-card-box">
                <div class="payment-card-content">
                    <div class="payment-card-icon-wrapper">
                        <i class="fas fa-credit-card"></i>
                    </div>
                    <div class="payment-card-text">
                        <span class="payment-card-title">Credit / Debit Card</span>
                        <span class="payment-card-desc">Visa, Mastercard, Amex supported</span>
                    </div>
                </div>
            </div>
        </label>
    </div>

    <!-- Terms checkbox -->
    <label class="terms-check">
        <input type="checkbox" name="tearm" id="cartTearm" required>
        <span>I agree with the <a href="<?php echo e(route('american.plastic.web.terms.conditions')); ?>" target="_blank">terms and conditions</a></span>
    </label>

    <!-- Place Order Button -->
    <button class="checkout-submit-btn" id="checkout-button" type="button" disabled>
        <i class="fas fa-lock"></i>
        <span>Place Order</span>
    </button>

    <div class="gateway-badges-container">
        <img src="<?php echo e(asset('assets/images/paymentgatewaysolution.jpg')); ?>" class="img-fluid" alt="Secure Payment Gateways">
    </div>
</div>
<?php /**PATH /home/amerbofz/test.americanplastics.lk/resources/views/web/home/checkout/partials/payment_methods.blade.php ENDPATH**/ ?>