@extends('admin.layouts.main')
@php
  $page_name = 'Wallet Transaction';
@endphp
@section('content')
  <div class="card">
    <div class="card-body">
      <!-- Woohoo API Logs Table -->
      <div class="table-responsive">
        <table class="table table-bordered align-middle">
          <thead>
            <tr>
              <th>ID</th>
              <th>Request Type</th>
              <th>Endpoint</th>
              <th>Request Payload</th>
              <th>Response Code</th>
              <th>Response Body</th>
              <th>Status</th>
              <th>Created At</th>
              <th>Updated At</th>
            </tr>
          </thead>
          <tbody>
            @forelse ($logs as $log)
              <tr>
                <td>{{ $log->id }}</td>
                <td>{{ $log->request_type }}</td>
                <td>{{ $log->endpoint }}</td>
                <td>
                  <pre class="mb-0" style="max-width:300px;white-space:pre-wrap;word-break:break-all;">{{ $log->request_payload }}</pre>
                </td>
                <td>{{ $log->response_code }}</td>
                <td>
                  <pre class="mb-0" style="max-width:300px;white-space:pre-wrap;word-break:break-all;">{{ $log->response_body }}</pre>
                </td>
                <td>{{ $log->status }}</td>
                <td>{{ $log->created_at }}</td>
                <td>{{ $log->updated_at }}</td>
              </tr>
            @empty
              <tr>
                <td colspan="9" class="text-center">No logs found.</td>
              </tr>
            @endforelse
          </tbody>
        </table>
      </div>

      <!-- Pagination -->
      <div class="d-flex justify-content-end mt-3">
        {{ $logs->appends(request()->query())->links() }}
      </div>

    </div>
  </div>
@endsection