@extends('layouts.finance')

@php
    $providerKey = $providerKey ?? '';
    $provider = $provider ?? null;
    $providers = $providers ?? \App\Support\FinanceSuiteMetrics::KUICKPAY_PROVIDERS;
    $providerLabel = $provider['label'] ?? 'All KuickPay';
    $providerPrefix = $provider['prefix'] ?? null;
@endphp

@section('title', $providerLabel.' Credits')
@section('subtitle', 'Paid Link1Voucher transactions'.($providerPrefix ? ' for voucher prefix '.$providerPrefix : '').' from the Examism v3 database')

@section('content')
@php
    $filters = $filters ?? ['mode' => 'month', 'month' => now()->format('Y-m'), 'from' => now()->startOfMonth()->toDateString(), 'to' => now()->endOfMonth()->toDateString(), 'q' => '', 'provider' => $providerKey];
    $rows  = $rows ?? collect();
    $total = (float) ($total ?? 0);
    $feeTotal = (float) ($feeTotal ?? 0);
    $todayTotal = (float) ($todayTotal ?? 0);
    $todayFee   = (float) ($todayFee   ?? 0);
    $todayNet   = (float) ($todayNet   ?? max(0.0, $todayTotal - $todayFee));
    $slabs = $slabs ?? \App\Support\FinanceSuiteMetrics::KUICKPAY_FEE_SLABS;
    $isPaginated = $rows instanceof \Illuminate\Contracts\Pagination\LengthAwarePaginator;
@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' : 'Monthly' }}{{ $providerPrefix ? ' · '.$providerPrefix : '' }}</span>
    </div>
    <div class="card-pad">
        <form method="GET" action="{{ route('dashboard.cards.kuickpay') }}" class="grid gap-3" style="grid-template-columns:0.8fr 1.25fr 1fr 1fr 1fr 1.5fr 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 Card</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['prefix'] }})
                        </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 ID…">
            </div>
            <button class="btn btn-primary" type="submit">Apply</button>
            <a href="{{ route('dashboard.cards.kuickpay', $providerKey ? ['provider' => $providerKey] : []) }}" 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: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"/><line x1="12" y1="12" x2="12" y2="16"/><line x1="10" y1="14" x2="14" y2="14"/></svg>
        </div>
        <div class="kpi-label">Total Credits (Filtered)</div>
        <div class="kpi-value" style="color:#065f46">{{ $metrics->money(max(0, $total - $feeTotal), 'PKR') }}</div>
        <div class="kpi-sub">Before fee: {{ $metrics->money($total, 'PKR') }}</div>
        <div class="kpi-sub">
            {{ \Illuminate\Support\Carbon::parse($filters['from'])->format('M d, Y') }}
            &ndash;
            {{ \Illuminate\Support\Carbon::parse($filters['to'])->format('M d, Y') }}
        </div>
    </div>
    <div class="card kpi-card" style="background:#fffbeb;border-color:#fde68a">
        <div class="kpi-icon ico-bg-amber">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
        </div>
        <div class="kpi-label">Total Fee (Filtered)</div>
        <div class="kpi-value" style="color:#b45309">{{ $metrics->money($feeTotal, 'PKR') }}</div>
        <div class="kpi-sub">Net after fee: {{ $metrics->money(max(0, $total - $feeTotal), 'PKR') }}</div>
    </div>
    {{-- Today KPI: credits --}}
    <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="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
        </div>
        <div class="kpi-label">Today Credits</div>
        <div class="kpi-value" style="color:#065f46">{{ $metrics->money($todayTotal, 'PKR') }}</div>
        <div class="kpi-sub">{{ now()->format('M d, Y') }}</div>
    </div>
    {{-- Today KPI: fee --}}
    <div class="card kpi-card" style="background:#fffbeb;border-color:#fde68a">
        <div class="kpi-icon ico-bg-amber">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
        </div>
        <div class="kpi-label">Today Fee</div>
        <div class="kpi-value" style="color:#b45309">{{ $metrics->money($todayFee, 'PKR') }}</div>
        <div class="kpi-sub">Net after fee: {{ $metrics->money($todayNet, 'PKR') }}</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="M3 3h18v18H3z"/><path d="M7 7h10M7 12h10M7 17h6"/></svg>
        </div>
        <div class="kpi-label">Rows (This Page)</div>
        <div class="kpi-value">{{ $isPaginated ? number_format($rows->count()) : number_format(count($rows)) }}</div>
        <div class="kpi-sub">Status = Paid</div>
    </div>
    @if($isPaginated)
    <div class="card kpi-card">
        <div class="kpi-icon ico-bg-purple">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
        </div>
        <div class="kpi-label">Total Rows</div>
        <div class="kpi-value">{{ number_format($rows->total()) }}</div>
        <div class="kpi-sub">Across all pages</div>
    </div>
    @endif
</section>

{{-- FEE STRUCTURE REFERENCE --}}
<section class="card mb-6">
    <div class="section-head">
        <h2>Fee Structure</h2>
        <span class="pill">Per single transaction</span>
    </div>
    <table>
        <thead>
            <tr>
                <th>Transaction Amount</th>
                <th class="right">Fee (PKR)</th>
            </tr>
        </thead>
        <tbody>
            @foreach($slabs as $slab)
                <tr class="row-hover">
                    <td>{{ $slab['label'] }}</td>
                    <td class="right" style="font-weight:700">{{ number_format($slab['fee']) }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>
</section>

{{-- TRANSACTIONS TABLE --}}
<section class="card mb-6">
    <div class="section-head">
        <h2>{{ $providerLabel }} Transactions</h2>
        <span class="pill">Link1Voucher &middot; Status = Paid{{ $providerPrefix ? ' · Prefix '.$providerPrefix : '' }}</span>
    </div>
    <table>
        <thead>
            <tr>
                <th>#</th>
                <th>Voucher</th>
                <th>Candidate</th>
                <th>Agent ID</th>
                <th class="right">Amount (PKR)</th>
                <th class="right">Fee (PKR)</th>
                <th>Transaction Date</th>
                <th>Status</th>
            </tr>
        </thead>
        <tbody>
            @forelse($rows as $i => $row)
                @php
                    $offset = $isPaginated ? (($rows->currentPage() - 1) * $rows->perPage()) : 0;
                    $rowNum = $offset + $i + 1;
                    $voucher      = $row->Voucher ?? '-';
                    $candName     = $row->CandName ?? '-';
                    $agentId      = $row->agent_id ?? '-';
                    $amount       = (float) ($row->TransactionAmount ?? 0);
                    $fee          = $metrics->kuickpayFee($amount);
                    $txDate       = $row->TransactionDate ?? '-';
                    $status       = $row->Status ?? '-';
                @endphp
                <tr class="row-hover">
                    <td style="color:var(--muted);font-size:12px">{{ $rowNum }}</td>
                    <td><code style="font-size:12px">{{ $voucher }}</code></td>
                    <td>{{ $candName }}</td>
                    <td style="color:var(--muted);font-size:12px">#{{ $agentId }}</td>
                    <td class="right" style="color:#10b981;font-weight:700">{{ $metrics->money($amount, 'PKR') }}</td>
                    <td class="right" style="color:#b45309;font-weight:700">{{ $metrics->money($fee, 'PKR') }}</td>
                    <td style="font-size:12px">{{ $txDate }}</td>
                    <td>
                        <span class="pill" style="background:#d1fae5;color:#065f46">{{ $status }}</span>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="8" class="muted" style="text-align:center;padding:2rem 1rem">
                        No KuickPay transactions found for the selected filters.
                    </td>
                </tr>
            @endforelse
        </tbody>
    </table>

    @if($isPaginated && $rows->hasPages())
        <div class="card-pad" style="padding-top:0">
            {{ $rows->appends(request()->query())->links() }}
        </div>
    @endif
</section>

@endsection