@extends('layouts.dashboard')

@section('content')
@php
/**
 * Vendor CRM → Customers: everyone who has ordered from this restaurant, as a
 * searchable, segmented, sortable, paginated list. Each name links to that customer's
 * per-restaurant detail page. Built from the shared list components
 * (.qm-kpi-grid / .qm-order-filters / .qm-table / .qm-tbl-id / pagination) — no bespoke markup.
 *
 * Column order carries a judgement, so it is deliberate: how often someone orders and
 * what they spend decide who matters to the business, and how long they have been quiet
 * decides who needs attention. Ratings are the last column because a five-star review
 * from a one-time visitor should never outrank a regular who has never written one.
 *
 * @var array  $customers  the current page of customer rows
 * @var string $q          active search term
 * @var string $sort       active sort key (whitelisted in the controller)
 * @var string $segment    active segment filter (blank = everyone)
 * @var array  $counts     per-segment customer counts + total spend
 * @var float|null $repeatRate  share of customers who have ordered more than once
 * @var int    $total      total customers matching the search + segment
 * @var array  $pagination paginate() metadata
 * @var array|null $restaurant
 */
$loyLabel = (string) ($restaurant['loyalty_points_label'] ?? 'points');
$sortOpts = [
    'spend'  => t_raw('vendor.customers.sort_spend'),
    'orders' => t_raw('vendor.customers.sort_orders'),
    'recent' => t_raw('vendor.customers.sort_recent'),
    'lapsed' => t_raw('vendor.customers.sort_lapsed'),
    'name'   => t_raw('vendor.customers.sort_name'),
];
$counts  = $counts ?? ['all' => 0, 'new' => 0, 'active' => 0, 'at_risk' => 0, 'repeat' => 0, 'spend' => 0.0];
$segment = $segment ?? '';
$segOpts = [
    ''        => t_raw('vendor.customers.seg_all', [':n' => number_format((int) $counts['all'])]),
    'active'  => t_raw('vendor.customers.seg_active', [':n' => number_format((int) $counts['active'])]),
    'at_risk' => t_raw('vendor.customers.seg_at_risk', [':n' => number_format((int) $counts['at_risk'])]),
    'new'     => t_raw('vendor.customers.seg_new', [':n' => number_format((int) $counts['new'])]),
];
$repeatRate = $repeatRate ?? null;
$hasFilters = $q !== '' || $segment !== '';
// A manager runs the relationships, not the takings — same boundary as Kiosks and Orders.
$showMoney  = $showMoney ?? true;
// Carry the active search / segment / sort onto the export link.
$qs = http_build_query(array_filter([
    'segment' => $segment,
    'sort'    => $sort,
    'q'       => $q,
], static fn ($v) => (string) $v !== ''));
@endphp
@php /* .qm-d2: the dashboard density standard (app.css §35) */
@endphp
<div class="qm-d2">
@php /* The four numbers that decide where the marketing effort goes: how many people
   this restaurant has, how many come back, how many have gone quiet, and what the
   relationship is worth. */
@endphp
<div class="qm-kpi-grid">
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'blue', 'icon' => 'fa-users', 'label' => t_raw('nav.customers'),
        'value' => number_format((int) $counts['all']),
        'meta' => '<span class="qm-kpi-cap">' . t('vendor.customers.kpi_meta_all') . '</span>'])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'green', 'icon' => 'fa-redo', 'label' => t_raw('vendor.customers.kpi_repeat_rate'),
        'value' => $repeatRate !== null ? number_format($repeatRate, 1) . '%' : "—",
        'meta' => '<span class="qm-kpi-cap">' . t('vendor.customers.kpi_meta_repeat', [':n' => number_format((int) $counts['repeat'])]) . '</span>'])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'amber', 'icon' => 'fa-user-clock', 'label' => t_raw('vendor.customers.kpi_at_risk'),
        'value' => number_format((int) $counts['at_risk']),
        'href' => route('vendor.customers', ['segment' => 'at_risk']), 'linkLabel' => t_raw('vendor.customers.kpi_link_review'),
        'meta' => '<span class="qm-kpi-cap">' . t('vendor.customers.kpi_meta_at_risk') . '</span>'])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'teal', 'icon' => 'fa-user-plus', 'label' => t_raw('vendor.customers.kpi_new'),
        'value' => number_format((int) $counts['new']),
        'href' => route('vendor.customers', ['segment' => 'new']), 'linkLabel' => t_raw('vendor.customers.kpi_link_review'),
        'meta' => '<span class="qm-kpi-cap">' . t('vendor.customers.kpi_meta_new') . '</span>'])
    @if ($showMoney)
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'violet', 'icon' => 'fa-coins', 'label' => t_raw('vendor.customers.kpi_lifetime_spend'),
        'value' => money($counts['spend']),
        'meta' => '<span class="qm-kpi-cap">' . t('vendor.customers.kpi_meta_spend') . '</span>'])
    @endif
</div>

<div class="qm-card">
    <div class="qm-ops-head">
        <div class="d-flex align-items-center gap-2">
            <h2 class="mb-0">{{ t_raw('vendor.customers.list_heading') }}</h2>
            @if ($total > 0)<span class="qm-pill qm-pill-grey">{{ t_raw('vendor.customers.total_pill', [':count' => number_format($total)]) }}</span>@endif
        </div>
        <a class="qm-btn qm-btn-outline" href="{{ url('/vendor/customers/export' . ($qs !== '' ? '?' . $qs : '')) }}"><i class="fas fa-file-csv me-2" aria-hidden="true"></i>{{ t_raw('common.export_csv') }}</a>
    </div>
    <form method="get" action="{{ route('vendor.customers') }}" class="qm-order-filters">
        @partial('filter-collapse')
        <div class="qm-of-field">
            <label class="qm-of-label" for="vc-segment">{{ t_raw('vendor.customers.segment_label') }}</label>
            <select name="segment" id="vc-segment" class="form-select">
                @foreach ($segOpts as $val => $lbl)
                <option value="{{ (string) $val }}"{{ $segment === (string) $val ? ' selected' : '' }}>{{ $lbl }}</option>
                @endforeach
            </select>
        </div>
        <div class="qm-of-field">
            <label class="qm-of-label" for="vc-sort">{{ t_raw('common.sort') }}</label>
            <select name="sort" id="vc-sort" class="form-select">
                @foreach ($sortOpts as $val => $lbl)
                <option value="{{ $val }}"{{ $sort === $val ? ' selected' : '' }}>{{ $lbl }}</option>
                @endforeach
            </select>
        </div>
        <div class="qm-of-field qm-of-grow">
            <label class="qm-of-label" for="vc-q">{{ t_raw('common.search') }}</label>
            <input type="search" name="q" id="vc-q" class="form-control" placeholder="{{ t_raw('vendor.customers.search_placeholder') }}" value="{{ $q }}">
        </div>
        <div class="qm-of-actions">
            <a href="{{ route('vendor.customers') }}" class="qm-filter-reset{{ ($hasFilters) ? ' is-active' : '' }}">{{ t_raw('common.reset') }}</a>
        </div>
    </form>
    <div class="table-responsive">
    <table class="qm-table" data-sortable>
        <caption class="visually-hidden">{{ t_raw('vendor.customers.caption') }}</caption>
        <thead><tr>
            <th data-sort="text">{{ t_raw('common.customer') }}</th>
            <th data-sort="number">{{ t_raw('common.orders') }}</th>
            @if ($showMoney)<th data-sort="number">{{ t_raw('admin.analytics_customers.col_spend') }}</th>@endif
            @if ($showMoney)<th data-sort="number">{{ t_raw('vendor.customers.col_balance') }}</th>@endif
            <th data-sort="number">{{ t_raw('vendor.customers.col_recency') }}</th>
            <th data-sort="number">{{ t_raw('vendor.analytics.col_loyalty_balance') }}</th>
            <th data-sort="number" class="text-end">{{ t_raw('vendor.customers.col_reviews') }}</th>
        </tr></thead>
        <tbody>
            @if ($customers)
            @foreach ($customers as $c)
@php $cid = (int) $c['id'];
                $rc  = (int) $c['reviews_c'];
                $oc  = (int) $c['orders_c'];
                $days = $c['days_since'] !== null ? (int) $c['days_since'] : null;
                $span = (int) ($c['span_days'] ?? 0);
                // Mirrors the controller's SQL definition exactly — one rule, applied in
                // the place that filters and in the place that labels.
                $isNew    = $oc === 1;
                $isAtRisk = !$isNew && $days !== null && $days > max(21, (2 * $span) / max(1, $oc - 1)); @endphp
            <tr>
                <td>
                    <div class="qm-tbl-id">
                        {!! brandmark_html($c['avatar'] ?? null, (string) $c['name'], 'md', 'qm-brandmark--round') !!}
                        <div class="qm-tbl-id-text">
                            <a class="qm-tbl-link" href="{{ url('/vendor/customers/' . $cid) }}"><strong>{{ $c['name'] }}</strong></a>
                            @if (!empty($c['email']))<small>{{ $c['email'] }}</small>@endif
                            @if (!empty($c['phone']))<small>{{ $c['phone'] }}</small>@endif
                            @if (empty($c['email']) && empty($c['phone']))<small>{!! or_dash(null) !!}</small>@endif
                            @if ($isAtRisk)
                            <small><span class="qm-pill qm-pill-amber"><i class="fas fa-user-clock" aria-hidden="true"></i> {{ t_raw('vendor.customers.pill_at_risk') }}</span></small>
                            @elseif ($isNew)
                            <small><span class="qm-pill qm-pill-blue">{{ t_raw('vendor.customers.pill_new') }}</span></small>
                            @endif
                        </div>
                    </div>
                </td>
                <td>{{ number_format($oc) }}</td>
                @if ($showMoney)<td><strong>{{ money($c['spend']) }}</strong></td>@endif
                @if ($showMoney)
@php $wn = $c['wallet_net'] !== null ? (float) $c['wallet_net'] : 0.0; @endphp
                <td data-sort-value="{{ (string) $wn }}">
                    @if ($wn > 0.005)<span class="qm-pill qm-pill-green">{{ money($wn) }}</span>
                    @elseif ($wn < -0.005)<span class="qm-pill qm-pill-red">{{ money(abs($wn)) }}</span>
                    @else{!! dash() !!}@endif
                </td>
                @endif
                @php /* Recency is the number an operator acts on, so it leads the cell and
                   the calendar date follows it as the supporting detail. */
@endphp
                <td data-sort-value="{{ $days !== null ? $days : -1 }}">
                    @if ($days === null){!! dash() !!}
                    @else
                    <strong>{!! $days === 0 ? t('vendor.customers.recency_today') : t('vendor.customers.recency_days_ago', [':n' => number_format($days)]) !!}</strong>
                    <div class="qm-cell-body">{!! fmt_day($c['last_order']) !!}</div>
                    @endif
                </td>
                <td class="qm-cell-body">{!! $c['points'] !== null ? number_format((int) $c['points']) . ' ' . e($loyLabel) : dash() !!}</td>
                <td class="text-end" data-sort-value="{!! $rc > 0 ? e((string) $c['review_avg']) : '-1' !!}">
                    @if ($rc > 0)
                    <span class="qm-review-stars" role="img" aria-label="{{ number_format((float) $c['review_avg'], 1) }} {{ t_raw('vendor.customers.aria_avg_of', [':n' => $rc]) }}">{!! rating_stars_html((float) $c['review_avg']) !!}</span>
                    <small class="qm-hint qm-nowrap">{{ t_raw('vendor.customers.review_count', [':count' => $rc]) }}</small>
                    @else
                    <span class="qm-hint">{{ t_raw('vendor.customers.no_review') }}</span>
                    @endif
                </td>
            </tr>
            @endforeach
            @else
            @partial('table-empty', ['colspan' => $showMoney ? 7 : 5, 'icon' => 'fa-users', 'msg' => $hasFilters ? t_raw('vendor.customers.empty_search') : t_raw('vendor.customers.empty')])
            @endif
        </tbody>
    </table>
    </div>
    @partial('table-toolbar', ['pager' => $pagination, 'base' => '/vendor/customers'])
</div>

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