@extends('layouts.app')

@section('title', 'Commissions – Ledger')

@push('styles')
    @include('commissions.partials.styles')
@endpush

@section('content')
<div class="commissions-page">
    <header class="commissions-header">
        <h1>Commissions</h1>
        <p class="commissions-subtitle">Line-by-line commission records. Rates shown are the snapshot stored when the commission was earned.</p>
    </header>

    @include('commissions.partials.nav', ['activeTab' => 'ledger'])

    @include('commissions.partials.filters', [
        'filters' => $filters,
        'formAction' => route('commissions.ledger'),
        'showSalesperson' => true,
        'showSource' => true,
        'showStatus' => true,
        'salespeople' => $salespeople,
        'sourceOptions' => $sourceOptions,
        'statusOptions' => $statusOptions,
        'exportUrl' => route('commissions.ledger.export', request()->query()),
        'exportPdfUrl' => route('commissions.ledger.export.pdf', request()->query()),
    ])

    <section class="commissions-card">
        @if($commissions->isEmpty())
            <p class="commissions-empty">No commissions match these filters.</p>
        @else
            <div class="commissions-table-wrap">
                <table class="commissions-table">
                    <thead>
                        <tr>
                            <th>Earned</th>
                            <th>Salesperson</th>
                            <th>Source</th>
                            <th>Reference</th>
                            <th>Subtotal</th>
                            <th>Rate</th>
                            <th>Commission</th>
                            <th>Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($commissions as $commission)
                            @php $status = $commission->displayStatus(); @endphp
                            <tr>
                                <td>
                                    {{ $commission->earned_at?->timezone('America/New_York')->format('M j, Y g:i A') }}
                                    @if($commission->voided_at)
                                        <div class="commissions-muted">Voided {{ $commission->voided_at->timezone('America/New_York')->format('M j') }}</div>
                                    @elseif($commission->paid_at)
                                        <div class="commissions-muted">Paid {{ $commission->paid_at->timezone('America/New_York')->format('M j') }}</div>
                                    @endif
                                </td>
                                <td>{{ $commission->salesperson?->full_name }}</td>
                                <td>
                                    {{ $commission->sourceLabel() }}
                                    @if($commission->isNmiTxnFee())
                                        <div class="commissions-muted">Fixed commission when not the assigned seller</div>
                                    @endif
                                </td>
                                <td>
                                    @if($url = $commission->verificationUrl())
                                        <a href="{{ $url }}">{{ $commission->referenceLabel() }}</a>
                                    @else
                                        {{ $commission->referenceLabel() }}
                                    @endif
                                    @if($commission->shopify_order_id)
                                        <div class="commissions-muted">Shopify #{{ $commission->shopify_order_id }}</div>
                                    @endif
                                </td>
                                <td class="commissions-amount">${{ number_format((float) $commission->order_subtotal, 2) }}</td>
                                <td>{{ $commission->commissionRateLabel() }}</td>
                                <td class="commissions-amount">${{ number_format((float) $commission->commission_earned, 2) }}</td>
                                <td>
                                    @if($status === 'voided')
                                        <span class="commissions-badge commissions-badge--voided">Voided</span>
                                    @elseif($status === 'paid')
                                        <span class="commissions-badge commissions-badge--paid">Paid</span>
                                    @else
                                        <span class="commissions-badge commissions-badge--pending">Pending</span>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            {{ $commissions->links() }}
        @endif
    </section>
</div>
@endsection