@extends('layouts.dashboard')

@section('content')
@php
/** @var array $kpis @var array $rows @var bool $enabled @var string $defaultRate @var array $kpiSparks */
$kpiSparks = $kpiSparks ?? [];
@endphp
@php /* .qm-d2: the dashboard density standard (app.css §35) */
@endphp
<div class="qm-d2">
<div class="qm-kpi-grid">
    @partial('kpi-card', ['variant'=>'panel', 'accent'=>'rose', 'icon'=>'fa-gift', 'label'=>t_raw('admin.loyalty.kpi_outstanding'), 'value'=>number_format((float) $kpis['totalOutstanding']), 'spark'=>$kpiSparks['totalOutstanding'] ?? [],
        'meta'=>'<span class="qm-kpi-cap">' . t('admin.loyalty.kpi_outstanding_meta') . '</span>'])
    @partial('kpi-card', ['variant'=>'panel', 'accent'=>'blue', 'icon'=>'fa-plus-circle', 'label'=>t_raw('admin.loyalty.kpi_issued'), 'value'=>number_format((float) $kpis['issued']), 'spark'=>$kpiSparks['issued'] ?? [],
        'meta'=>'<span class="qm-kpi-cap">' . t('admin.loyalty.kpi_issued_meta') . '</span>'])
    @partial('kpi-card', ['variant'=>'panel', 'accent'=>'violet', 'icon'=>'fa-minus-circle', 'label'=>t_raw('admin.loyalty.kpi_redeemed'), 'value'=>number_format((float) $kpis['netRedeemed']), 'spark'=>$kpiSparks['redemptionRate'] ?? [],
        'meta'=>'<span class="qm-kpi-cap">' . t('admin.loyalty.kpi_redeemed_meta') . '</span>'])
    @partial('kpi-card', ['variant'=>'panel', 'accent'=>'amber', 'icon'=>'fa-bolt', 'label'=>t_raw('admin.loyalty.kpi_redemption_rate'), 'value'=>$kpis['redemptionRate'] . '%', 'spark'=>$kpiSparks['redemptionRate'] ?? [],
        'meta'=>'<span class="qm-kpi-cap">' . t('admin.loyalty.kpi_redemption_meta') . '</span>'])
    @partial('kpi-card', ['variant'=>'panel', 'accent'=>'teal', 'icon'=>'fa-store', 'label'=>t_raw('admin.loyalty.kpi_participating'), 'value'=>(int) $kpis['participating'], 'href'=>route('admin.restaurants'), 'spark'=>$kpiSparks['participating'] ?? [],
        'meta'=>'<span class="qm-kpi-cap">' . t('admin.loyalty.kpi_participating_meta') . '</span>'])
</div>

<div class="qm-card">
    <h2>{{ t_raw('admin.loyalty.participating_title') }}</h2>
    <div class="table-responsive">
    <table class="qm-table" data-sortable>
        <caption class="visually-hidden">{{ t_raw('admin.loyalty.participating_title') }}</caption>
        <thead><tr><th data-sort="text">{{ t_raw('common.restaurant') }}</th><th data-sort="number">{{ t_raw('admin.loyalty.col_earn_rate') }}</th><th data-sort="text">{{ t_raw('admin.loyalty.col_points_label') }}</th><th data-sort="number">{{ t_raw('admin.loyalty.col_members') }}</th><th data-sort="number" class="text-end">{{ t_raw('admin.loyalty.col_outstanding') }}</th></tr></thead>
        <tbody>
            @if ($rows)
            @foreach ($rows as $r)
            <tr>
                <td>
                    <div class="qm-tbl-id">
                        {!! restaurant_logo_html($r, 'md') !!}
                        <div class="qm-tbl-id-text">
                            <a class="qm-tbl-link" href="{{ url('/admin/restaurants/' . (int) $r['id']) }}"><strong>{{ $r['name'] }}</strong></a>
                        </div>
                    </div>
                </td>
                <td>{{ number_format((float) $r['loyalty_earn_rate'], 2) }} / {{ setting('currency_symbol', '$') }}1</td>
                <td>{{ $r['loyalty_points_label'] }}</td>
                <td>{{ number_format((int) $r['members']) }}</td>
                <td class="text-end">{{ number_format((float) $r['outstanding']) }}</td>
            </tr>
            @endforeach
            @else
            @partial('table-empty', ['colspan' => 5, 'icon' => 'fa-gift', 'msg' => t('admin.loyalty.empty')])
            @endif
        </tbody>
    </table>
    </div>
    @partial('table-toolbar', ['pager' => $pager, 'base' => '/admin/loyalty'])
</div>

</div>@php /* /.qm-d2 */
@endphp
@endsection