@extends('frontend.layouts.app')

@section('content')
<div class="container mt-5">
    <div class="p-4 shadow-lg card">
        <div class="text-center">
            <h2 class="text-success"><i class="fas fa-check-circle"></i> Subscription Successful!</h2>
            <p class="lead">Thank you, <strong>{{ auth()->user()->name }}</strong>, for subscribing.</p>
            <hr>
        </div>

        <div class="row">
            <!-- User Details -->
            <div class="col-md-4">
                <h4><i class="fas fa-user"></i> User Details</h4>
                <ul class="list-group">
                    <li class="list-group-item"><strong>Name:</strong> {{ auth()->user()->name }}</li>
                    <li class="list-group-item"><strong>Email:</strong> {{ auth()->user()->email }}</li>
                    <li class="list-group-item"><strong>Joined:</strong> {{ auth()->user()->created_at->format('d M, Y') }}</li>
                    <li class="list-group-item"><strong>Invoice:</strong> <u class="text-primary"><a class="" target="_blank" href="{{ $subscription->invoice_pdf }}">Download Invoice</a></u> </li>
                </ul>
            </div>

            <!-- Subscription Details -->
            <div class="col-md-4">
                <h4><i class="fas fa-box"></i> Subscription Details</h4>
                <ul class="list-group">
                    <li class="list-group-item"><strong>Plan:</strong> {{ $subscription->package->name }}</li>
                    <li class="list-group-item"><strong>Billing Cycle:</strong> {{ ucfirst($subscription->package->billing_cycle) }}</li>
                    <li class="list-group-item"><strong>Status:</strong>
                        <span class="">Active</span>
                    </li>
                    <li class="list-group-item"><strong>Expires On:</strong> {{ date('d M, Y', strtotime($subscription->expires_at)) }}</li>
                </ul>
            </div>

            <!-- Payment Details -->
            <div class="col-md-4">
                <h4><i class="fas fa-credit-card"></i> Payment Details</h4>
                <ul class="list-group">
                    <li class="list-group-item"><strong>Amount:</strong> ${{ number_format($payment->amount, 2) }}</li>
                    <li class="list-group-item"><strong>Currency:</strong> {{ strtoupper($payment->currency) }}</li>
                    <li class="list-group-item"><strong>Payment Method:</strong> Stripe</li>
                    <li class="list-group-item"><strong>Status:</strong>
                        <span class="">{{ ucfirst($payment->status) }}</span>
                    </li>
                </ul>
            </div>
        </div>

        <div class="mt-4 text-center">
            <a href="{{ route('backend.dashboard') }}" class="btn btn-primary">
                <i class="fas fa-home"></i> Go to Dashboard
            </a>
            <a href="{{ route('pricing') }}" class="btn btn-outline-success">
                <i class="fas fa-box"></i> View More Plans
            </a>
        </div>
    </div>
</div>
@endsection