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

@extends('layouts/layoutMaster')

@section('title', 'Commissions & Payouts - Administration')

@section('content')
<div class="container-fluid">
  <div class="mb-4">
    <h4 class="mb-0">Commissions & Landlord Remittances</h4>
    <p class="text-muted mb-0">Configure system commission fee rates, review landlord ledger earnings, and authorize payouts.</p>
  </div>

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

  <div class="row gy-6">
    <!-- Commission Configurator Card -->
    <div class="col-md-4 mb-4">
      <div class="card h-100">
        <div class="card-header border-bottom">
          <h5 class="mb-0"><i class="bi bi-gear me-2 text-primary"></i>System Fee Configuration</h5>
        </div>
        <div class="card-body pt-4">
          <form action="{{ route('admin.settings.update') }}" method="POST">
            @csrf
            <div class="mb-4">
              <label for="commission_rate" class="form-label">Global Landlord Commission Rate (%)</label>
              <div class="input-group">
                <input type="number" step="0.01" min="0" max="100" class="form-control" id="commission_rate" name="commission_rate" value="{{ number_format($commissionRate, 2) }}" required />
                <span class="input-group-text">%</span>
              </div>
              <small class="text-muted d-block mt-2">
                This percentage will be automatically deducted from all rents collected through the platform prior to landlord payouts.
              </small>
            </div>
            <button type="submit" class="btn btn-primary w-100">
              <i class="bi bi-floppy me-1"></i>Save Settings
            </button>
          </form>
        </div>
      </div>
    </div>

    <!-- Live Billing Metrics Summary -->
    <div class="col-md-8 mb-4">
      <div class="card h-100">
        <div class="card-header border-bottom">
          <h5 class="mb-0"><i class="bi bi-bar-chart-line me-2 text-info"></i>Global Income Breakdown</h5>
        </div>
        <div class="card-body pt-4">
          <div class="row g-4 text-center">
            @php
              $totalBilledAll = collect($ownersData)->sum('billed');
              $totalCollectedAll = collect($ownersData)->sum('collected');
              $totalCommissionsAll = collect($ownersData)->sum('commission');
              $totalExpensesAll = collect($ownersData)->sum('expenses');
              $totalRemittedAll = collect($ownersData)->sum('net_remitted');
            @endphp
            <div class="col-6 col-md-3 border-end">
              <div class="text-muted small">Total Billed</div>
              <h4 class="fw-bold mb-0 text-heading mt-1">Ksh {{ number_format($totalBilledAll, 0) }}</h4>
            </div>
            <div class="col-6 col-md-3 border-end">
              <div class="text-muted small">Total Collected</div>
              <h4 class="fw-bold mb-0 text-success mt-1">Ksh {{ number_format($totalCollectedAll, 0) }}</h4>
            </div>
            <div class="col-6 col-md-3 border-end">
              <div class="text-muted small">Total Commissions</div>
              <h4 class="fw-bold mb-0 text-primary mt-1">Ksh {{ number_format($totalCommissionsAll, 0) }}</h4>
            </div>
            <div class="col-6 col-md-3">
              <div class="text-muted small">Net Payouts</div>
              <h4 class="fw-bold mb-0 text-info mt-1">Ksh {{ number_format($totalRemittedAll, 0) }}</h4>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- Landlord Remittance Payout Grid -->
    <div class="col-12 mb-6">
      <div class="card">
        <div class="card-header border-bottom d-flex justify-content-between align-items-center">
          <h5 class="mb-0"><i class="bi bi-wallet2 me-2 text-success"></i>Current Landlord Payouts Schedule ({{ $billingMonth }})</h5>
          <span class="badge bg-label-info">Current Month</span>
        </div>
        <div class="table-responsive text-nowrap">
          <table class="table table-hover">
            <thead>
              <tr>
                <th>Landlord Owner</th>
                <th>Units Leased</th>
                <th>Gross Billed</th>
                <th>Rent Collected</th>
                <th>Comm. Deducted ({{ number_format($commissionRate, 1) }}%)</th>
                <th>Expenses Deducted</th>
                <th>Net Payout Due</th>
                <th>Disbursement Status</th>
                <th>Actions</th>
              </tr>
            </thead>
            <tbody class="table-border-bottom-0">
              @forelse($ownersData as $data)
                <tr>
                  <td>
                    <div><strong>{{ $data['owner']->name }}</strong></div>
                    <small class="text-muted">{{ $data['owner']->email }}</small>
                  </td>
                  <td>{{ $data['owner']->properties->sum(fn($p) => $p->units->count()) }} Units</td>
                  <td>Ksh {{ number_format($data['billed'], 2) }}</td>
                  <td><strong class="text-success">Ksh {{ number_format($data['collected'], 2) }}</strong></td>
                  <td><span class="text-danger">-Ksh {{ number_format($data['commission'], 2) }}</span></td>
                  <td><span class="text-danger">-Ksh {{ number_format($data['expenses'], 2) }}</span></td>
                  <td><strong class="text-primary">Ksh {{ number_format($data['net_remitted'], 2) }}</strong></td>
                  <td>
                    @if($data['status'] === 'paid')
                      <span class="badge bg-label-success"><i class="bi bi-check-circle me-1"></i> Disbursed</span>
                    @else
                      <span class="badge bg-label-warning"><i class="bi bi-clock me-1"></i> Pending Payout</span>
                    @endif
                  </td>
                  <td>
                    @if($data['status'] === 'paid')
                      <small class="text-muted">Paid on {{ $data['paid_at']->format('d M, h:i A') }}</small>
                    @else
                      <form action="{{ route('admin.remittances.payout', $data['remittance_id']) }}" method="POST">
                        @csrf
                        <button type="submit" class="btn btn-sm btn-success">
                          <i class="bi bi-send me-1"></i> Record Payout
                        </button>
                      </form>
                    @endif
                  </td>
                </tr>
              @empty
                <tr>
                  <td colspan="9" class="text-center py-4 text-muted">No landlord portfolios active this month.</td>
                </tr>
              @endforelse
            </tbody>
          </table>
        </div>
      </div>
    </div>

    <!-- Payout History Logs -->
    <div class="col-12">
      <div class="card">
        <div class="card-header border-bottom">
          <h5 class="mb-0"><i class="bi bi-clock-history me-2 text-info"></i>Disbursement History Log</h5>
        </div>
        <div class="table-responsive text-nowrap">
          <table class="table table-striped">
            <thead>
              <tr>
                <th>Disbursed Date</th>
                <th>Landlord</th>
                <th>Billing Period</th>
                <th>Total Collected</th>
                <th>Commission Retained</th>
                <th>Expenses Offset</th>
                <th>Total Payout Amount</th>
                <th>Transaction Status</th>
              </tr>
            </thead>
            <tbody class="table-border-bottom-0">
              @forelse($pastRemittances as $past)
                <tr>
                  <td>{{ $past->paid_at ? $past->paid_at->format('d M Y, h:i A') : $past->updated_at->format('d M Y, h:i A') }}</td>
                  <td><strong>{{ $past->owner->name }}</strong></td>
                  <td><span class="badge bg-label-secondary">{{ $past->billing_month }}</span></td>
                  <td>Ksh {{ number_format($past->total_collected, 2) }}</td>
                  <td>Ksh {{ number_format($past->commission_deducted, 2) }}</td>
                  <td>Ksh {{ number_format($past->expenses_deducted, 2) }}</td>
                  <td><strong class="text-success">Ksh {{ number_format($past->net_remitted, 2) }}</strong></td>
                  <td>
                    @if($past->status === 'paid')
                      <span class="badge bg-success bg-glow">Completed</span>
                    @else
                      <span class="badge bg-warning bg-glow">Draft</span>
                    @endif
                  </td>
                </tr>
              @empty
                <tr>
                  <td colspan="8" class="text-center py-4 text-muted">No historical disbursements registered.</td>
                </tr>
              @endforelse
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection