@extends('admin.layouts.app')

@section('title', 'Transaction Details')

@section('content')
    <div class="container-fluid">
        <div class="row mb-4">
            <div class="col-12">
                <div class="d-flex justify-content-between align-items-center">
                    <h2 class="text-warning mb-1">
                        <i class="fas fa-info-circle me-2"></i>Transaction Details
                    </h2>
                    <a href="{{ route('admin.transactions.index') }}" class="btn btn-warning">
                        <i class="fas fa-arrow-left me-2"></i>Back to Transactions
                    </a>
                </div>
            </div>
        </div>

        <div class="card bg-dark border-warning">
            <div class="card-body">
                <!-- Transaction Information -->
                <h5 class="text-warning border-bottom border-warning pb-2">Transaction Information</h5>
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <h6 class="text-warning">Transaction ID</h6>
                        <p class="text-white">{{ $transaction->id }}</p>
                    </div>
                    <div class="col-md-6 mb-3">
                        <h6 class="text-warning">Type</h6>
                        <p class="text-white">{{ ucfirst(str_replace('_', ' ', $transaction->type ?? 'unknown')) }}</p>
                    </div>
                    <div class="col-md-6 mb-3">
                        <h6 class="text-warning">Amount</h6>
                        <p class="text-white">${{ number_format($transaction->amount ?? 0, 2) }}</p>
                    </div>
                    <div class="col-md-6 mb-3">
                        <h6 class="text-warning">Status</h6>
                        <p class="text-white">{{ ucfirst($transaction->status ?? 'unknown') }}</p>
                    </div>
                    <div class="col-md-6 mb-3">
                        <h6 class="text-warning">Date & Time</h6>
                        <p class="text-white">
                            {{ $transaction->created_at ? $transaction->created_at->format('M d, Y, h:i A') : 'N/A' }}</p>
                    </div>
                    <div class="col-md-6 mb-3">
                        <h6 class="text-warning">Reference ID</h6>
                        <p class="text-white">{{ $transaction->reference_id ?? 'N/A' }}</p>
                    </div>
                    <div class="col-12 mb-3">
                        <h6 class="text-warning">Description</h6>
                        <p class="text-white">{{ $transaction->description ?? 'N/A' }}</p>
                    </div>
                    <div class="col-12 mb-3">
                        <h6 class="text-warning">Admin Notes</h6>
                        <p class="text-white">{{ $transaction->admin_notes ?? 'N/A' }}</p>
                    </div>
                    <div class="col-12 mb-3">
                        <h6 class="text-warning">Screenshot</h6>
                        <p class="text-white">
                            @if ($transaction->screenshot)
                                <img src="{{ $transaction->screenshot }}" alt="Screenshot" class="img-fluid"
                                    style="max-height: 300px;">
                            @else
                                No screenshot available
                            @endif
                        </p>
                    </div>
                </div>

                <!-- User Information -->
                <h5 class="text-warning border-bottom border-warning pb-2 mt-4">User Information</h5>
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <h6 class="text-warning">Name</h6>
                        <p class="text-white">{{ $transaction->user->name ?? 'N/A' }}</p>
                    </div>
                    <div class="col-md-6 mb-3">
                        <h6 class="text-warning">Username</h6>
                        <p class="text-white">{{ $transaction->user->username ?? 'N/A' }}</p>
                    </div>
                    <div class="col-md-6 mb-3">
                        <h6 class="text-warning">Email</h6>
                        <p class="text-white">{{ $transaction->user->email ?? 'N/A' }}</p>
                    </div>
                    <div class="col-md-6 mb-3">
                        <h6 class="text-warning">Telegram</h6>
                        <p class="text-white">{{ $transaction->user->telegram ?? 'N/A' }}</p>
                    </div>
                    <div class="col-md-6 mb-3">
                        <h6 class="text-warning">WhatsApp</h6>
                        <p class="text-white">{{ $transaction->user->whatsapp ?? 'N/A' }}</p>
                    </div>
                    <div class="col-md-6 mb-3">
                        <h6 class="text-warning">Balance</h6>
                        <p class="text-white">
                            {{ $transaction->user->balance !== null ? '$' . number_format($transaction->user->balance, 2) : 'N/A' }}
                        </p>
                    </div>
                    <div class="col-md-6 mb-3">
                        <h6 class="text-warning">Plan ID</h6>
                        <p class="text-white">{{ $transaction->user->plan_id ?? 'N/A' }}</p>
                    </div>
                    <div class="col-md-6 mb-3">
                        <h6 class="text-warning">Referral Code</h6>
                        <p class="text-white">{{ $transaction->user->referral_code ?? 'N/A' }}</p>
                    </div>
                    <div class="col-md-6 mb-3">
                        <h6 class="text-warning">Referred By</h6>
                        <p class="text-white">{{ $transaction->user->referred_by ?? 'N/A' }}</p>
                    </div>
                </div>

                <!-- Referral Commissions -->
                <h5 class="text-warning border-bottom border-warning pb-2 mt-4">Referral Commissions</h5>
                @if ($transaction->formattedReferralCommissions && count($transaction->formattedReferralCommissions) > 0)
                    <div class="table-responsive">
                        <table class="table table-dark table-sm">
                            <thead>
                                <tr>
                                    <th class="text-warning">Referrer</th>
                                    <th class="text-warning">Level</th>
                                    <th class="text-warning">Plan</th>
                                    <th class="text-warning">Commission Rate</th>
                                    <th class="text-warning">Commission Amount</th>
                                    <th class="text-warning">Balance Before</th>
                                    <th class="text-warning">Balance After</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($transaction->formattedReferralCommissions as $commission)
                                    <tr>
                                        <td class="text-white">{{ $commission['referrer_name'] ?? 'Unknown' }}</td>
                                        <td class="text-white">{{ $commission['level'] ?? 'N/A' }}</td>
                                        <td class="text-white">{{ $commission['plan_name'] ?? 'N/A' }}</td>
                                        <td class="text-white">
                                            {{ $commission['commission_rate'] ? $commission['commission_rate'] . '%' : 'N/A' }}
                                        </td>
                                        <td class="text-white">
                                            {{ $commission['commission_amount'] ? '$' . $commission['commission_amount'] : 'N/A' }}
                                        </td>
                                        <td class="text-white">
                                            {{ $commission['balance_before'] ? '$' . $commission['balance_before'] : 'N/A' }}
                                        </td>
                                        <td class="text-white">
                                            {{ $commission['balance_after'] ? '$' . $commission['balance_after'] : 'N/A' }}
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <p class="text-white">No referral commissions</p>
                @endif
            </div>
        </div>
    </div>
@endsection