@extends('layouts.finance')

@php
    $providerKey = $providerKey ?? '';
    $provider = $provider ?? null;
    $providers = $providers ?? \App\Support\FinanceSuiteMetrics::KUICKPAY_PROVIDERS;
    $providerLabel = $provider['label'] ?? 'All KuickPay';
    $providerCards = $providerCards ?? collect();
    $kuickpayRows = $kuickpayRows ?? collect();
    $storeCreditRows = $storeCreditRows ?? collect();
    $filters = $filters ?? ['mode' => 'month', 'month' => now()->format('Y-m'), 'from' => now()->startOfMonth()->toDateString(), 'to' => now()->endOfMonth()->toDateString(), 'q' => '', 'provider' => ''];
    $kuickpayTotal = (float) ($kuickpayTotal ?? 0);
    $kuickpayFeeTotal = (float) ($kuickpayFeeTotal ?? 0);
    $storeCreditTotal = (float) ($storeCreditTotal ?? 0);
    $storeCreditToday = (float) ($storeCreditToday ?? 0);
    $manualStoreCreditRows = $manualStoreCreditRows ?? collect();
    $manualStoreCreditTotal = (float) ($manualStoreCreditTotal ?? 0);
    $manualStoreCreditToday = (float) ($manualStoreCreditToday ?? 0);
    $verificationGap = (float) ($verificationGap ?? 0);
    $storeCreditSource = $storeCreditSource ?? null;
    $isKuickpayPaginated = $kuickpayRows instanceof \Illuminate\Contracts\Pagination\LengthAwarePaginator;
    $isStoreCreditPaginated = $storeCreditRows instanceof \Illuminate\Contracts\Pagination\LengthAwarePaginator;
    $isManualStoreCreditPaginated = $manualStoreCreditRows instanceof \Illuminate\Contracts\Pagination\LengthAwarePaginator;
@endphp

@section('title', 'KuickPay Store Credit Verification')
@section('subtitle', 'Compare KuickPay paid amount with KuickPay-added and manual/refund store credit')

@section('content')
<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>

<section class="card mb-6">
    <div class="section-head">
        <h2>Filters</h2>
        <span class="pill">{{ $filters['mode'] === 'date' ? 'Date wise' : 'Monthly' }}</span>
    </div>
    <div class="card-pad">
        <form method="GET" action="{{ route('dashboard.cards.kuickpay-store-credit-verification') }}" class="grid gap-3" style="grid-template-columns:0.8fr 1.2fr 1fr 1fr 1fr 1.4fr auto auto;align-items:end">
            <div>
                <label class="label">View</label>
                <select class="field" name="mode">
                    <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">KuickPay Account</label>
                <select class="field" name="provider">
                    <option value="" @selected(($filters['provider'] ?? '') === '')>All KuickPay</option>
                    @foreach($providers as $key => $option)
                        <option value="{{ $key }}" @selected(($filters['provider'] ?? '') === $key)>{{ $option['label'] }}</option>
                    @endforeach
                </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>
            <div>
                <label class="label">Search</label>
                <input class="field" type="text" name="q" value="{{ $filters['q'] }}" placeholder="Voucher, candidate, agent, reference">
            </div>
            <button class="btn btn-primary" type="submit">Apply</button>
            <a href="{{ route('dashboard.cards.kuickpay-store-credit-verification') }}" class="btn">Reset</a>
        </form>
    </div>
</section>

<section class="grid kpi-grid gap-3 mb-6">
    <div class="card kpi-card" style="background:var(--green-soft);border-color:#a7f3d0">
        <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">{{ $providerLabel }} KuickPay Gross</div>
        <div class="kpi-value" style="color:#065f46">{{ $metrics->money($kuickpayTotal, 'PKR') }}</div>
        <div class="kpi-sub">Fee {{ $metrics->money($kuickpayFeeTotal, 'PKR') }} · Net {{ $metrics->money(max(0, $kuickpayTotal - $kuickpayFeeTotal), 'PKR') }}</div>
    </div>
    <div class="card kpi-card" style="background:var(--pink-soft);border-color:#fbcfe8">
        <div class="kpi-icon ico-bg-pink"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 12V7a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-1"/><path d="M16 12h5v3h-5a1.5 1.5 0 0 1 0-3z"/></svg></div>
        <div class="kpi-label">Store Credit Added By KuickPay</div>
        <div class="kpi-value" style="color:#be185d">{{ $metrics->money($storeCreditTotal, 'PKR') }}</div>
        <div class="kpi-sub">Filtered rows · Today {{ $metrics->money($storeCreditToday, 'PKR') }}</div>
    </div>
    <div class="card kpi-card" style="background:#eff6ff;border-color:#bfdbfe">
        <div class="kpi-icon ico-bg-blue"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 5v14"/><path d="M5 12h14"/></svg></div>
        <div class="kpi-label">Manual / Refund Store Credit</div>
        <div class="kpi-value" style="color:#1d4ed8">{{ $metrics->money($manualStoreCreditTotal, 'PKR') }}</div>
        <div class="kpi-sub">Excluded from KuickPay verification · Today {{ $metrics->money($manualStoreCreditToday, 'PKR') }}</div>
    </div>
    <div class="card kpi-card" style="background:{{ abs($verificationGap) < 0.01 ? 'var(--green-soft)' : '#fff7ed' }};border-color:{{ abs($verificationGap) < 0.01 ? '#a7f3d0' : '#fdba74' }}">
        <div class="kpi-icon {{ abs($verificationGap) < 0.01 ? 'ico-bg-green' : 'ico-bg-amber' }}"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 20V10"/><path d="M18 20V4"/><path d="M6 20v-6"/></svg></div>
        <div class="kpi-label">Verification Gap</div>
        <div class="kpi-value" style="color:{{ abs($verificationGap) < 0.01 ? '#059669' : '#c2410c' }}">{{ $metrics->money($verificationGap, 'PKR') }}</div>
        <div class="kpi-sub">KuickPay gross minus KuickPay-added store credit only</div>
    </div>
    <div class="card kpi-card">
        <div class="kpi-icon ico-bg-indigo"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 7h16M4 12h16M4 17h16"/></svg></div>
        <div class="kpi-label">Store Credit Source</div>
        <div class="kpi-value">{{ $storeCreditSource ?: 'Not found' }}</div>
        <div class="kpi-sub">Filtered 1-Link add rows only</div>
    </div>
</section>

<section class="card mb-6">
    <div class="section-head">
        <h2>KuickPay Provider Summary</h2>
        <span class="pill">HBL · Faysal · FlyFreedom</span>
    </div>
    <table>
        <thead>
            <tr>
                <th>Account</th>
                <th>Prefix</th>
                <th class="right">Filtered Gross</th>
                <th class="right">Filtered Fee</th>
                <th class="right">Filtered Net</th>
            </tr>
        </thead>
        <tbody>
            @foreach($providerCards as $card)
                <tr class="row-hover">
                    <td style="font-weight:700">{{ $card['label'] }}</td>
                    <td><code>{{ $card['prefix'] }}</code></td>
                    <td class="right">{{ $metrics->money($card['filtered_gross'], 'PKR') }}</td>
                    <td class="right">{{ $metrics->money($card['filtered_fee'], 'PKR') }}</td>
                    <td class="right">{{ $metrics->money($card['filtered_net'], 'PKR') }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>
</section>

<section class="card mb-6">
    <div class="section-head">
        <h2>KuickPay Paid Rows</h2>
        <span class="pill">Link1Voucher</span>
    </div>
    <table>
        <thead>
            <tr>
                <th>#</th>
                <th>Voucher</th>
                <th>Candidate</th>
                <th>Agent</th>
                <th class="right">Amount</th>
                <th class="right">Fee</th>
                <th>Date</th>
            </tr>
        </thead>
        <tbody>
            @forelse($kuickpayRows as $i => $row)
                @php
                    $offset = $isKuickpayPaginated ? (($kuickpayRows->currentPage() - 1) * $kuickpayRows->perPage()) : 0;
                    $rowNum = $offset + $i + 1;
                    $amount = (float) ($row->TransactionAmount ?? 0);
                    $fee = $metrics->kuickpayFee($amount);
                @endphp
                <tr class="row-hover">
                    <td style="color:var(--muted);font-size:12px">{{ $rowNum }}</td>
                    <td><code style="font-size:12px">{{ $row->Voucher ?? '-' }}</code></td>
                    <td>{{ $row->CandName ?? '-' }}</td>
                    <td style="color:var(--muted);font-size:12px">#{{ $row->agent_id ?? '-' }}</td>
                    <td class="right" style="font-weight:700;color:#10b981">{{ $metrics->money($amount, 'PKR') }}</td>
                    <td class="right" style="font-weight:700;color:#b45309">{{ $metrics->money($fee, 'PKR') }}</td>
                    <td style="font-size:12px">{{ $row->TransactionDate ?? '-' }}</td>
                </tr>
            @empty
                <tr>
                    <td colspan="7" class="muted" style="text-align:center;padding:2rem 1rem">No KuickPay rows found for the selected filters.</td>
                </tr>
            @endforelse
        </tbody>
    </table>
    @if($isKuickpayPaginated && $kuickpayRows->hasPages())
        <div class="card-pad" style="padding-top:0">{{ $kuickpayRows->appends(array_merge(request()->query(), ['section' => 'kuickpay']))->links() }}</div>
    @endif
</section>

<section class="card mb-6">
    <div class="section-head">
        <h2>Store Credit Added From KuickPay</h2>
        <span class="pill">1-Link add rows</span>
    </div>
    <table>
        <thead>
            <tr>
                <th>#</th>
                <th>Reference</th>
                <th>Agent</th>
                <th>Order</th>
                <th>Note</th>
                <th class="right">Amount</th>
                <th>Date</th>
            </tr>
        </thead>
        <tbody>
            @forelse($storeCreditRows as $i => $row)
                @php
                    $offset = $isStoreCreditPaginated ? (($storeCreditRows->currentPage() - 1) * $storeCreditRows->perPage()) : 0;
                    $rowNum = $offset + $i + 1;
                    $date = $row->created_at ?? $row->updated_at ?? '-';
                @endphp
                <tr class="row-hover">
                    <td style="color:var(--muted);font-size:12px">{{ $rowNum }}</td>
                    <td><code style="font-size:11px">{{ \Illuminate\Support\Str::limit($row->TransactionId ?? '-', 24) }}</code></td>
                    <td style="color:var(--muted);font-size:12px">#{{ $row->agent_id ?? '-' }}</td>
                    <td style="color:var(--muted);font-size:12px">{{ $row->order_id ?? '-' }}</td>
                    <td>{{ $row->note ?? '-' }}</td>
                    <td class="right" style="font-weight:700;color:#be185d">{{ $metrics->money((float) ($row->amount ?? 0), 'PKR') }}</td>
                    <td style="font-size:12px">{{ $date }}</td>
                </tr>
            @empty
                <tr>
                    <td colspan="7" class="muted" style="text-align:center;padding:2rem 1rem">No KuickPay-added store credit rows found for the selected filters.</td>
                </tr>
            @endforelse
        </tbody>
    </table>
    @if($isStoreCreditPaginated && $storeCreditRows->hasPages())
        <div class="card-pad" style="padding-top:0">{{ $storeCreditRows->appends(request()->query())->links() }}</div>
    @endif
</section>

<section class="card mb-6">
    <div class="section-head">
        <h2>Manual / Refund Store Credit Added</h2>
        <span class="pill">Non-KuickPay add rows</span>
    </div>
    <div class="card-pad" style="padding-top:0;color:var(--muted);font-size:12px">
        These rows are shown separately so manual credits and refund credits do not affect the KuickPay verification gap.
    </div>
    <table>
        <thead>
            <tr>
                <th>#</th>
                <th>Reference</th>
                <th>Agent</th>
                <th>Order</th>
                <th>Note</th>
                <th class="right">Amount</th>
                <th>Date</th>
            </tr>
        </thead>
        <tbody>
            @forelse($manualStoreCreditRows as $i => $row)
                @php
                    $offset = $isManualStoreCreditPaginated ? (($manualStoreCreditRows->currentPage() - 1) * $manualStoreCreditRows->perPage()) : 0;
                    $rowNum = $offset + $i + 1;
                    $date = $row->created_at ?? $row->updated_at ?? '-';
                @endphp
                <tr class="row-hover">
                    <td style="color:var(--muted);font-size:12px">{{ $rowNum }}</td>
                    <td><code style="font-size:11px">{{ \Illuminate\Support\Str::limit($row->TransactionId ?? '-', 24) }}</code></td>
                    <td style="color:var(--muted);font-size:12px">#{{ $row->agent_id ?? '-' }}</td>
                    <td style="color:var(--muted);font-size:12px">{{ $row->order_id ?? '-' }}</td>
                    <td>{{ $row->note ?? '-' }}</td>
                    <td class="right" style="font-weight:700;color:#1d4ed8">{{ $metrics->money((float) ($row->amount ?? 0), 'PKR') }}</td>
                    <td style="font-size:12px">{{ $date }}</td>
                </tr>
            @empty
                <tr>
                    <td colspan="7" class="muted" style="text-align:center;padding:2rem 1rem">No manual or refund store credit rows found for the selected filters.</td>
                </tr>
            @endforelse
        </tbody>
    </table>
    @if($isManualStoreCreditPaginated && $manualStoreCreditRows->hasPages())
        <div class="card-pad" style="padding-top:0">{{ $manualStoreCreditRows->appends(request()->query())->links() }}</div>
    @endif
</section>
@endsection