@extends('layouts.finance')

@php
    $gateway = $gateway ?? 'kuickpay';
    $gatewayShort = $gatewayShort ?? 'KuickPay';
    $gatewayLabel = $gatewayLabel ?? 'Examism KuickPay';
    $pendingRoute = $pendingRoute ?? 'dashboard.cards.kuickpay-pending';
    $detailRoute = $detailRoute ?? 'dashboard.cards.kuickpay';
    $creditCategory = $gateway === 'payfast' ? 'Credit from PayFast' : 'Credit from KuickPay';
    $pendingCategory = $gateway === 'payfast' ? 'Pending PayFast' : 'Pending KuickPay';
@endphp

@section('title', 'Pending '.$gatewayShort)
@section('subtitle', 'Day-wise '.$gatewayShort.' net amounts not yet deposited to the bank')

@section('content')
@php
    $filters = $filters ?? ['mode' => 'all', 'month' => now()->format('Y-m'), 'from' => '', 'to' => '', 'pending' => true];
    $settlements = $settlements ?? collect();
    $pendingTotal = (float) ($pendingTotal ?? 0);
    $pendingGrossTotal = (float) ($pendingGrossTotal ?? 0);
    $netTotal = (float) ($netTotal ?? 0);
    $settledTotal = (float) ($settledTotal ?? 0);
    $salesDayLabel = $gateway === 'payfast' ? 'PayFast Day' : 'Sales Day';
@endphp

<div class="mb-4">
    <a href="{{ route('dashboard', array_filter(['from' => $filters['from'] ?? null, 'to' => $filters['to'] ?? null])) }}" class="btn btn-ghost" style="font-size:13px">
        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 18 9 12 15 6"/></svg>
        Back to Dashboard
    </a>
</div>

{{-- FILTERS --}}
<section class="card mb-6">
    <div class="section-head">
        <h2>Filters</h2>
        <span class="pill">{{ $filters['mode'] === 'date' ? 'Date wise' : ($filters['mode'] === 'month' ? 'Monthly' : 'All days') }}</span>
    </div>
    <div class="card-pad">
        <form method="GET" action="{{ route($pendingRoute) }}" class="grid gap-3" style="grid-template-columns:0.9fr 1fr 1fr 1fr auto auto auto;align-items:end">
            <div>
                <label class="label">View</label>
                <select class="field" name="mode">
                    <option value="all"   @selected($filters['mode'] === 'all')>All days</option>
                    <option value="month" @selected($filters['mode'] === 'month')>Monthly</option>
                    <option value="date"  @selected($filters['mode'] === 'date')>Date wise</option>
                </select>
            </div>
            <div>
                <label class="label">Month</label>
                <input class="field" type="month" name="month" value="{{ $filters['month'] }}">
            </div>
            <div>
                <label class="label">From</label>
                <input class="field" type="date" name="from" value="{{ $filters['from'] }}">
            </div>
            <div>
                <label class="label">To</label>
                <input class="field" type="date" name="to" value="{{ $filters['to'] }}">
            </div>
            <label class="label" style="display:flex;align-items:center;gap:6px;white-space:nowrap">
                <input type="hidden" name="pending" value="0">
                <input type="checkbox" name="pending" value="1" @checked($filters['pending'])> Pending only
            </label>
            <button class="btn btn-primary" type="submit">Apply</button>
            <a href="{{ route($pendingRoute) }}" class="btn">Reset</a>
        </form>
    </div>
</section>

{{-- SUMMARY KPI --}}
<section class="grid kpi-grid gap-3 mb-6">
    <div class="card kpi-card" style="background:#fff1f2;border-color:#fecdd3">
        <div class="kpi-icon ico-bg-rose">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
        </div>
        <div class="kpi-label">Pending (Filtered)</div>
        <div class="kpi-value" style="color:#e11d48">{{ $metrics->money($pendingTotal, 'PKR') }}</div>
        <div class="kpi-sub">Before fee {{ $metrics->money($pendingGrossTotal, 'PKR') }} · net not yet deposited</div>
    </div>
    <div class="card kpi-card">
        <div class="kpi-icon ico-bg-teal">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="7" width="20" height="14" rx="2"/><path d="M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2"/></svg>
        </div>
        <div class="kpi-label">Net Total (Filtered)</div>
        <div class="kpi-value">{{ $metrics->money($netTotal, 'PKR') }}</div>
        <div class="kpi-sub">Gross minus fee</div>
    </div>
    <div class="card kpi-card">
        <div class="kpi-icon ico-bg-green">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6 9 17l-5-5"/></svg>
        </div>
        <div class="kpi-label">Settled (Filtered)</div>
        <div class="kpi-value" style="color:#10b981">{{ $metrics->money($settledTotal, 'PKR') }}</div>
        <div class="kpi-sub">Already added to bank</div>
    </div>
</section>

{{-- DAY-WISE TABLE --}}
<section class="card mb-6">
    <div class="section-head">
        <h2>Day-wise Settlements</h2>
        <span class="pill">Filtered by {{ $salesDayLabel }}</span>
    </div>
    <table>
        <thead>
            <tr>
                <th>{{ $salesDayLabel }}</th>
                <th>Release Day</th>
                <th>Bank / Account</th>
                <th class="right">Gross (PKR)</th>
                <th class="right">Fee (PKR)</th>
                <th class="right">Net (PKR)</th>
                <th class="right">Settled (PKR)</th>
                <th class="right">Remaining (PKR)</th>
                <th>Status</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            @forelse($settlements as $s)
                @php
                    $remaining = $s->remainingAmount();
                    $statusColor = $s->status === 'settled' ? ['#d1fae5','#065f46'] : ($s->status === 'partial' ? ['#fef3c7','#92400e'] : ['#ffe4e6','#9f1239']);
                    $releaseDate = $s->releaseDate();
                @endphp
                <tr class="row-hover">
                    <td style="font-weight:600">
                        {{ $s->collection_date->format('D, d M Y') }}
                        <div class="muted" style="font-size:11px;margin-top:2px">
                            Actual {{ strtolower($salesDayLabel) }} used for this settlement
                        </div>
                    </td>
                    <td style="font-weight:600">
                        {{ $releaseDate?->format('D, d M Y') ?? '-' }}
                        <div class="muted" style="font-size:11px;margin-top:2px">
                            Deposit / release day
                        </div>
                    </td>
                    <td><span class="pill" style="background:#eef2ff;color:#3730a3">{{ $s->providerLabel() }}</span></td>
                    <td class="right">{{ $metrics->money($s->gross_amount, 'PKR') }}</td>
                    <td class="right" style="color:#b45309">{{ $metrics->money($s->fee_amount, 'PKR') }}</td>
                    <td class="right" style="font-weight:700">{{ $metrics->money($s->net_amount, 'PKR') }}</td>
                    <td class="right" style="color:#10b981">{{ $metrics->money($s->settled_amount, 'PKR') }}</td>
                    <td class="right" style="color:#e11d48;font-weight:700">{{ $metrics->money($remaining, 'PKR') }}</td>
                    <td>
                        <span class="pill" style="background:{{ $statusColor[0] }};color:{{ $statusColor[1] }}">{{ ucfirst($s->status) }}</span>
                        @if($s->manual_override)
                            {{-- Settled by hand, not reconciled against a bank credit. --}}
                            <span class="pill"
                                  style="background:#ede9fe;color:#5b21b6;margin-left:4px"
                                  title="Set by hand{{ $s->manual_override_note ? ': '.$s->manual_override_note : '' }}{{ $s->manual_override_at ? ' ('.$s->manual_override_at->format('d M Y H:i').')' : '' }} — no bank credit is linked to this day.">
                                Manual
                            </span>
                        @endif
                    </td>
                    <td class="right">
                        <a class="btn btn-ghost" style="font-size:12px" href="{{ route($detailRoute, ['mode' => 'date', 'from' => $s->collection_date->toDateString(), 'to' => $s->collection_date->toDateString()]) }}">View orders</a>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="10" class="muted" style="text-align:center;padding:2rem 1rem">
                        No pending {{ $gatewayShort }} settlements for the selected filters.
                    </td>
                </tr>
            @endforelse
        </tbody>
    </table>
</section>

<p class="muted" style="font-size:12px">
    To record a deposit, open <a href="{{ route('finance.transactions') }}">Transactions</a> → <strong>+ Credit Transaction</strong> →
    category <strong>{{ $creditCategory }}</strong> (yesterday) or <strong>{{ $pendingCategory }}</strong> (pick a day).
</p>

@endsection