@extends(getTemplate().'.view.layout.layout')
@section('title')
    {{ get_option('site_title','') }} - Upgrade Subscription
@endsection
@section('page')
<div class="container-fluid">
    <div class="row">
        <div class="container">
            <div class="col-md-8 col-md-offset-2">
                <div class="panel panel-default" style="margin-top: 40px;">
                    <div class="panel-heading text-center">
                        <h3>Upgrade to Unlimited Plan</h3>
                    </div>
                    <div class="panel-body text-center">
                        <div class="alert alert-info">
                            <strong>Your old limited plan has been cancelled successfully.</strong>
                            <br><br>
                            Please complete your payment below to activate the unlimited plan and regain access to all courses.
                        </div>
                        <div style="font-size: 24px; font-weight: 700; color: #059669; margin: 24px 0;">
                            Unlimited Access - All Courses
                        </div>
                        <ul style="list-style: none; padding: 0; margin: 16px 0 24px; text-align: left; display: inline-block;">
                            <li style="padding: 6px 0;">✓ Access to ALL courses on the platform</li>
                            <li style="padding: 6px 0;">✓ New courses added regularly</li>
                            <li style="padding: 6px 0;">✓ Full access to all content</li>
                            <li style="padding: 6px 0;">✓ Cancel anytime</li>
                        </ul>
                        <br>
                        @if($paymentUrl)
                        <a href="{{ $paymentUrl }}" target="_blank" class="btn btn-success btn-lg" style="font-weight: 700; padding: 14px 40px; border-radius: 10px;">
                            Proceed to Payment
                        </a>
                        <p class="text-muted" style="margin-top: 12px; font-size: 13px;">
                            You will be redirected to Paystack to complete payment.
                        </p>
                        @else
                        <div class="alert alert-danger">
                            Unlimited plan is not configured. Please contact support.
                        </div>
                        @endif
                        <div style="margin-top: 20px;">
                            <a href="/user/subscription" class="btn btn-default">Back to My Subscription</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection