@extends('user::layouts.backend-master')

@section('breadcrumb_title', $breadcrumbTitle)

@section('content')
<div class="container-fluid">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-body text-center py-5">
                    @if($paymentHistory->status === \Modules\Payment\Enums\PaymentHistoryStatus::SUCCESS)
                        <!-- Success Status -->
                        <div class="mb-4">
                            <div class="success-icon mb-3">
                                <i class="fas fa-check-circle text-success" style="font-size: 4rem;"></i>
                            </div>
                            <h2 class="text-success mb-3">{{ trans('payment::translate.Payment Successful') }}</h2>
                            <p class="lead mb-4">{{ trans('payment::translate.Your payment has been processed successfully') }}</p>
                        </div>

                        <div class="payment-details bg-light rounded p-4 mb-4">
                            <div class="row">
                                <div class="col-md-6">
                                    <strong>{{ trans('payment::translate.Transaction ID') }}:</strong><br>
                                    <code>{{ $paymentHistory->id }}</code>
                                </div>
                                <div class="col-md-6">
                                    <strong>{{ trans('payment::translate.Amount') }}:</strong><br>
                                    {{ $paymentHistory->getData('amount', 'N/A') }}
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-6">
                                    <strong>{{ trans('payment::translate.Payment Method') }}:</strong><br>
                                    {{ ucwords(str_replace('_', ' ', $paymentHistory->payment_method)) }}
                                </div>
                                <div class="col-md-6">
                                    <strong>{{ trans('payment::translate.Date') }}:</strong><br>
                                    {{ $paymentHistory->updated_at->format('F j, Y \a\t g:i A') }}
                                </div>
                            </div>
                        </div>

                        <div class="alert alert-success" role="alert">
                            <i class="fas fa-info-circle me-2"></i>
                            {{ trans('payment::translate.A confirmation email has been sent to your registered email address') }}
                        </div>

                    @elseif($paymentHistory->status === \Modules\Payment\Enums\PaymentHistoryStatus::FAILED)
                        <!-- Failed Status -->
                        <div class="mb-4">
                            <div class="error-icon mb-3">
                                <i class="fas fa-times-circle text-danger" style="font-size: 4rem;"></i>
                            </div>
                            <h2 class="text-danger mb-3">{{ trans('payment::translate.Payment Failed') }}</h2>
                            <p class="lead mb-4">{{ trans('payment::translate.Unfortunately, your payment could not be processed') }}</p>
                        </div>

                        <div class="payment-details bg-light rounded p-4 mb-4">
                            <div class="row">
                                <div class="col-md-6">
                                    <strong>{{ trans('payment::translate.Transaction ID') }}:</strong><br>
                                    <code>{{ $paymentHistory->id }}</code>
                                </div>
                                <div class="col-md-6">
                                    <strong>{{ trans('payment::translate.Attempted Amount') }}:</strong><br>
                                    {{ $paymentHistory->getData('amount', 'N/A') }}
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-6">
                                    <strong>{{ trans('payment::translate.Payment Method') }}:</strong><br>
                                    {{ ucwords(str_replace('_', ' ', $paymentHistory->payment_method)) }}
                                </div>
                                <div class="col-md-6">
                                    <strong>{{ trans('payment::translate.Date') }}:</strong><br>
                                    {{ $paymentHistory->updated_at->format('F j, Y \a\t g:i A') }}
                                </div>
                            </div>
                        </div>

                        <div class="alert alert-danger" role="alert">
                            <i class="fas fa-exclamation-triangle me-2"></i>
                            {{ trans('payment::translate.Please try again or contact support if the problem persists') }}
                        </div>

                    @elseif($paymentHistory->status === \Modules\Payment\Enums\PaymentHistoryStatus::CANCELLED)
                        <!-- Cancelled Status -->
                        <div class="mb-4">
                            <div class="warning-icon mb-3">
                                <i class="fas fa-ban text-warning" style="font-size: 4rem;"></i>
                            </div>
                            <h2 class="text-warning mb-3">{{ trans('payment::translate.Payment Cancelled') }}</h2>
                            <p class="lead mb-4">{{ trans('payment::translate.The payment process was cancelled') }}</p>
                        </div>

                        <div class="payment-details bg-light rounded p-4 mb-4">
                            <div class="row">
                                <div class="col-md-6">
                                    <strong>{{ trans('payment::translate.Transaction ID') }}:</strong><br>
                                    <code>{{ $paymentHistory->id }}</code>
                                </div>
                                <div class="col-md-6">
                                    <strong>{{ trans('payment::translate.Amount') }}:</strong><br>
                                    {{ $paymentHistory->getData('amount', 'N/A') }}
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-6">
                                    <strong>{{ trans('payment::translate.Payment Method') }}:</strong><br>
                                    {{ ucwords(str_replace('_', ' ', $paymentHistory->payment_method)) }}
                                </div>
                                <div class="col-md-6">
                                    <strong>{{ trans('payment::translate.Date') }}:</strong><br>
                                    {{ $paymentHistory->updated_at->format('F j, Y \a\t g:i A') }}
                                </div>
                            </div>
                        </div>

                        <div class="alert alert-warning" role="alert">
                            <i class="fas fa-info-circle me-2"></i>
                            {{ trans('payment::translate.No charges have been made to your account') }}
                        </div>

                    @else
                        <!-- Processing/Pending Status -->
                        <div class="mb-4">
                            <div class="processing-icon mb-3">
                                <i class="fas fa-clock text-info" style="font-size: 4rem;"></i>
                            </div>
                            <h2 class="text-info mb-3">{{ trans('payment::translate.Payment Processing') }}</h2>
                            <p class="lead mb-4">{{ trans('payment::translate.Your payment is being processed, please wait') }}</p>
                        </div>

                        <div class="payment-details bg-light rounded p-4 mb-4">
                            <div class="row">
                                <div class="col-md-6">
                                    <strong>{{ trans('payment::translate.Transaction ID') }}:</strong><br>
                                    <code>{{ $paymentHistory->id }}</code>
                                </div>
                                <div class="col-md-6">
                                    <strong>{{ trans('payment::translate.Amount') }}:</strong><br>
                                    {{ $paymentHistory->getData('amount', 'N/A') }}
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-6">
                                    <strong>{{ trans('payment::translate.Payment Method') }}:</strong><br>
                                    {{ ucwords(str_replace('_', ' ', $paymentHistory->payment_method)) }}
                                </div>
                                <div class="col-md-6">
                                    <strong>{{ trans('payment::translate.Date') }}:</strong><br>
                                    {{ $paymentHistory->created_at->format('F j, Y \a\t g:i A') }}
                                </div>
                            </div>
                        </div>

                        <div class="alert alert-info" role="alert">
                            <i class="fas fa-hourglass-half me-2"></i>
                            {{ trans('payment::translate.This page will automatically update when the payment is complete') }}
                        </div>

                        <!-- Auto-refresh for pending payments -->
                        <script>
                            setTimeout(function() {
                                window.location.reload();
                            }, 10000); // Refresh every 10 seconds
                        </script>
                    @endif

                    <!-- Action Buttons -->
                    <div class="mt-4">
                        @if($paymentHistory->status === \Modules\Payment\Enums\PaymentHistoryStatus::SUCCESS)
                            <button onclick="window.print()" class="btn btn-outline-primary me-2">
                                <i class="fas fa-print me-2"></i>{{ trans('payment::translate.Print Receipt') }}
                            </button>
                        @endif
                        
                        <button onclick="window.close()" class="btn btn-secondary">
                            <i class="fas fa-times me-2"></i>{{ trans('payment::translate.Close') }}
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('styles')
<style>
.success-icon i, .error-icon i, .warning-icon i, .processing-icon i {
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.payment-details {
    text-align: left;
}

.payment-details strong {
    color: #495057;
}

.payment-details code {
    background-color: #fff;
    padding: 2px 6px;
    border-radius: 3px;
    border: 1px solid #dee2e6;
}

@media print {
    .btn, .alert {
        display: none !important;
    }
    
    .card {
        border: none !important;
        box-shadow: none !important;
    }
}
</style>
@endpush