@extends('layouts.admin')
@section('title','Discounts')
@section('content')
@php
  $columns = [
    'code' => 'Code',
    'title' => 'Title',
    'type' => 'Type',
    'value' => 'Value',
    'automatic' => 'Automatic',
    'active' => 'Active',
    'actions' => 'Actions',
  ];
@endphp
<x-admin.page title="Discounts" subtitle="Promotion command center — codes, automatic offers, stacking rules, and usage limits.">
    <x-slot:actions>
        <a class="admin-btn admin-btn-primary" href="{{ route('admin.discounts.create') }}">
            <i data-lucide="plus" class="h-3.5 w-3.5"></i> New discount
        </a>
    </x-slot:actions>

    @if(session('status'))
        <div class="mb-4 rounded-lg border border-emerald-200 bg-emerald-50 px-4 py-3 text-sm text-emerald-900">{{ session('status') }}</div>
    @endif

    @isset($stats)
        <div class="order-ops-stat-rail mb-5">
            <div class="order-ops-stat is-active">
                <span class="order-ops-stat-label">Codes</span>
                <span class="order-ops-stat-value">{{ number_format($stats['codes']) }}</span>
                <span class="order-ops-stat-meta">{{ number_format($stats['active_codes']) }} active</span>
            </div>
            <div class="order-ops-stat">
                <span class="order-ops-stat-label">Automatic</span>
                <span class="order-ops-stat-value">{{ number_format($stats['automatic']) }}</span>
                <span class="order-ops-stat-meta">{{ number_format($stats['active_auto']) }} active</span>
            </div>
        </div>
    @endisset

    <x-admin.advanced-table
        id="discounts"
        :columns="$columns"
    >
        <x-slot:filters>
            <div>
                <label class="admin-label">Kind</label>
                <select id="discount-kind-filter" class="admin-input" onchange="window.traFilterDiscountRows()">
                    <option value="">All</option>
                    <option value="code">Codes</option>
                    <option value="auto">Automatic</option>
                </select>
            </div>
            <div>
                <label class="admin-label">Active</label>
                <select id="discount-active-filter" class="admin-input" onchange="window.traFilterDiscountRows()">
                    <option value="">Any</option>
                    <option value="1">Active</option>
                    <option value="0">Inactive</option>
                </select>
            </div>
            <div>
                <label class="admin-label">Type</label>
                <select id="discount-type-filter" class="admin-input" onchange="window.traFilterDiscountRows()">
                    <option value="">All</option>
                    @foreach(['percent','fixed','free_shipping','bxgy'] as $t)
                        <option value="{{ $t }}">{{ $t }}</option>
                    @endforeach
                </select>
            </div>
        </x-slot:filters>

        <thead>
            <tr>
                <th data-col="code">Code</th>
                <th data-col="title">Title</th>
                <th data-col="type">Type</th>
                <th data-col="value">Value</th>
                <th data-col="automatic">Automatic</th>
                <th data-col="active">Active</th>
                <th data-col="actions"></th>
            </tr>
        </thead>
        <tbody>
            @forelse($discounts as $discount)
                @php $isAuto = (bool) ($discount->automatic ?? false); @endphp
                <tr data-discount-row data-kind="{{ $isAuto ? 'auto' : 'code' }}" data-active="{{ ($discount->active ?? true) ? '1' : '0' }}" data-type="{{ $discount->type }}">
                    <td data-col="code" class="font-mono text-xs">{{ $discount->code ?: '—' }}</td>
                    <td data-col="title">{{ $discount->title ?? '—' }}</td>
                    <td data-col="type"><x-admin.badge tone="info">{{ $discount->type }}</x-admin.badge></td>
                    <td data-col="value">
                        @if($discount->type === 'percent'){{ $discount->value }}%
                        @elseif($discount->type === 'free_shipping')Free shipping
                        @else{{ number_format(($discount->value_cents ?? $discount->value ?? 0) / 100, 2) }}@endif
                    </td>
                    <td data-col="automatic">{{ $isAuto ? 'Yes' : 'No' }}</td>
                    <td data-col="active">
                        <x-admin.badge :tone="($discount->active ?? true) ? 'success' : 'muted'">{{ ($discount->active ?? true) ? 'Active' : 'Off' }}</x-admin.badge>
                    </td>
                    <td data-col="actions" class="text-right">
                        @if(! $isAuto)
                            <a class="text-sm font-medium text-[#2c6ecb]" href="{{ route('admin.discounts.edit', $discount) }}">Edit</a>
                        @else
                            <span class="text-xs text-[#6d7175]">Automatic</span>
                        @endif
                    </td>
                </tr>
            @empty
                <tr><td colspan="7" class="p-12 text-center text-[#6d7175]">No discounts yet.</td></tr>
            @endforelse
        </tbody>
    </x-admin.advanced-table>
</x-admin.page>
<script>
window.traFilterDiscountRows = function () {
  const kind = document.getElementById('discount-kind-filter')?.value || '';
  const active = document.getElementById('discount-active-filter')?.value || '';
  const type = document.getElementById('discount-type-filter')?.value || '';
  document.querySelectorAll('[data-discount-row]').forEach((row) => {
    const ok =
      (!kind || row.dataset.kind === kind) &&
      (!active || row.dataset.active === active) &&
      (!type || row.dataset.type === type);
    row.classList.toggle('hidden', !ok);
  });
};
</script>
@endsection