@extends('layouts.app')

@section('title', 'Subscription Started')

@section('content')
<div class="container" style="padding: 2rem 0;">
    <div class="qual-success" style="max-width: 480px; margin: 0 auto;">
        <p class="qual-success-line">✅ Subscription started successfully</p>
        @if(isset($order) && $order)
        <p style="margin-top: 1rem;">Your order <strong>#{{ $order->id }}</strong> has been created. You will be charged monthly.</p>
        <p style="margin-top: 0.5rem;">After login you can:</p>
        <ul style="margin: 0.5rem 0 0 1.25rem;">
            <li>View this order in <strong>My Services</strong></li>
            <li>Manage payment, invoices and cancel subscription in <strong>Billing &amp; Subscription</strong></li>
        </ul>
        @else
        <p style="margin-top: 1rem;">Your order has been created and you will be charged monthly. After login, go to <strong>My Services</strong> or <strong>Billing &amp; Subscription</strong> to view details.</p>
        @endif
        <p style="margin-top: 1.25rem;">
            <a href="{{ route('login') }}" class="btn">Go to login</a>
        </p>
    </div>
</div>
@endsection