@extends('layouts.dashboard')

@section('content')
@php /** @var array $rows @var array $restaurants */
$restaurants = $restaurants ?? [];
// This list reads no filters, so the export link 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 class="qm-btn qm-btn-sm" data-bs-toggle="modal" data-bs-target="#dealModal" data-deal-add>{{ t_raw('admin.deals.add_btn') }}</button>
@php \App\Support\View::slot('subhead', ob_get_clean());
@endphp
<div class="qm-card">
    <div class="qm-ops-head">
        <h2 class="mb-0">{{ t_raw('admin.deals.title') }}</h2>
        <a class="qm-btn qm-btn-outline" href="{{ url('/admin/deals/export' . ($qs !== '' ? '?' . $qs : '')) }}"><i class="fas fa-file-csv me-2" aria-hidden="true"></i>{{ t_raw('common.export_csv') }}</a>
    </div>
    <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('admin.deals.title') }}</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><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>
                    <div class="qm-tbl-id">
                        <img class="qm-tbl-thumb" src="{{ media($d['image'] ?: ($d['logo'] ?: ''), 'assets/client/covers/shop-1.png') }}" alt="" width="44" height="44" loading="lazy">
                        <div class="qm-tbl-id-text">
                            <strong>{{ $d['title'] }}</strong>
                            @if (!empty($d['restaurant_name']))<small>{{ $d['restaurant_name'] }}</small>@endif
                        </div>
                    </div>
                </td>
                @php // Percent values are DECIMAL(10,2), so render the real figure - a 12.5% coupon
                      // must not display as 12%. The trailing .00 is trimmed so whole numbers still
                      // read "12%". Same idiom as the plan commission on the public partner page.
@endphp
                <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>
                <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-deal-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-restaurant="{{ (int) ($d['restaurant_id'] ?? 0) }}" 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"></i></button>
                    <form method="post" action="{{ route('admin.deals.delete') }}" class="d-inline" data-confirm="{{ t_raw('admin.deals.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"></i></button></form>
                </td>
            </tr>
            @endforeach
            @else
            @partial('table-empty', ['colspan' => 8, 'icon' => 'fa-tags', 'msg' => t('admin.deals.empty')])
            @endif
        </tbody>
    </table>
    </div>
    @partial('table-toolbar', ['pager' => $pager, 'base' => '/admin/deals'])
</div>

<div class="modal fade" id="dealModal" tabindex="-1" aria-labelledby="deal-modal-title" aria-hidden="true">
    <div class="modal-dialog">
        <form class="modal-content" method="post" action="{{ route('admin.deals') }}">
            @csrf
            <input type="hidden" name="id" id="deal-id">
            <div class="modal-header"><h2 class="modal-title h5" id="deal-modal-title" data-title-add="{{ t_raw('admin.deals.modal_title') }}" data-title-edit="{{ t_raw('admin.deals.modal_edit_title') }}">{{ t_raw('admin.deals.modal_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="mb-3">
                    <label class="form-label" for="deal-restaurant">{{ t_raw('admin.deals.scope_label') }}</label>
                    <select id="deal-restaurant" name="restaurant_id" class="form-select">
                        <option value="0">{{ t_raw('admin.deals.scope_platform_wide') }}</option>
                        @foreach ($restaurants as $r)
                        <option value="{{ (int) $r['id'] }}">{{ $r['name'] }}</option>
                        @endforeach
                    </select>
                </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('common.save') }}</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 so
   the browser-side constraint matches the server-side clamp in DealController. */
(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