@extends('layouts.dashboard')

@section('content')
@php
/**
 * Vendor → Coupons: this restaurant's discount codes, with what they have actually
 * cost. Every performance figure is read from the orders each code was applied to
 * (orders.coupon_id), not from a running counter, so the discount given and the
 * basket it bought are both real (CouponController::index()).
 *
 * @var array      $rows        the current pager window of coupon rows
 * @var array      $pager       paginate() metadata
 * @var array      $rangeLinks  ['options' => [days => label], 'selected' => string]
 * @var int        $rangeDays   the selected window, in days
 * @var bool       $showMoney   false for a manager: discount cost stays with the owner
 * @var int        $redemptions orders in the window that carried a code
 * @var float      $discountGiven
 * @var float|null $aovCoupon   average order value with a code (null = none in window)
 * @var float|null $aovPlain    average order value without a code
 * @var int        $plainOrders
 * @var float|null $usageRate   % of capped headroom used (null = no capped codes)
 * @var int        $capUsed @var int $capTotal
 * @var array      $byCode      coupon_id => ['uses' => int, 'discount' => float]
 * @var array      $trendChart @var array $trendMeta  redemptions per day
 * @var array      $codeChart  @var array $codeMeta   redemptions by code
 */
$showMoney = $showMoney ?? true;
$byCode    = $byCode ?? [];
// The lift a code buys: how a coupon basket compares with an ordinary one. Only
// meaningful when both sides of the comparison actually happened in the window.
$lift = ($aovCoupon !== null && $aovPlain !== null && $aovPlain > 0)
    ? round(($aovCoupon - $aovPlain) / $aovPlain * 100, 1)
    : null;
// The coupon table takes no filters beyond the restaurant scope (the range control drives
// the analytics above, not the code list), so the export needs no query string.
$qs = '';
@endphp
@php /* .qm-d2: the dashboard density standard (app.css §35) */
@endphp
<div class="qm-d2">
@php // Page primary action → top-bar subheader slot (leaves the table card header for the
//      title + any table-scoped utility). ob_start captures the button HTML for the layout slot.
ob_start();
@endphp
<button type="button" class="qm-btn" data-bs-toggle="modal" data-bs-target="#dealModal" data-coupon-add><i class="fas fa-plus me-1"></i> {{ t_raw('vendor.coupons.add_btn') }}</button>
@php \App\Support\View::slot('subhead', ob_get_clean());
@endphp
<div class="qm-ops-head">
    <div></div>
    <div class="d-flex align-items-center flex-wrap gap-2">
        <div class="qm-period" role="group" aria-label="{{ t_raw('common.reporting_period') }}">
            @foreach ($rangeLinks['options'] as $val => $text)
@php $on = ((string) $val === $rangeLinks['selected']); @endphp
            <a class="qm-period-btn{{ $on ? ' is-active' : '' }}" href="?range={{ (string) $val }}" aria-current="{{ $on ? 'true' : 'false' }}">{{ $text }}</a>
            @endforeach
        </div>
        <a class="qm-btn qm-btn-outline" href="{{ url('/vendor/coupons/export' . ($qs !== '' ? '?' . $qs : '')) }}"><i class="fas fa-file-csv me-2" aria-hidden="true"></i>{{ t_raw('common.export_csv') }}</a>
    </div>
</div>

<div class="qm-kpi-grid">
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'blue', 'icon' => 'fa-ticket-alt', 'label' => t_raw('vendor.coupons.kpi_redemptions'),
        'value' => number_format((int) $redemptions), 'href' => route('vendor.orders'), 'spark' => $kpiSparks['redemptions'] ?? [],
        'meta' => '<span class="qm-kpi-cap">' . t('vendor.coupons.kpi_redemptions_meta', [':days' => (int) $rangeDays]) . '</span>'])
    @if ($showMoney)
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'rose', 'icon' => 'fa-tags', 'label' => t_raw('vendor.coupons.kpi_discount_given'),
        'value' => money($discountGiven), 'spark' => $kpiSparks['discount'] ?? [],
        'meta' => '<span class="qm-kpi-cap">' . t('vendor.coupons.kpi_discount_given_meta') . '</span>'])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'green', 'icon' => 'fa-receipt', 'label' => t_raw('vendor.coupons.kpi_aov_with'),
        'value' => $aovCoupon !== null ? money($aovCoupon) : '—',
        'meta' => '<span class="qm-kpi-cap">' . ($lift !== null
            ? t('vendor.coupons.kpi_aov_lift', [':pct' => ($lift >= 0 ? '+' : '−') . number_format(abs($lift), 1)])
            : t('vendor.coupons.kpi_aov_with_meta')) . '</span>'])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'slate', 'icon' => 'fa-shopping-basket', 'label' => t_raw('vendor.coupons.kpi_aov_without'),
        'value' => $aovPlain !== null ? money($aovPlain) : '—',
        'meta' => '<span class="qm-kpi-cap">' . t('vendor.coupons.kpi_aov_without_meta', [':n' => number_format((int) $plainOrders)]) . '</span>'])
    @endif
    @php /* Only codes the restaurant actually capped can have a usage rate; with no capped
       code the figure does not exist and is shown as such rather than as a zero. */
@endphp
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'amber', 'icon' => 'fa-percentage', 'label' => t_raw('vendor.coupons.kpi_usage_rate'),
        'value' => $usageRate !== null ? number_format($usageRate, 1) . '%' : '—',
        'meta' => '<span class="qm-kpi-cap">' . ($usageRate !== null
            ? t('vendor.coupons.kpi_usage_rate_meta', [':used' => number_format($capUsed), ':cap' => number_format($capTotal)])
            : t('vendor.coupons.kpi_usage_rate_meta_none')) . '</span>'])
</div>

@php /* Trends beside the breakdown: when codes are being spent, and which ones. Each
   card's caption and its accessible summary are the same sentence. */
@endphp
<div class="qm-charts-grid">
    <div class="qm-chart-card qm-chart-col-8">
        @partial('chart-card', ['heading' => t_raw('vendor.coupons.chart_redemptions'), 'sub' => $trendMeta['label'],
            'cfg' => $trendChart, 'meta' => $trendMeta, 'accent' => 'blue', 'icon' => 'fa-chart-bar'])
    </div>
    <div class="qm-chart-card qm-chart-col-4">
        @partial('chart-card', ['heading' => t_raw('vendor.coupons.chart_by_code'), 'sub' => $codeMeta['label'],
            'cfg' => $codeChart, 'meta' => $codeMeta, 'accent' => 'rose', 'icon' => 'fa-ticket-alt'])
    </div>
</div>

<div class="qm-card">
    <h2 class="mb-3">{{ t_raw('vendor.coupons.table_heading') }}</h2>
    <div class="table-responsive">
    @php /* Window mixes a "Now"/"No end date" fallback with a date, so that cell carries the
       start date in data-sort-value instead — the composite text won't parse either way. */
@endphp
    @php /* Discount mixes a percentage with a money amount, which are not one scale, so that
       <th> carries no data-sort — no honest sort key exists across the two. */
@endphp
    <table class="qm-table" data-sortable>
        <caption class="visually-hidden">{{ t_raw('vendor.coupons.caption_table') }}</caption>
        <thead><tr><th scope="col" data-sort="text">{{ t_raw('admin.deals.code_label') }}</th><th scope="col" data-sort="text">{{ t_raw('common.title') }}</th><th scope="col">{{ t_raw('admin.deals.col_discount') }}</th><th scope="col" data-sort="number">{{ t_raw('admin.deals.min_order_label') }}</th><th scope="col" data-sort="date">{{ t_raw('vendor.coupons.col_window') }}</th><th scope="col" data-sort="number">{{ t_raw('admin.deals.col_used') }}</th>@if ($showMoney)<th scope="col" data-sort="number">{{ t_raw('vendor.coupons.col_cost_in_window') }}</th>@endif<th scope="col" data-sort="text">{{ t_raw('common.active') }}</th><th class="text-end" scope="col">{{ t_raw('common.actions') }}</th></tr></thead>
        <tbody>
            @if ($rows)
            @foreach ($rows as $d)
            <tr>
                <td><strong>{{ $d['code'] }}</strong></td>
                <td class="qm-cell-body">{!! or_dash($d['title'] ?? null) !!}</td>
                <td>{!! $d['type'] === 'percent' ? e(rtrim(rtrim(number_format((float) $d['value'], 2), '0'), '.')) . '%' : money($d['value']) !!}</td>
                <td>{{ money($d['min_order']) }}</td>
                <td class="qm-cell-body" data-sort-value="{{ (string) ($d['starts_at'] ?? '') }}">
                    @if (!empty($d['starts_at']) || !empty($d['ends_at']))
                        {!! !empty($d['starts_at']) ? fmt_day($d['starts_at']) : t('vendor.coupons.window_now') !!}
                        &rarr;
                        {!! !empty($d['ends_at']) ? fmt_day($d['ends_at']) : t('vendor.coupons.window_no_end') !!}
                    @else<span class="text-muted">{{ t_raw('vendor.coupons.window_always_on') }}</span>@endif
                </td>
                <td data-sort-value="{{ (int) $d['used_count'] }}">{{ (int) $d['used_count'] }}{{ (int) $d['max_uses'] > 0 ? ' / ' . (int) $d['max_uses'] : '' }}</td>
                @if ($showMoney)
@php $spend = $byCode[(int) $d['id']]['discount'] ?? null; @endphp
                <td data-sort-value="{{ (string) (float) ($spend ?? 0) }}">{!! $spend !== null ? money($spend) : dash() !!}</td>
                @endif
                <td><span class="qm-pill {{ $d['is_active'] ? 'qm-pill-green' : 'qm-pill-grey' }}">{!! $d['is_active'] ? t('common.yes') : t('common.no') !!}</span></td>
                <td class="qm-actions-cell">
                    <button type="button" class="qm-icon-btn" data-bs-toggle="modal" data-bs-target="#dealModal" data-coupon-edit
                        data-id="{{ (int) $d['id'] }}" data-code="{{ $d['code'] }}" data-title="{{ $d['title'] }}" data-desc="{{ $d['description'] }}"
                        data-type="{{ $d['type'] }}" data-value="{{ $d['value'] }}" data-min="{{ $d['min_order'] }}"
                        data-maxuses="{{ (int) ($d['max_uses'] ?? 0) }}" data-peruser="{{ $d['per_user_limit'] !== null ? (int) $d['per_user_limit'] : '' }}"
                        data-starts="{{ $d['starts_at'] ?? '' }}" data-ends="{{ $d['ends_at'] ?? '' }}"
                        data-active="{{ (int) $d['is_active'] }}" aria-label="{{ t_raw('vendor.coupons.aria_edit_code', [':code' => $d['code']]) }}"><i class="fas fa-pen" aria-hidden="true"></i></button>
                    <form method="post" action="{{ route('vendor.coupons.delete') }}" class="d-inline" data-confirm="{{ t_raw('vendor.coupons.confirm_delete') }}">@csrf<input type="hidden" name="id" value="{{ (int) $d['id'] }}"><button type="submit" class="qm-icon-btn danger" aria-label="{{ t_raw('vendor.coupons.aria_delete_code', [':code' => $d['code']]) }}"><i class="fas fa-trash-alt" aria-hidden="true"></i></button></form>
                </td>
            </tr>
            @endforeach
            @else
            @partial('table-empty', [
                'colspan' => $showMoney ? 9 : 8,
                'icon'    => 'fa-tags',
                'msg'     => t_raw('vendor.coupons.empty'),
            ])
            @endif
        </tbody>
    </table>
    </div>
    @partial('table-toolbar', ['pager' => $pager, 'base' => '/vendor/coupons'])
</div>

@php /* ====================================================== COUPON MODAL (shares #dealModal + assets/js/app.js's bindModal('deal', ...) with Admin -> Deals; no restaurant picker here since scope is always this restaurant, enforced server-side) */
@endphp
<div class="modal fade" id="dealModal" tabindex="-1" aria-labelledby="coupon-modal-title" aria-hidden="true">
    <div class="modal-dialog">
        <form class="modal-content" method="post" action="{{ route('vendor.coupons') }}">
            @csrf
            <input type="hidden" name="id" id="deal-id">
            <div class="modal-header"><h2 class="modal-title h5" id="coupon-modal-title" data-title-add="{{ t_raw('vendor.coupons.modal_add_title') }}" data-title-edit="{{ t_raw('vendor.coupons.modal_edit_title') }}">{{ t_raw('vendor.coupons.modal_add_title') }}</h2><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ t_raw('common.close') }}"></button></div>
            <div class="modal-body">
                <div class="qm-form-grid">
                    <div class="mb-3"><label class="form-label" for="deal-code">{{ t_raw('admin.deals.code_label') }}</label><input type="text" id="deal-code" name="code" class="form-control" placeholder="{{ t_raw('admin.deals.code_placeholder') }}" required></div>
                    <div class="mb-3"><label class="form-label" for="deal-title">{{ t_raw('common.title') }}</label><input type="text" id="deal-title" name="title" class="form-control" placeholder="{{ t_raw('admin.deals.title_placeholder') }}"></div>
                </div>
                <div class="mb-3"><label class="form-label" for="deal-desc">{{ t_raw('common.description') }}</label><input type="text" id="deal-desc" name="description" class="form-control" placeholder="{{ t_raw('vendor.settings.description_placeholder') }}"></div>
                <div class="qm-form-grid">
                    <div class="mb-3"><label class="form-label" for="deal-type">{{ t_raw('common.type') }}</label><select id="deal-type" name="type" class="form-select"><option value="percent">{{ t_raw('admin.deals.type_percent') }}</option><option value="fixed">{{ t_raw('admin.deals.type_fixed') }}</option></select></div>
                    <div class="mb-3"><label class="form-label" for="deal-value">{{ t_raw('admin.deals.value_label') }}</label><input type="number" step="0.01" min="0" max="100" id="deal-value" name="value" class="form-control" value="0" placeholder="{{ t_raw('common.placeholder_amount') }}"></div>
                    <div class="mb-3"><label class="form-label" for="deal-min">{{ t_raw('admin.deals.min_order_label') }}</label><input type="number" step="0.01" min="0" id="deal-min" name="min_order" class="form-control" value="0" placeholder="{{ t_raw('common.placeholder_amount') }}"></div>
                </div>
                <div class="qm-form-grid">
                    <div class="mb-3"><label class="form-label" for="deal-maxuses">{{ t_raw('admin.deals.max_uses_label') }} <span class="qm-hint">{{ t_raw('admin.deals.max_uses_hint') }}</span></label><input type="number" step="1" min="0" id="deal-maxuses" name="max_uses" class="form-control" value="0" placeholder="{{ t_raw('common.placeholder_count') }}"></div>
                    <div class="mb-3"><label class="form-label" for="deal-peruser">{{ t_raw('admin.deals.per_user_label') }} <span class="qm-hint">{{ t_raw('admin.deals.per_user_hint') }}</span></label><input type="number" step="1" min="1" id="deal-peruser" name="per_user_limit" class="form-control" placeholder="{{ t_raw('admin.deals.unlimited_placeholder') }}"></div>
                </div>
                <div class="qm-form-grid">
                    <div class="mb-3"><label class="form-label" for="deal-starts">{{ t_raw('admin.deals.starts_label') }} <span class="qm-hint">{{ t_raw('admin.deals.starts_hint') }}</span></label><input type="date" id="deal-starts" name="starts_at" class="form-control" data-flatpickr data-fp-mode="date"></div>
                    <div class="mb-3"><label class="form-label" for="deal-ends">{{ t_raw('admin.deals.ends_label') }} <span class="qm-hint">{{ t_raw('admin.deals.ends_hint') }}</span></label><input type="date" id="deal-ends" name="ends_at" class="form-control" data-flatpickr data-fp-mode="date"></div>
                </div>
                <label class="qm-check"><input type="checkbox" id="deal-active" name="is_active" value="1" checked> {{ t_raw('common.active') }}</label>
            </div>
            <div class="modal-footer"><button type="button" class="qm-btn qm-btn-outline" data-bs-dismiss="modal">{{ t_raw('common.cancel') }}</button><button type="submit" class="qm-btn">{{ t_raw('vendor.coupons.btn_save_coupon') }}</button></div>
        </form>
    </div>
</div>

<script>
/* A percentage discount can never exceed 100%; a fixed amount can be any
   positive value. Keep the value input's max in sync with the selected type
   (same behaviour as Admin -> Deals). */
(function () {
    var typeEl = document.getElementById('deal-type');
    var valEl = document.getElementById('deal-value');
    if (!typeEl || !valEl) { return; }
    function syncMax() {
        if (typeEl.value === 'percent') {
            valEl.setAttribute('max', '100');
            if (parseFloat(valEl.value) > 100) { valEl.value = '100'; }
        } else {
            valEl.removeAttribute('max');
        }
    }
    typeEl.addEventListener('change', syncMax);
    var modal = document.getElementById('dealModal');
    if (modal) { modal.addEventListener('shown.bs.modal', syncMax); }
    syncMax();
})();
</script>

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