@php
$configData = Helper::appClasses();
@endphp

@extends('layouts/layoutMaster')

@section('title', 'Global Ledger - Administration')

@section('content')
<div class="container-fluid">
  <div class="mb-4">
    <h4 class="mb-0">Global Transaction Center</h4>
    <p class="text-muted mb-0">Audit system payments, M-Pesa receipts, and automated webhook callback logs.</p>
  </div>

  @if (session('success'))
    <div class="alert alert-success mb-4">{{ session('success') }}</div>
  @endif

  <!-- Navigation Tabs -->
  <div class="row">
    <!-- Payment Ledger Card -->
    <div class="col-12 mb-6">
      <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
          <h5 class="mb-0"><i class="bi bi-receipt-2 me-2 text-primary"></i>System Payment Ledger</h5>
          <span class="badge bg-label-primary">Total: {{ $payments->count() }} Payments</span>
        </div>
        <div class="table-responsive text-nowrap">
          <table class="table table-hover">
            <thead>
              <tr>
                <th>Invoice No</th>
                <th>Landlord Owner</th>
                <th>Tenant</th>
                <th>Payment Method</th>
                <th>Ref Code</th>
                <th>Amount Paid</th>
                <th>Payment Date</th>
                <th class="text-center">Receipt</th>
              </tr>
            </thead>
            <tbody class="table-border-bottom-0">
              @forelse($payments as $payment)
                <tr>
                  <td>
                    <a href="{{ route('invoices.show', $payment->invoice_id) }}">
                      <strong>{{ $payment->invoice->invoice_number }}</strong>
                    </a>
                  </td>
                  <td>{{ $payment->invoice->lease->unit->property->owner->name ?? 'N/A' }}</td>
                  <td>{{ $payment->invoice->lease->tenant->name ?? 'N/A' }}</td>
                  <td>
                    @if($payment->payment_method === 'M-Pesa' || str_contains($payment->payment_method, 'M-Pesa'))
                      <span class="badge bg-label-success"><i class="bi bi-phone me-1"></i> {{ $payment->payment_method }}</span>
                    @elseif($payment->payment_method === 'Bank Transfer')
                      <span class="badge bg-label-info"><i class="bi bi-building-bank me-1"></i> Bank</span>
                    @else
                      <span class="badge bg-label-secondary"><i class="bi bi-cash-stack me-1"></i> Cash</span>
                    @endif
                  </td>
                  <td><code class="text-heading">{{ $payment->transaction_reference }}</code></td>
                  <td><strong class="text-success">Ksh {{ number_format($payment->amount, 2) }}</strong></td>
                  <td>{{ $payment->paid_at->format('d M Y, h:i A') }}</td>
                  <td class="text-center">
                    <a href="{{ route('payments.receipt', $payment->id) }}" target="_blank" class="btn btn-xs btn-outline-primary">
                      <i class="bi bi-printer me-1"></i> Receipt
                    </a>
                  </td>
                </tr>
              @empty
                <tr>
                  <td colspan="8" class="text-center py-4 text-muted">No system transactions recorded.</td>
                </tr>
              @endforelse
            </tbody>
          </table>
        </div>
      </div>
    </div>

    <!-- M-Pesa STK Push Logs Card -->
    <div class="col-12">
      <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
          <h5 class="mb-0"><i class="bi bi-phone-message me-2 text-info"></i>Safaricom M-Pesa STK API logs</h5>
          <span class="badge bg-label-info">Total API Hits: {{ $mpesaLogs->count() }}</span>
        </div>
        <div class="table-responsive text-nowrap">
          <table class="table table-striped table-hover">
            <thead>
              <tr>
                <th>Date / Time</th>
                <th>Invoice No</th>
                <th>Landlord</th>
                <th>Phone Number</th>
                <th>Amount Requested</th>
                <th>Checkout Request ID</th>
                <th>API Status</th>
                <th>Callback Response</th>
              </tr>
            </thead>
            <tbody class="table-border-bottom-0">
              @forelse($mpesaLogs as $log)
                <tr>
                  <td>{{ $log->created_at->format('d M Y, h:i A') }}</td>
                  <td><strong>{{ $log->invoice->invoice_number }}</strong></td>
                  <td>{{ $log->invoice->lease->unit->property->owner->name ?? 'N/A' }}</td>
                  <td><code>{{ $log->phone_number }}</code></td>
                  <td>Ksh {{ number_format($log->amount, 2) }}</td>
                  <td><small class="text-muted">{{ $log->checkout_request_id }}</small></td>
                  <td>
                    @if($log->status === 'success')
                      <span class="badge bg-success bg-glow">Success</span>
                    @elseif($log->status === 'failed')
                      <span class="badge bg-danger bg-glow">Failed</span>
                    @else
                      <span class="badge bg-warning bg-glow">Pending</span>
                    @endif
                  </td>
                  <td>
                    <span class="text-truncate d-inline-block" style="max-width: 250px;" title="{{ $log->result_desc }}">
                      {{ $log->result_desc }}
                    </span>
                  </td>
                </tr>
              @empty
                <tr>
                  <td colspan="8" class="text-center py-4 text-muted">No Safaricom API push logs found.</td>
                </tr>
              @endforelse
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection