@extends('layouts.app')
@section('title', 'Subscription Activated!')
@section('content')

<div class="container py-5 my-5 text-center">
    <div class="mb-4">
        <div class="d-inline-flex align-items-center justify-content-center bg-success text-white rounded-circle" style="width: 80px; height: 80px;">
            <i class="fas fa-check fs-1"></i>
        </div>
    </div>
    
    <h2 class="fw-900 text-dark mb-3">Subscription Activated!</h2>
    <p class="text-muted fs-5 mb-5">Thank you for upgrading. Your new plan is now active.</p>

    <div class="card border-0 shadow-sm rounded-4 mx-auto text-start" style="max-width: 500px;">
        <div class="card-body p-4">
            <h6 class="fw-700 mb-3 border-bottom pb-2">Invoice Details</h6>
            
            <div class="d-flex justify-content-between mb-2">
                <span class="text-muted">Invoice No:</span>
                <span class="fw-600">{{ $invoice->invoice_number }}</span>
            </div>
            <div class="d-flex justify-content-between mb-2">
                <span class="text-muted">Date:</span>
                <span class="fw-600">{{ $invoice->created_at->format('M d, Y') }}</span>
            </div>
            <div class="d-flex justify-content-between mt-3 pt-3 border-top">
                <span class="fw-700">Amount Paid:</span>
                <span class="fw-800 text-teal-accent">₹{{ number_format($invoice->total_amount, 2) }}</span>
            </div>
        </div>
    </div>

    <div class="mt-5">
        @if(auth()->user()->isRecruiter())
            <a href="{{ route('recruiter.dashboard') }}" class="btn btn-primary py-2 px-4 fw-600 me-2">Go to Dashboard</a>
        @else
            <a href="{{ route('seeker.dashboard') }}" class="btn btn-primary py-2 px-4 fw-600 me-2">Go to Dashboard</a>
        @endif
        <a href="{{ route('pricing') }}" class="btn btn-outline-secondary py-2 px-4 fw-600">View Plans</a>
    </div>
</div>

@endsection