@extends('layouts.customer')

@section('content')
<div class="max-w-xl mx-auto py-10">
    <h2 class="text-2xl font-bold mb-6 text-center">Choose Payment Method</h2>

    <div class="bg-white shadow rounded-xl p-6 space-y-4">

      <div class="text-center text-gray-700 mb-4">
    <p class="font-semibold">
           {{ $plan->name }}

    </p>
    <p class="text-lg font-bold">
            £{{ number_format($plan->price, 2) }}

    </p>
</div>

        <div class="space-y-3">
            <a href="{{ route('customer.payment.link', ['subscription' => $subscription->id, 'gateway' => 'stripe']) }}"
               class="block w-full text-center bg-indigo-600 text-white py-3 rounded-lg font-semibold hover:bg-indigo-700">
               Pay with Card (Stripe)
            </a>

            <a href="{{ route('customer.payment.link', ['subscription' => $subscription->id, 'gateway' => 'paystack']) }}"
               class="block w-full text-center bg-green-600 text-white py-3 rounded-lg font-semibold hover:bg-green-700">
               Pay with Paystack
            </a>
        </div>

    </div>
</div>
@endsection