@extends('layouts.finance')

@section('title', ($report['agent_summary']->agent_name ?? 'Agent').' Points')
@section('subtitle', 'Agent point activity from Examism vouchers')

@section('content')
@php
    $filters = $report['filters'];
    $rows = $report['rows'];
    $selectedProduct = $report['selected_product'];
    $summary = $report['item_summary'];
    $agent = $report['agent_summary'];
    $pointLabel = ($report['type'] ?? '') === 'redeemed' ? 'Redeemed Points' : 'Points';
    $pointTotal = (float) ($agent->points ?? 0);
    $formattedPointTotal = $pointTotal == floor($pointTotal)
        ? number_format($pointTotal)
        : rtrim(rtrim(number_format($pointTotal, 4, '.', ','), '0'), '.');
    $backParams = [
        'type' => $report['type'],
        'mode' => $filters['mode'],
        'month' => $filters['month'],
        'year' => $filters['year'],
        'from' => $filters['from'],
        'to' => $filters['to'],
    ];
@endphp

<div class="flex items-center justify-between mb-4">
    <a href="{{ route('dashboard.cards.agent-points.item', array_merge(['item' => $filters['product_id']], $backParams)) }}" class="btn">
        <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 Agents
    </a>
</div>

<section class="card mb-4">
    <div class="section-head">
        <div>
            <h2>{{ $agent->agent_name ?? 'Agent' }} Details</h2>
            <div class="muted text-xs">{{ $selectedProduct->product_name ?? 'Item' }} &middot; {{ $filters['from'] }} to {{ $filters['to'] }}</div>
        </div>
        <span class="pill pill-blue">{{ $formattedPointTotal }} {{ strtolower($pointLabel) }}</span>
    </div>
    <div class="p-4">
        <form method="GET" action="{{ route('dashboard.cards.agent-points.item.agent', ['item' => $filters['product_id'], 'agent' => $agent->agent_id ?? 0]) }}" class="grid gap-3" style="grid-template-columns:1.1fr 0.9fr 1fr 1fr 1fr auto;align-items:end">
            <input type="hidden" name="type" value="{{ $report['type'] }}">
            <div>
                <label class="label">View</label>
                <select name="mode" class="field">
                    <option value="quarter" @selected($filters['mode'] === 'quarter')>Quarter</option>
                    <option value="month" @selected($filters['mode'] === 'month')>Month</option>
                    <option value="year" @selected($filters['mode'] === 'year')>Year</option>
                    <option value="date" @selected($filters['mode'] === 'date')>Date Range</option>
                </select>
            </div>
            <div>
                <label class="label">Month</label>
                <input type="month" name="month" value="{{ $filters['month'] }}" class="field">
            </div>
            <div>
                <label class="label">Year</label>
                <input type="number" name="year" value="{{ $filters['year'] }}" class="field" min="2020" max="2100">
            </div>
            <div>
                <label class="label">From</label>
                <input type="date" name="from" value="{{ $filters['from'] }}" class="field">
            </div>
            <div>
                <label class="label">To</label>
                <input type="date" name="to" value="{{ $filters['to'] }}" class="field">
            </div>
            <button type="submit" class="btn btn-primary">Filter</button>
        </form>
    </div>
</section>

<section class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-3 mb-4">
    <div class="card kpi-card">
        <div class="kpi-label">Total {{ $pointLabel }}</div>
        <div class="kpi-value">{{ $formattedPointTotal }}</div>
        <div class="muted text-xs">{{ $filters['from'] }} to {{ $filters['to'] }}</div>
    </div>
    <div class="card kpi-card">
        <div class="kpi-label">Business Name</div>
        <div class="kpi-value" style="font-size:18px">{{ $agent->agent_business_name ?: '-' }}</div>
    </div>
    <div class="card kpi-card">
        <div class="kpi-label">Vouchers</div>
        <div class="kpi-value">{{ number_format($agent->vouchers ?? 0) }}</div>
    </div>
    <div class="card kpi-card">
        <div class="kpi-label">Orders</div>
        <div class="kpi-value">{{ number_format($agent->orders_count ?? 0) }}</div>
    </div>
</section>

<section class="card">
    <div class="section-head">
        <h2>Details</h2>
        <span class="muted text-xs">{{ $rows->total() }} rows</span>
    </div>
    <table>
        <thead>
            <tr>
                <th>Date</th>
                <th>Agent ID</th>
                <th>Business Name</th>
                <th>Agent</th>
                <th>Email</th>
                <th>Product</th>
                <th>Order</th>
                <th>Vouchers</th>
                <th>Type</th>
                <th class="right">{{ ($report['type'] ?? '') === 'redeemed' ? 'Redeemed Points' : 'Points' }}</th>
            </tr>
        </thead>
        <tbody>
            @forelse($rows as $row)
                <tr class="row-hover">
                    <td>{{ $row->activity_date }}</td>
                    <td>{{ $row->agent_id ?: '-' }}</td>
                    <td>{{ $row->agent_business_name ?: '-' }}</td>
                    <td>{{ $row->agent_name }}</td>
                    <td class="muted text-xs">{{ $row->agent_email ?: '-' }}</td>
                    <td>{{ $row->product_name }}</td>
                    <td>{{ $row->order_id ? '#'.$row->order_id : '-' }}</td>
                    <td>{{ number_format($row->order_vouchers ?? 0) }}</td>
                    <td><span class="pill">{{ $row->point_type }}</span></td>
                    @php
                        $redeemed = (float) ($row->redeemed_points ?? 0);
                        $exact = fn ($v) => $v == floor($v) ? number_format($v) : rtrim(rtrim(number_format($v, 4, '.', ','), '0'), '.');
                    @endphp
                    <td class="right font-semibold">{{ $exact($redeemed) }}</td>
                </tr>
            @empty
                <tr>
                    <td colspan="10" class="text-center muted" style="padding:24px">No point activity found for this filter.</td>
                </tr>
            @endforelse
        </tbody>
    </table>
    @if($rows->hasPages())
        <div class="p-4 flex items-center justify-between gap-3" style="border-top:1px solid var(--border-2);flex-wrap:wrap">
            <div class="muted text-xs">
                Showing {{ number_format($rows->firstItem()) }} to {{ number_format($rows->lastItem()) }} of {{ number_format($rows->total()) }} results
            </div>
            <div class="flex items-center gap-1" style="flex-wrap:wrap">
                @if($rows->onFirstPage())
                    <span class="btn btn-sm" style="opacity:.45;pointer-events:none">Previous</span>
                @else
                    <a href="{{ $rows->previousPageUrl() }}" class="btn btn-sm">Previous</a>
                @endif

                @foreach($rows->getUrlRange(max(1, $rows->currentPage() - 2), min($rows->lastPage(), $rows->currentPage() + 2)) as $page => $url)
                    @if($page === $rows->currentPage())
                        <span class="btn btn-sm btn-primary">{{ $page }}</span>
                    @else
                        <a href="{{ $url }}" class="btn btn-sm">{{ $page }}</a>
                    @endif
                @endforeach

                @if($rows->hasMorePages())
                    <a href="{{ $rows->nextPageUrl() }}" class="btn btn-sm">Next</a>
                @else
                    <span class="btn btn-sm" style="opacity:.45;pointer-events:none">Next</span>
                @endif
            </div>
        </div>
    @endif
</section>
@endsection