@extends('user.layouts.app')

@push('styles')
<style></style>
@endpush

@section('body_class', 'payment-history')

@section('content')
<section class="banner-slider">
      @foreach($bannerImages as $image)
    <div class="slider-item"><img src="{{ asset('/storage/distribution/images/banner_image/' . $image->image) }}" alt="Slide {{ $loop->iteration }}"></div>
    @endforeach
    </section>

    <div class="banner-inner-content">
      <div class="container">
        <ul class="bread-come">
          <li>
            <!-- <a href="/">Home</a> -->
            <a href="/dashboard">Dashboard</a>
          </li>
          <li>Payment History</li>
        </ul>
      </div>
    </div>
    <section class="affiliated-clubs">
      <div class="container">
        <div class="page-title">
          <h4 data-aos="fade-up">Payment History</h4>          
        </div>        
      </div>
    </section>

    <section class="payment-history-outer pt-0">
      <div class="container">
        <div class="overflow-auto">
          <table class="payment-table-list">
            <tbody>
              <tr>
                <th class="text-center">SL No.</th>
                <th class="text-center">Order Id</th>
                <th class="text-center">Receipt Id</th>
                <th class="text-center">Source</th>
                <th class="text-center">Amount(₹)</th>
                <th class="text-center">Status</th>
                <th class="text-center">Date/Time</th>
                <th class="text-center">View Receipt</th>
              </tr>
              @if(!empty($error))
              <tr style="text-align: center;">
                  <td colspan="8">{{ $error }}</td>
              </tr>
              @elseif($transactions->isNotEmpty())
              @foreach ($transactions as $index => $transaction)
              <tr>
                  <td class="text-center">{{ $loop->iteration }}</td>
                  <td class="text-center">{{ $transaction->order_id }}</td>
                  <td class="text-center">{{ $transaction->receipt_id }}</td>
                  <td class="text-center">{{ ucfirst(str_replace('_', ' ', $transaction->payment_source ?? data_get($transaction->notes, 'source', ''))) }}</td>
                  <td class="text-end">{{ $transaction->amount }}</td>
                  <td class="text-center">
                    @if($transaction->status == 'paid')
                      Paid
                    @elseif($transaction->status == 'pending')
                      Pending
                    @elseif($transaction->status == 'failed')
                      Failed
                    @else
                      {{ ucfirst((string) $transaction->status) }}
                    @endif
                  </td>
                  <td class="text-center">{{ optional($transaction->created_at)->timezone(config('app.timezone'))->format('d-m-Y h:i A') }}</td>
                  <td class="text-center">
                    @if($transaction->status == 'paid')
                      <a
                        href="{{ route('user.transaction.downloadReceipt', ['id' => $transaction->id]) }}"
                        class="btn btn-primary view"
                        target="_blank"
                      >
                        View Receipt
                      </a>
                    @endif
                  </td>
              </tr>
              @endforeach
              @else
              <tr style="text-align: center;">
                  <td colspan="8">No payment history data found.</td>
              </tr>
              @endif
            </tbody>
          </table>
        </div>
      </div>
    </section>
@endsection

@section('footer')
<!-- footer bottom appears here -->
@endsection

@push('scripts')
<script></script>
@endpush