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

@section('main')
<div class="content-wrapper">
  <div class="card">
    <div class="card-header d-flex justify-content-between">
      <h4>{{ $organization->name }} Commission Details</h4>
      <button onclick="window.print()" class="btn btn-success">Print</button>
    </div>

    <div class="card-body">
      <p><strong>Location:</strong> {{ $organization->location }}</p>
      <p><strong>Total Earned:</strong> {{ number_format($totalEarned, 2) }}</p>
      <p><strong>Total Withdrawn:</strong> {{ number_format($totalWithdrawn, 2) }}</p>
      <!--<p><strong>Balance:</strong> {{ number_format($balance, 2) }}</p>-->

      <hr>

      <h5>Add Transaction</h5>
      <form action="{{ route('organization_commissions.transaction.store', $organization->id) }}" method="POST">
        @csrf
        <div class="row mb-3">
          <div class="col-md-3">
            <input type="number" name="amount" class="form-control" placeholder="Amount" step="0.01" required>
          </div>
        
          <div class="col-md-4">
            <input type="text" name="note" class="form-control" placeholder="Note (optional)">
          </div>
          <div class="col-md-2">
            <button class="btn btn-primary w-100">Save</button>
          </div>
        </div>
      </form>

      <hr>

      <h5>Transaction History</h5>
      <table class="table table-bordered">
        <thead>
          <tr>
            <th>#</th>
            <th>Date</th>
            <th>Type</th>
            <th>Amount</th>
            <th>Note</th>
          </tr>
        </thead>
        <tbody>
          @foreach($transactions as $index => $t)
          <tr>
            <td>{{ $index + 1 }}</td>
            <td>{{ $t->created_at->format('d M Y') }}</td>
            <td>{{ ucfirst($t->type) }}</td>
            <td>{{ number_format($t->amount, 2) }}</td>
            <td>{{ $t->note }}</td>
          </tr>
          @endforeach
        </tbody>
      </table>
    </div>
  </div>
</div>
@endsection