@extends('admin.layouts.app')
@section('title', 'Merchant settlements — ExtraCash Admin')
@section('page-title', 'Merchant settlements')
@section('breadcrumb', 'Grouped totals for merchant payments (gross, fees, net)')

@section('content')

<div class="grid grid-cols-1 lg:grid-cols-4 gap-4 mb-4">
    <div class="card p-5">
        <p class="text-xs font-semibold uppercase tracking-wider text-neutral-500">Gross</p>
        <p class="mt-2 text-2xl font-bold text-neutral-900 dark:text-white">ZMW {{ number_format($totals['gross'] ?? 0, 2) }}</p>
        <p class="mt-1 text-xs text-neutral-500">{{ number_format($totals['count'] ?? 0) }} order(s)</p>
    </div>
    <div class="card p-5">
        <p class="text-xs font-semibold uppercase tracking-wider text-neutral-500">Fees</p>
        <p class="mt-2 text-2xl font-bold text-neutral-900 dark:text-white">ZMW {{ number_format($totals['fee'] ?? 0, 2) }}</p>
    </div>
    <div class="card p-5 lg:col-span-2">
        <p class="text-xs font-semibold uppercase tracking-wider text-neutral-500">Net to merchants</p>
        <p class="mt-2 text-2xl font-bold text-neutral-900 dark:text-white">ZMW {{ number_format($totals['net'] ?? 0, 2) }}</p>
        <p class="mt-1 text-xs text-neutral-500">Net = gross − fees</p>
    </div>
</div>

<div class="card overflow-hidden">
    <div class="px-5 py-4 border-b border-neutral-200 dark:border-neutral-800 flex flex-col lg:flex-row gap-3 items-start lg:items-center justify-between">
        <form method="GET" class="flex gap-2 flex-wrap items-center">
            <input type="date" name="date_from" value="{{ request('date_from', $range['from']->toDateString()) }}"
                   class="px-3 py-2 text-sm border rounded bg-white dark:bg-neutral-900 dark:text-white">
            <input type="date" name="date_to" value="{{ request('date_to', $range['to']->toDateString()) }}"
                   class="px-3 py-2 text-sm border rounded bg-white dark:bg-neutral-900 dark:text-white">
            <input type="text" name="q" value="{{ request('q') }}" placeholder="Order ref, merchant name/code…"
                   class="px-3 py-2 text-sm border rounded bg-white dark:bg-neutral-900 dark:text-white w-56">
            <input type="text" name="status" value="{{ request('status') }}" placeholder="Status (optional)"
                   class="px-3 py-2 text-sm border rounded bg-white dark:bg-neutral-900 dark:text-white w-40">
            <button type="submit" class="btn-secondary text-xs py-2">Filter</button>
            <a href="{{ route('admin.finance.settlements.export', request()->query()) }}"
               class="btn-secondary text-xs py-2">Export CSV</a>
        </form>
        <div class="text-xs text-neutral-500">{{ $rows->total() }} merchant(s)</div>
    </div>

    <div class="overflow-x-auto">
        <table class="w-full text-sm">
            <thead>
                <tr class="border-b border-neutral-100 dark:border-neutral-800">
                    <th class="px-5 py-3 text-left">Merchant</th>
                    <th class="px-5 py-3 text-right">Orders</th>
                    <th class="px-5 py-3 text-right">Gross</th>
                    <th class="px-5 py-3 text-right">Fees</th>
                    <th class="px-5 py-3 text-right">Net</th>
                </tr>
            </thead>
            <tbody>
                @forelse($rows as $r)
                @php $m = $merchants[$r->merchant_id] ?? null; @endphp
                <tr class="border-b border-neutral-50 dark:border-neutral-800/50 hover:bg-neutral-50 dark:hover:bg-neutral-900/40 transition">
                    <td class="px-5 py-3">
                        <div>
                            <p class="font-medium text-neutral-900 dark:text-white">{{ $m?->name ?? '—' }}</p>
                            <p class="text-xs text-neutral-500">Code: {{ $m?->code ?? '—' }} · ID: {{ $r->merchant_id }}</p>
                        </div>
                    </td>
                    <td class="px-5 py-3 text-right text-neutral-900 dark:text-white tabular-nums">{{ number_format($r->orders_count ?? 0) }}</td>
                    <td class="px-5 py-3 text-right font-medium text-neutral-900 dark:text-white tabular-nums">ZMW {{ number_format($r->gross_total ?? 0, 2) }}</td>
                    <td class="px-5 py-3 text-right text-neutral-600 tabular-nums">ZMW {{ number_format($r->fee_total ?? 0, 2) }}</td>
                    <td class="px-5 py-3 text-right text-neutral-600 tabular-nums">ZMW {{ number_format($r->net_total ?? 0, 2) }}</td>
                </tr>
                @empty
                <tr><td colspan="5" class="px-5 py-8 text-center text-neutral-400">No merchant totals found</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    @if($rows->hasPages())
    <div class="px-5 py-4 border-t border-neutral-100 dark:border-neutral-800">
        {{ $rows->withQueryString()->links() }}
    </div>
    @endif
</div>

@endsection