@extends('layouts.main')

@section('title')
    {{ __('credits.payment_successful') }}
@endsection

@section('page_title')
    {{ __('credits.payment_successful') }}
@endsection

@php
    $breadcrumbs = [
        ['url' => route('dashboard'), 'label' => __('dashboard.title')],
        ['url' => route('credits.index'), 'label' => __('credits.my_credits')],
        ['url' => '', 'label' => __('credits.payment_successful')],
    ];
@endphp

@section('content')
    <div class="max-w-2xl mx-auto">
        <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-8 text-center">
            <div class="w-20 h-20 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-6">
                <i class="fas fa-check-circle text-green-600 text-4xl"></i>
            </div>
            
            <h1 class="text-2xl font-semibold text-gray-700 mb-4">{{ __('credits.payment_successful_title') }}</h1>
            <p class="text-gray-600 mb-6">{{ __('credits.credits_added') }}</p>
            
            <div class="bg-gray-50 rounded-lg p-6 mb-6">
                <div class="space-y-3">
                    <div class="flex justify-between">
                        <span class="text-gray-600">{{ __('credits.credits_purchased') }}</span>
                        <span class="font-semibold text-gray-700">{{ number_format($purchase->credits_purchased) }}</span>
                    </div>
                    <div class="flex justify-between">
                        <span class="text-gray-600">{{ __('credits.amount_paid') }}</span>
                        <span class="font-semibold text-gray-700">₹{{ number_format($purchase->amount_paid, 2) }}</span>
                    </div>
                    <div class="flex justify-between">
                        <span class="text-gray-600">{{ __('credits.package_label') }}:</span>
                        <span class="font-semibold text-gray-700">{{ $purchase->package->title ?? 'N/A' }}</span>
                    </div>
                    <div class="flex justify-between">
                        <span class="text-gray-600">{{ __('credits.transaction_date') }}</span>
                        <span class="font-semibold text-gray-700">{{ $purchase->purchased_at->format('d M Y, h:i A') }}</span>
                    </div>
                </div>
            </div>
            
            <div class="flex gap-4 justify-center">
                <a href="{{ route('credits.index') }}" class="btn btn-primary">
                    <i class="fas fa-wallet mr-2"></i>
                    {{ __('credits.view_my_credits') }}
                </a>
                <a href="{{ route('dashboard') }}" class="btn btn-outline-secondary">
                    <i class="fas fa-home mr-2"></i>
                    {{ __('credits.go_to_dashboard') }}
                </a>
            </div>
        </div>
    </div>
@endsection