@extends('layouts.dashboard')
@section('title', __('Instructor Payables'))
@section('page_title', __('Instructor Payables'))

@section('content')
    @include('accounting::partials.nav', ['active' => 'report-ip'])
    <div class="d-flex flex-wrap justify-content-between align-items-center mb-3 gap-2">
        <h5 class="mb-0">{{ __('Owed to instructors') }} <span class="text-muted fs-6 fw-normal">— {{ __(':amount outstanding', ['amount' => money($total)]) }}</span></h5>
        <a href="{{ route('admin.payouts.index') }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-cash-stack me-1"></i>{{ __('Payout requests') }}</a>
    </div>
    <p class="text-muted small">{{ __('Balance on 2110 Instructor Payable per instructor: commission credited on each sale, less payouts marked paid and full-refund clawbacks.') }}</p>

    <div class="card shadow-sm">
        <table class="table align-middle mb-0">
            <thead class="table-light"><tr><th>{{ __('Instructor') }}</th><th>{{ __('Email') }}</th><th>{{ __('Oldest unpaid sale') }}</th><th class="text-end">{{ __('Balance') }}</th></tr></thead>
            <tbody>
            @forelse($rows as $r)
                <tr>
                    <td>{{ $r->name ?? __('Instructor #:id', ['id' => $r->partner_id]) }}</td>
                    <td class="small text-muted">{{ $r->email }}</td>
                    <td class="small">{{ \Carbon\Carbon::parse($r->oldest)->format('d M Y') }}</td>
                    <td class="text-end font-monospace fw-semibold">{{ money_signed($r->balance) }}</td>
                </tr>
            @empty
                <tr><td colspan="4" class="text-center text-muted py-4">{{ __('Nothing outstanding.') }}</td></tr>
            @endforelse
            </tbody>
            <tfoot class="table-light fw-semibold"><tr><td colspan="3" class="text-end">{{ __('Total') }}</td><td class="text-end font-monospace">{{ money($total) }}</td></tr></tfoot>
        </table>
    </div>
@endsection