@extends('appshell::layouts.private')

@section('title')
    Payout #{{ $payout->id }}
@stop

@section('content')

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

    {{-- ── Payout header card ────────────────────────────── --}}
    <div class="card mb-4">
        <div class="card-body">
            <div class="d-flex justify-content-between align-items-start">
                <div>
                    <h5 class="mb-1">Payout #{{ $payout->id }}</h5>
                    <p class="mb-0 text-muted">
                        Affiliate:
                        <a href="{{ route('admin.affiliates.show', $payout->affiliate_id) }}">
                            {{ $payout->affiliate->code ?? '—' }}
                        </a>
                        ({{ optional($payout->affiliate->user)->email ?? '—' }})
                    </p>
                    <p class="mb-0 text-muted">
                        Total: <strong>${{ number_format($payout->amount, 2) }}</strong>
                        &nbsp;
                        <span class="badge {{ $payout->isPaid() ? 'badge-success' : 'badge-warning' }}">
                            {{ ucfirst($payout->status) }}
                        </span>
                    </p>
                    @if($payout->paid_at)
                        <p class="mb-0 text-muted small">Paid: {{ $payout->paid_at->format('d M Y H:i') }}</p>
                    @endif
                    @if($payout->reference)
                        <p class="mb-0 text-muted small">Reference: {{ $payout->reference }}</p>
                    @endif
                    @if($payout->notes)
                        <p class="mb-0 text-muted small">Notes: {{ $payout->notes }}</p>
                    @endif
                </div>

                <div class="d-flex gap-2">
                    <a href="{{ route('admin.affiliates.payouts.export.csv', $payout->id) }}"
                       class="btn btn-sm btn-outline-secondary">Export CSV</a>
                    <a href="{{ route('admin.affiliates.payouts.export.json', $payout->id) }}"
                       class="btn btn-sm btn-outline-secondary">Export JSON</a>
                    <a href="{{ route('admin.affiliates.show', $payout->affiliate_id) }}"
                       class="btn btn-sm btn-outline-secondary">← Back to Affiliate</a>
                </div>
            </div>

            @if($payout->affiliate->payout_instructions)
                <hr>
                <h6 class="text-muted">Payment Details (affiliate-supplied)</h6>
                <pre class="bg-light p-2 rounded">{{ $payout->affiliate->payout_instructions }}</pre>
            @endif
        </div>
    </div>

    {{-- ── Line items ───────────────────────────────────── --}}
    <div class="card mb-4">
        <div class="card-header">Conversion Line Items</div>
        <div class="card-body p-0">
            <table class="table table-hover mb-0">
                <thead>
                <tr>
                    <th>Conversion #</th>
                    <th>Order</th>
                    <th>Tier</th>
                    <th class="text-right">Sale Amount</th>
                    <th class="text-right">Commission</th>
                    <th>Date</th>
                </tr>
                </thead>
                <tbody>
                @forelse($payout->items as $item)
                    @php $c = $item->conversion; @endphp
                    <tr>
                        <td>{{ $c->id ?? '—' }}</td>
                        <td>{{ $c->order_id ?? '—' }}</td>
                        <td>
                            <span class="badge {{ ($c->tier ?? 1) === 2 ? 'badge-info' : 'badge-secondary' }}">
                                Tier {{ $c->tier ?? 1 }}
                            </span>
                        </td>
                        <td class="text-right">${{ number_format($c->amount ?? 0, 2) }}</td>
                        <td class="text-right">${{ number_format($c->commission ?? 0, 2) }}</td>
                        <td>{{ optional($c->created_at)->format('d M Y') ?? '—' }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="text-center text-muted py-3">No items.</td>
                    </tr>
                @endforelse
                </tbody>
                <tfoot>
                <tr class="font-weight-bold">
                    <td colspan="4" class="text-right">Total:</td>
                    <td class="text-right">
                        ${{ number_format($payout->items->sum(fn($i) => $i->conversion->commission ?? 0), 2) }}
                    </td>
                    <td></td>
                </tr>
                </tfoot>
            </table>
        </div>
    </div>

    {{-- ── Mark as paid form (only when pending) ────────── --}}
    @unless($payout->isPaid())
        <div class="card">
            <div class="card-header">Mark as Paid</div>
            <div class="card-body">
                <form method="POST"
                      action="{{ route('admin.affiliates.payouts.mark-paid', $payout->id) }}">
                    @csrf
                    <div class="form-group">
                        <label for="reference">Payment Reference</label>
                        <input type="text" name="reference" id="reference"
                               class="form-control"
                               placeholder="e.g. bank transfer ref, PayPal transaction ID"
                               value="{{ old('reference') }}">
                    </div>
                    <div class="form-group">
                        <label for="notes">Notes (optional)</label>
                        <textarea name="notes" id="notes" rows="3"
                                  class="form-control"
                                  placeholder="Any additional notes about this payment">{{ old('notes') }}</textarea>
                    </div>
                    <button type="submit" class="btn btn-success"
                            onclick="return confirm('Mark this payout as paid?')">
                        Mark as Paid
                    </button>
                </form>
            </div>
        </div>
    @endunless

@stop