@extends('master-user')


@section('content')
<section class="py-8">
  <div class="max-w-6xl mx-auto px-4">
    <div class="bg-white rounded-xl shadow-lg p-6">
      <h3 class="text-2xl font-bold text-[#3a3058] mb-6">Payment History</h3>
      @if (session('success'))
        <div class="bg-green-100 border border-green-300 text-green-700 rounded-lg px-6 py-4 mb-4">
          {{ session('success') }}
        </div>
      @endif
      <div class="overflow-x-auto rounded-lg border border-gray-200">
        <table class="min-w-full bg-white text-base text-left whitespace-nowrap">
          <thead class="bg-[#3a3058]">
            <tr>
              <th class="px-6 py-4 font-semibold text-sm uppercase tracking-wider text-yellow-200">#</th>
              <th class="px-6 py-4 font-semibold text-sm uppercase tracking-wider text-yellow-200">Transaction ID</th>
              <th class="px-6 py-4 font-semibold text-sm uppercase tracking-wider text-yellow-200">Plan</th>
              <th class="px-6 py-4 font-semibold text-sm uppercase tracking-wider text-yellow-200">URL Credits</th>
              <th class="px-6 py-4 font-semibold text-sm uppercase tracking-wider text-yellow-200">Amount</th>
              <th class="px-6 py-4 font-semibold text-sm uppercase tracking-wider text-yellow-200">Status</th>
              <th class="px-6 py-4 font-semibold text-sm uppercase tracking-wider text-yellow-200">Payment Method</th>
              <th class="px-6 py-4 font-semibold text-sm uppercase tracking-wider text-yellow-200">Remark</th>
              <th class="px-6 py-4 font-semibold text-sm uppercase tracking-wider text-yellow-200">Date</th>
              <th class="px-6 py-4 font-semibold text-sm uppercase tracking-wider text-yellow-200">Action</th>
            </tr>
          </thead>
          <tbody class="divide-y divide-gray-100 text-base">
            @if($transactions->count() > 0)
              @foreach ($transactions as $index => $transaction)
                @php
                  $pgTransactionDetails = $transaction->pgTransaction;
                  $planDetails = $transaction->plan;
                @endphp
                <tr>
                  <td class="px-6 py-3">{{ $index + 1 }}</td>
                  <td class="px-6 py-3">{{ $transaction->transaction_id }}</td>
                  <td class="px-6 py-3">{{ $planDetails->name }}</td>
                  <td class="px-6 py-3">{{ $planDetails->max_short_urls }}</td>
                  <td class="px-6 py-3">{{ $transaction->total_amount }}</td>
                  <td class="px-6 py-3">{{ ucfirst($transaction->status) }}</td>
                  <td class="px-6 py-3">{{ $pgTransactionDetails->pg_txn_method ?? '-' }}</td>
                  <td class="px-6 py-3">{{ $transaction->remarks }}</td>
                  <td class="px-6 py-3">{{ $transaction->created_at->format('d-M-Y') }}</td>
                  <td class="px-6 py-3">
                    @if ($transaction->status === 'success')
                      <a href="{{ route('user.billing.downloadInvoice', quickEnc($transaction->id)) }}" class="bg-green-600 text-white hover:bg-green-700 font-semibold px-4 py-2 rounded-md shadow transition text-sm">Download Invoice</a>
                    @endif
                  </td>
                </tr>
              @endforeach
            @else
              <tr>
                <td colspan="10" class="text-center px-6 py-4 text-gray-500">No transaction history available.</td>
              </tr>
            @endif
          </tbody>
        </table>
      </div>
    </div>
  </div>
</section>
@endsection