@extends('admin.dashboard.layouts.app')

@section('main')
<div class="content-wrapper">
  <div class="card">
    <div class="card-header">
      <h4>Organization Commission Overview</h4>
    </div>

    <div class="card-body">
      <table class="table table-bordered table-hover">
        <thead>
          <tr>
            <th>#SL</th>
            <th>Organization Name</th>
            <th>Location</th>
            <th>Total Commission</th>
            <th>Lifetime Commission</th>
            <th>Action</th>
          </tr>
        </thead>
        <tbody>
          @php $sl = 1; @endphp
          @foreach($commissions as $commission)
          <tr>
            <td>{{ $sl++ }}</td>
            <td>{{ $commission->organization->name ?? 'N/A' }}</td>
            <td>{{ $commission->organization->location ?? 'N/A' }}</td>
            <td>{{ number_format($commission->amount, 2) }}</td>

            <td>{{ number_format($commission->lifetime_amount, 2) }}</td>
            <td>
              <a href="{{ route('organization_commissions.show', $commission->organization_id) }}" class="btn btn-outline-primary btn-sm">
                View Details
              </a>
            </td>
          </tr>
          @endforeach
        </tbody>
      </table>
    </div>
  </div>
</div>
@endsection