@extends('layouts.guest-payment')

@section('content')
<div class="card">
    <div class="card-header text-white">
        <h4 class="mb-0">
            <i class="fas fa-clock"></i> Payment Status
        </h4>
    </div>

    <div class="card-body">
        <!-- Status Message -->
        <div class="text-center my-4">
            <div class="mb-4">
                @if($recovery->status === 'payment_completed')
                    <i class="fas fa-check-circle" style="font-size: 80px; color: #28a745;"></i>
                @elseif($recovery->status === 'user_viewed')
                    <i class="fas fa-hourglass-half" style="font-size: 80px; color: #ffc107;"></i>
                @else
                    <i class="fas fa-clock" style="font-size: 80px; color: #6c757d;"></i>
                @endif
            </div>
            <h3>{{ $message ?? 'Check Your Payment Status' }}</h3>
        </div>

        <!-- Recovery Information -->
        <div class="alert alert-info">
            <h5><i class="fas fa-info-circle"></i> Recovery Information</h5>
            <hr>
            <div class="row">
                <div class="col-md-6">
                    <p><strong>User:</strong> {{ $recovery->user->fname }} {{ $recovery->user->lname }}</p>
                    <p><strong>Email:</strong> {{ $recovery->user->email }}</p>
                    <p><strong>Recovery Code:</strong> {{ $recovery->recovery_code }}</p>
                </div>
                <div class="col-md-6">
                    <p><strong>Amount:</strong> ₹{{ number_format($recovery->amount, 2) }}</p>
                    <p><strong>Status:</strong> 
                        <span class="badge 
                            @if($recovery->status === 'payment_completed') bg-success
                            @elseif($recovery->status === 'user_viewed') bg-warning
                            @else bg-secondary
                            @endif">
                            {{ ucwords(str_replace('_', ' ', $recovery->status)) }}
                        </span>
                    </p>
                    @if($recovery->payment_completed_at)
                        <p><strong>Paid On:</strong> {{ $recovery->payment_completed_at->format('d M Y, h:i A') }}</p>
                    @endif
                </div>
            </div>
        </div>

        <!-- Action Buttons -->
        <div class="text-center mt-4">
            @if($showPaymentButton ?? false)
                <a href="{{ route('recovery.certificate.payment.show', ['recoveryCode' => $recovery->recovery_code]) }}" class="btn btn-primary btn-lg me-2">
                    <i class="fas fa-credit-card"></i> Complete Payment
                </a>
            @endif
            
            <a href="{{ route('login') }}" class="btn btn-success btn-lg me-2">
                <i class="fas fa-sign-in-alt"></i> Login to Dashboard
            </a>
        </div>
    </div>
</div>
@endsection