@extends('layouts.main')

@section('title', 'Transaction Details - Prolytics Connect')

@section('content')
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-sm-flex align-items-center justify-content-between">
            <h4 class="mb-sm-0 font-size-18">Transaction Details</h4>
            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('admin.transactions.index') }}">Transactions</a></li>
                    <li class="breadcrumb-item active">Details</li>
                </ol>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <!-- Transaction Information -->
    <div class="col-xl-8">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title mb-0">
                    <i class="bx bx-receipt me-2"></i>Transaction Information
                </h4>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label class="form-label fw-bold">Transaction ID:</label>
                            <p class="text-muted">#{{ $transaction->id }}</p>
                        </div>
                        <div class="mb-3">
                            <label class="form-label fw-bold">Company:</label>
                            <p class="text-muted">{{ $transaction->company->name }}</p>
                        </div>
                        <div class="mb-3">
                            <label class="form-label fw-bold">Email:</label>
                            <p class="text-muted">{{ $transaction->company->email }}</p>
                        </div>
                        <div class="mb-3">
                            <label class="form-label fw-bold">Plan:</label>
                            <span class="badge bg-info">{{ $transaction->subscriptionPlan->title ?? 'N/A' }}</span>
                        </div>
                        <div class="mb-3">
                            <label class="form-label fw-bold">Transaction Type:</label>
                            @if($transaction->type === 'subscription')
                                <span class="badge bg-success">New Subscription</span>
                            @elseif($transaction->type === 'upgrade')
                                <span class="badge bg-primary">Upgrade</span>
                            @elseif($transaction->type === 'cancellation')
                                <span class="badge bg-danger">Cancellation</span>
                            @elseif($transaction->type === 'renewal')
                                <span class="badge bg-info">Renewal</span>
                            @else
                                <span class="badge bg-secondary">{{ ucfirst($transaction->type) }}</span>
                            @endif
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label class="form-label fw-bold">Status:</label>
                            <p>
                                @if($transaction->status === 'succeeded')
                                    <span class="badge bg-success">Succeeded</span>
                                @elseif($transaction->status === 'failed')
                                    <span class="badge bg-danger">Failed</span>
                                @elseif($transaction->status === 'pending')
                                    <span class="badge bg-warning">Pending</span>
                                @else
                                    <span class="badge bg-secondary">{{ ucfirst($transaction->status) }}</span>
                                @endif
                            </p>
                        </div>
                        <div class="mb-3">
                            <label class="form-label fw-bold">Amount:</label>
                            <p class="text-muted">${{ number_format($transaction->amount, 2) }} {{ strtoupper($transaction->currency) }}</p>
                        </div>
                        <div class="mb-3">
                            <label class="form-label fw-bold">Transaction Date:</label>
                            <p class="text-muted">{{ $transaction->paid_at ? $transaction->paid_at->format('M j, Y \a\t g:i A') : $transaction->created_at->format('M j, Y \a\t g:i A') }}</p>
                        </div>
                        <div class="mb-3">
                            <label class="form-label fw-bold">Reason:</label>
                            <p class="text-muted">
                                @if($transaction->reason)
                                    {{ str_replace('_', ' ', ucwords($transaction->reason, '_')) }}
                                @else
                                    -
                                @endif
                            </p>
                        </div>
                        <div class="mb-3">
                            <label class="form-label fw-bold">Description:</label>
                            <p class="text-muted">{{ $transaction->description ?? '-' }}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Stripe IDs Section -->
        <div class="card">
            <div class="card-header">
                <h4 class="card-title mb-0">
                    <i class="bx bx-credit-card me-2"></i>Stripe References
                </h4>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        @if($transaction->stripe_payment_intent_id)
                            <div class="mb-3">
                                <label class="form-label fw-bold">Payment Intent ID:</label>
                                <p class="text-muted font-monospace">{{ $transaction->stripe_payment_intent_id }}</p>
                            </div>
                        @endif
                        @if($transaction->stripe_subscription_id)
                            <div class="mb-3">
                                <label class="form-label fw-bold">Subscription ID:</label>
                                <p class="text-muted font-monospace">{{ $transaction->stripe_subscription_id }}</p>
                            </div>
                        @endif
                    </div>
                    <div class="col-md-6">
                        @if($transaction->stripe_invoice_id)
                            <div class="mb-3">
                                <label class="form-label fw-bold">Invoice ID:</label>
                                <p class="text-muted font-monospace">{{ $transaction->stripe_invoice_id }}</p>
                            </div>
                        @endif
                        @if($transaction->company->stripe_customer_id)
                            <div class="mb-3">
                                <label class="form-label fw-bold">Customer ID:</label>
                                <p class="text-muted font-monospace">{{ $transaction->company->stripe_customer_id }}</p>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>

        <!-- Related Transactions -->
        @if($relatedTransactions->count() > 0)
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title mb-0">
                        <i class="bx bx-history me-2"></i>Related Transactions ({{ $transaction->company->name }})
                    </h4>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-nowrap table-hover">
                            <thead class="table-light">
                                <tr>
                                    <th>ID</th>
                                    <th>Type</th>
                                    <th>Plan</th>
                                    <th>Amount</th>
                                    <th>Status</th>
                                    <th>Date</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($relatedTransactions as $relatedTransaction)
                                    <tr>
                                        <td>
                                            <a href="{{ route('admin.transactions.show', $relatedTransaction->id) }}" class="fw-bold text-primary">
                                                #{{ $relatedTransaction->id }}
                                            </a>
                                        </td>
                                        <td>
                                            @if($relatedTransaction->type === 'subscription')
                                                <span class="badge bg-success">New</span>
                                            @elseif($relatedTransaction->type === 'upgrade')
                                                <span class="badge bg-primary">Upgrade</span>
                                            @elseif($relatedTransaction->type === 'cancellation')
                                                <span class="badge bg-danger">Cancel</span>
                                            @else
                                                <span class="badge bg-secondary">{{ ucfirst($relatedTransaction->type) }}</span>
                                            @endif
                                        </td>
                                        <td>
                                            <small>{{ $relatedTransaction->subscriptionPlan->title ?? 'N/A' }}</small>
                                        </td>
                                        <td>
                                            <strong>${{ number_format($relatedTransaction->amount, 2) }}</strong>
                                        </td>
                                        <td>
                                            @if($relatedTransaction->status === 'succeeded')
                                                <span class="badge bg-success">✓</span>
                                            @else
                                                <span class="badge bg-danger">✗</span>
                                            @endif
                                        </td>
                                        <td>
                                            <small>{{ $relatedTransaction->paid_at ? $relatedTransaction->paid_at->format('M j, Y') : $relatedTransaction->created_at->format('M j, Y') }}</small>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        @endif
    </div>

    <!-- Action Panel -->
    <div class="col-xl-4">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title mb-0">Actions</h4>
            </div>
            <div class="card-body">
                <div class="d-grid gap-2">
                    <a href="{{ route('admin.transactions.index') }}" class="btn btn-secondary">
                        <i class="bx bx-arrow-back me-1"></i>Back to Transactions
                    </a>
                    
                    @if($transaction->stripe_payment_intent_id)
                        <a href="https://dashboard.stripe.com/payments/{{ $transaction->stripe_payment_intent_id }}" 
                           target="_blank" class="btn btn-primary">
                            <i class="bx bx-external-link me-1"></i>View Payment in Stripe
                        </a>
                    @endif

                    @if($transaction->stripe_subscription_id)
                        <a href="https://dashboard.stripe.com/subscriptions/{{ $transaction->stripe_subscription_id }}" 
                           target="_blank" class="btn btn-info">
                            <i class="bx bx-receipt me-1"></i>View Subscription in Stripe
                        </a>
                    @endif

                    @if($transaction->company->stripe_customer_id)
                        <a href="https://dashboard.stripe.com/customers/{{ $transaction->company->stripe_customer_id }}" 
                           target="_blank" class="btn btn-outline-info">
                            <i class="bx bx-user me-1"></i>View Customer in Stripe
                        </a>
                    @endif
                </div>

                <!-- Quick Stats -->
                <div class="mt-4">
                    <h5 class="card-title">Transaction Summary</h5>
                    <div class="d-flex justify-content-between mb-2">
                        <span>Time Since Transaction:</span>
                        <strong>{{ $transaction->created_at->diffForHumans() }}</strong>
                    </div>
                    <div class="d-flex justify-content-between mb-2">
                        <span>Payment Method:</span>
                        <strong>{{ $transaction->payment_method ?? 'Card' }}</strong>
                    </div>
                    @if($transaction->reason)
                        <div class="d-flex justify-content-between mb-2">
                            <span>Transaction Reason:</span>
                            <strong class="text-info">{{ str_replace('_', ' ', ucwords($transaction->reason, '_')) }}</strong>
                        </div>
                    @endif
                </div>

                <!-- Company Transaction Stats -->
                @php
                    $companyStats = [
                        'total_transactions' => \App\Models\Transaction::where('company_id', $transaction->company_id)->count(),
                        'total_spent' => \App\Models\Transaction::where('company_id', $transaction->company_id)->where('status', 'succeeded')->sum('amount'),
                        'first_transaction' => \App\Models\Transaction::where('company_id', $transaction->company_id)->oldest()->first()
                    ];
                @endphp
                <div class="mt-4">
                    <h5 class="card-title">Company Overview</h5>
                    <div class="d-flex justify-content-between mb-2">
                        <span>Total Transactions:</span>
                        <strong>{{ $companyStats['total_transactions'] }}</strong>
                    </div>
                    <div class="d-flex justify-content-between mb-2">
                        <span>Total Spent:</span>
                        <strong class="text-success">${{ number_format($companyStats['total_spent'], 2) }}</strong>
                    </div>
                    @if($companyStats['first_transaction'])
                        <div class="d-flex justify-content-between mb-2">
                            <span>Customer Since:</span>
                            <strong>{{ $companyStats['first_transaction']->created_at->format('M Y') }}</strong>
                        </div>
                    @endif
                </div>
            </div>
        </div>

        <!-- Error Display -->
        @if(isset($stripeData['error']))
            <div class="card border-danger">
                <div class="card-header bg-danger text-white">
                    <h4 class="card-title mb-0 text-white">
                        <i class="bx bx-error me-2"></i>Stripe Error
                    </h4>
                </div>
                <div class="card-body">
                    <p class="text-danger mb-0">{{ $stripeData['error'] }}</p>
                </div>
            </div>
        @endif
    </div>
</div>
@endsection