@extends('layouts.app')

@section('content')
    <article class="about active" data-page="customer-subscription">
        <header>
            <h2 class="h2 article-title">My Subscription</h2>
        </header>

        <section class="about-text">
            @if(!$subscription)
                <p>No active subscription found.</p>
            @else
                <p><strong>Product:</strong> {{ $subscription->product->name }}</p>
                <p><strong>Current Plan:</strong> {{ $subscription->plan->name }} ({{ $subscription->plan->tier }})</p>
                <p><strong>Status:</strong> {{ $subscription->status }}</p>
                <p><strong>License Key:</strong> {{ $subscription->license?->formatted_key }}</p>
                <p><strong>Renews:</strong> {{ optional($subscription->current_period_end)->format('Y-m-d') }}</p>

                <hr>

                <form method="POST" action="{{ route('customer.subscription.change-plan') }}">
                    @csrf
                    <div class="mb-3">
                        <label for="plan_id" class="form-label">Change Plan</label>
                        <select class="form-select" name="plan_id" id="plan_id" required>
                            @foreach($availablePlans as $plan)
                                <option value="{{ $plan->id }}" @selected($plan->id === $subscription->plan_id)>
                                    {{ $plan->name }} - ${{ number_format($plan->price_usd, 2) }}/mo
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <button type="submit" class="btn btn-primary">Update Plan</button>
                </form>

                <form method="POST" action="{{ route('customer.subscription.cancel') }}" class="mt-3">
                    @csrf
                    <button type="submit" class="btn btn-danger">Cancel Subscription</button>
                </form>

                <form method="POST" action="{{ route('customer.subscription.renew') }}" class="mt-3">
                    @csrf
                    <button type="submit" class="btn btn-success">Renew Subscription</button>
                </form>
            @endif
        </section>
    </article>
@endsection