@extends('layouts.dashboard')

@section('content')
@php
use App\Models\Order;
/**
 * Vendor CRM → one customer's relationship with THIS restaurant: profile,
 * lifetime KPIs, the reviews they left here, and their recent orders. Built
 * entirely from shared dashboard components (.qm-card / kpi-card / .qm-table)
 * to match the admin user-detail page.
 *
 * @var array $cust    the aggregated customer row (scoped to this restaurant)
 * @var int   $points  loyalty balance at this restaurant
 * @var float $aov     average paid order value
 * @var array $reviews reviews this customer left for this restaurant
 * @var array $orders  their most recent orders here
 * @var array $reviewsPager @var array $ordersPager  panel_pager() metadata per table
 * @var array|null $restaurant
 */
$loyLabel = (string) ($restaurant['loyalty_points_label'] ?? 'points');
$payPill  = ['paid' => 'qm-pill-green', 'unpaid' => 'qm-pill-grey', 'refunded' => 'qm-pill-red'];
$pillClass = ['approved' => 'qm-pill-green', 'pending' => 'qm-pill-amber'];
// What this customer is worth is a takings figure, so it follows the owner boundary the
// list page and the analytics equivalent already draw.
$showMoney = $showMoney ?? true;
@endphp
@php /* .qm-d2: the dashboard density standard (app.css §35) */
@endphp
<div class="qm-d2">
<div class="qm-od-topbar">
    <a href="{{ route('vendor.customers') }}" class="qm-btn qm-btn-outline qm-btn-sm"><i class="fas fa-arrow-left me-1" aria-hidden="true"></i> {{ t_raw('vendor.customerdetail.back') }}</a>
</div>

<div class="qm-card">
    @php /* The guest's identity wears the same hero every profile page wears now:
             brand-wash band over the facts as one measured stat band. */
@endphp
    <div class="qm-billing-plan">
        <div class="qm-billing-plan-name">
            <div class="qm-tbl-id">
                {!! brandmark_html($cust['avatar'] ?? null, (string) $cust['name'], 'lg', 'qm-brandmark--round') !!}
                <div class="qm-tbl-id-text">
                    <h2 class="mb-1">{{ $cust['name'] }}</h2>
                    @if ($reviews)
                    <div><span class="qm-pill qm-pill-green"><i class="fas fa-star" aria-hidden="true"></i> {{ t_raw('vendor.customerdetail.reviewer_pill') }}</span></div>
                    @endif
                </div>
            </div>
        </div>
        <dl class="qm-billing-meta">
            <div><dt>{{ t_raw('common.email') }}</dt><dd class="text-break">{!! or_dash($cust['email'] ?? null) !!}</dd></div>
            <div><dt>{{ t_raw('common.phone') }}</dt><dd>{!! or_dash($cust['phone'] ?? null) !!}</dd></div>
            <div><dt>{{ t_raw('vendor.customerdetail.member_since') }}</dt><dd>{!! fmt_day($cust['created_at']) !!}</dd></div>
            <div><dt>{{ t_raw('vendor.customerdetail.first_order') }}</dt><dd>{!! fmt_day($cust['first_order']) !!}</dd></div>
        </dl>
    </div>
</div>

<div class="qm-kpi-grid mt-4">
    @partial('kpi-card', ['accent' => 'blue', 'icon' => 'fa-receipt', 'label' => t_raw('common.orders'), 'value' => number_format((int) $cust['orders_c'])])
    @if ($showMoney)
    @partial('kpi-card', ['accent' => 'green', 'icon' => 'fa-wallet', 'label' => t_raw('vendor.customerdetail.kpi_spent'), 'value' => money($cust['spend'])])
    @partial('kpi-card', ['accent' => 'violet', 'icon' => 'fa-chart-line', 'label' => t_raw('common.average_order'), 'value' => money($aov)])
    @endif
    @partial('kpi-card', ['accent' => 'amber', 'icon' => 'fa-gift', 'label' => t_raw('vendor.analytics.col_loyalty_balance'), 'value' => number_format($points) . ' ' . $loyLabel])
</div>

@if (!empty($showMoney))
@php $credit = (float) ($credit ?? 0); $debt = (float) ($debt ?? 0); $creditLimit = (float) ($creditLimit ?? 0); $walletHistory = $walletHistory ?? []; @endphp
<div class="qm-card">
    <h2 class="qm-card-title-ico"><span class="qm-head-chip qm-head-chip--green"><i class="fas fa-wallet" aria-hidden="true"></i></span>{{ t_raw('vendor.customerdetail.wallet_heading') }}</h2>
    <div class="qm-kpi-grid qm-kpi-grid-fill">
        @partial('kpi-card', ['accent' => 'green', 'icon' => 'fa-hand-holding-usd', 'label' => t_raw('vendor.customerdetail.wallet_credit'), 'value' => money($credit)])
        @partial('kpi-card', ['accent' => 'amber', 'icon' => 'fa-file-invoice-dollar', 'label' => t_raw('vendor.customerdetail.wallet_debt'), 'value' => money($debt)])
        @partial('kpi-card', ['accent' => 'slate', 'icon' => 'fa-tachometer-alt', 'label' => t_raw('vendor.customerdetail.wallet_limit'), 'value' => $creditLimit > 0 ? money($creditLimit) : t_raw('vendor.customerdetail.wallet_no_limit')])
    </div>
    @if (!empty($canWallet))
    <form method="post" action="{{ url('/vendor/customers/' . (int) $cust['id'] . '/wallet') }}" class="qm-form-grid mt-3">
        @csrf
        <div class="mb-0">
            <label class="form-label" for="wa-action">{{ t_raw('vendor.customerdetail.wallet_action') }}</label>
            <select class="form-select" id="wa-action" name="action">
                <option value="topup">{{ t_raw('vendor.customerdetail.wallet_topup') }}</option>
                <option value="paydown">{{ t_raw('vendor.customerdetail.wallet_paydown') }}</option>
                <option value="limit">{{ t_raw('vendor.customerdetail.wallet_set_limit') }}</option>
            </select>
        </div>
        <div class="mb-0">
            <label class="form-label" for="wa-amount">{{ t_raw('common.amount') }}</label>
            <div class="d-flex gap-2">
                <input type="number" class="form-control" id="wa-amount" name="amount" min="0" step="0.01" value="0" required>
                <button type="submit" class="qm-btn">{{ t_raw('common.save') }}</button>
            </div>
        </div>
    </form>
    @endif
    <div class="table-responsive mt-3">
    <table class="qm-table">
        <thead><tr>
            <th scope="col">{{ t_raw('common.note') }}</th>
            <th scope="col" class="text-end">{{ t_raw('common.amount') }}</th>
            <th scope="col" class="text-end">{{ t_raw('admin.reviews.col_posted') }}</th>
        </tr></thead>
        <tbody>
            @if ($walletHistory)
@foreach ($walletHistory as $wt)
@php
$amt = (float) $wt['amount'];
@endphp
            <tr>
                <td class="qm-cell-body">{!! or_dash($wt['note'] ?? null) !!}</td>
                <td class="text-end qm-nowrap">{{ $amt < 0 ? '&minus;' : '+' }}{{ money(abs($amt)) }}</td>
                <td class="qm-cell-body text-end">{!! fmt_day($wt['created_at']) !!}</td>
            </tr>
            @endforeach
@else
            @partial('table-empty', ['colspan' => 3, 'icon' => 'fa-wallet', 'msg' => t('vendor.customerdetail.wallet_no_history')])
            @endif
        </tbody>
    </table>
    </div>
</div>
@endif

<div class="qm-card">
    <h2 class="qm-card-title-ico"><span class="qm-head-chip qm-head-chip--amber"><i class="fas fa-star" aria-hidden="true"></i></span>{{ t_raw('vendor.customerdetail.reviews_heading') }}</h2>
    <div class="table-responsive">
    <table class="qm-table">
        <thead><tr><th scope="col">{{ t_raw('common.rating') }}</th><th scope="col">{{ t_raw('vendor.customerdetail.col_comment') }}</th><th scope="col">{{ t_raw('vendor.orders.col_order') }}</th><th scope="col">{{ t_raw('common.status') }}</th><th scope="col" class="text-end">{{ t_raw('admin.reviews.col_posted') }}</th></tr></thead>
        <tbody>
            @if ($reviews)
@foreach ($reviews as $rv)
            <tr>
                <td class="qm-nowrap"><span class="qm-review-stars" role="img" aria-label="{{ (int) $rv['rating'] }} {{ t_raw('vendor.customers.aria_avg_of', [':n' => 1]) }}">{!! rating_stars_html((float) (int) $rv['rating']) !!}</span></td>
                <td class="qm-cell-body">{!! or_dash($rv['comment'] ?? null) !!}</td>
                <td class="qm-cell-body">@if (!empty($rv['order_id']))<a class="qm-tbl-link" href="{{ url('/vendor/orders/' . (int) $rv['order_id']) }}"><strong>{{ (string) $rv['order_number'] }}</strong></a>@else{!! or_dash($rv['order_number'] ?? null) !!}@endif</td>
                <td><span class="qm-pill {{ $pillClass[$rv['status']] ?? 'qm-pill-grey' }}">{{ status_label('review', (string) $rv['status']) }}</span></td>
                <td class="qm-cell-body text-end">{!! fmt_day($rv['created_at']) !!}</td>
            </tr>
            @endforeach
@else
            @partial('table-empty', ['colspan' => 5, 'icon' => 'fa-star', 'msg' => t('vendor.customerdetail.no_reviews')])
            @endif
        </tbody>
    </table>
    </div>
    @partial('table-toolbar', ['pager' => $reviewsPager])
</div>

<div class="qm-card">
    <h2 class="qm-card-title-ico"><span class="qm-head-chip qm-head-chip--blue"><i class="fas fa-receipt" aria-hidden="true"></i></span>{{ t_raw('vendor.customerdetail.orders_heading') }}</h2>
    <div class="table-responsive">
    <table class="qm-table">
        <thead><tr><th scope="col">{{ t_raw('vendor.orders.col_order') }}</th><th scope="col">{{ t_raw('common.status') }}</th><th scope="col">{{ t_raw('admin.orders.col_payment') }}</th><th scope="col">{{ t_raw('common.total') }}</th><th scope="col" class="text-end">{{ t_raw('admin.orders.col_placed') }}</th></tr></thead>
        <tbody>
            @if ($orders)
@foreach ($orders as $o)
            <tr>
                <td><a class="qm-tbl-link" href="{{ url('/vendor/orders/' . (int) $o['id']) }}"><strong>{{ $o['order_number'] }}</strong></a></td>
                <td><span class="qm-pill {{ Order::statusPill((string) $o['status']) }}">{{ Order::statusLabel((string) $o['status'], (string) ($o['service_mode'] ?? 'delivery')) }}</span></td>
                <td><span class="qm-pill {{ $payPill[$o['payment_status']] ?? 'qm-pill-grey' }}">{{ t_raw('status.payment.' . $o['payment_status']) }}</span></td>
                <td>{{ money($o['total']) }}</td>
                <td class="qm-cell-body text-end">{!! fmt_datetime($o['placed_at']) !!}</td>
            </tr>
            @endforeach
@else
            @partial('table-empty', ['colspan' => 5, 'icon' => 'fa-receipt', 'msg' => t('vendor.customerdetail.no_orders')])
            @endif
        </tbody>
    </table>
    </div>
    @partial('table-toolbar', ['pager' => $ordersPager])
</div>

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