@extends('layouts.app')

@section('content')
    <article class="about active" data-page="customer-dashboard">
        <header>
            <h2 class="h2 article-title">Customer Portal</h2>
        </header>

        <section class="about-text">
            <h4>Welcome, {{ $customer->name }}</h4>

            @if($subscription)
                <p>Active Product: <strong>{{ $subscription->product->name }}</strong></p>
                <p>Plan: <strong>{{ $subscription->plan->name }}</strong> ({{ $subscription->plan->tier }})</p>
                <p>Status: <strong>{{ $subscription->status }}</strong></p>
                <p>License Key: <strong>{{ $subscription->license?->formatted_key }}</strong></p>
                <a href="{{ route('customer.subscription.show') }}" class="btn btn-primary">Manage Subscription</a>
            @else
                <p>No active subscriptions yet.</p>
            @endif

            <hr>

            <h4>Available SaaS Products</h4>
            <div class="row">
                @foreach($products as $product)
                    <div class="col-md-6 mb-3">
                        <div class="card">
                            <div class="card-body">
                                <h5>{{ $product->name }}</h5>
                                <p>{{ $product->description }}</p>
                                <a href="{{ route('checkout.show', ['product' => $product->slug]) }}" class="btn btn-outline-primary">Purchase</a>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>

            <hr>

            <h4>Recent Payments</h4>
            <ul>
                @forelse($recentPayments as $payment)
                    <li>{{ $payment->created_at?->format('Y-m-d') }} - {{ strtoupper($payment->payment_method) }} - {{ $payment->status }}</li>
                @empty
                    <li>No payments yet.</li>
                @endforelse
            </ul>
        </section>
    </article>
@endsection