@extends('layouts.admin')
@section('title', __('Coupons'))
@section('content')
<div class="mb-6 flex items-center justify-between"><h1 class="text-2xl font-extrabold text-primary">{{ __('Coupons') }}</h1><x-btn :href="route('admin.coupons.create')"><x-icon name="plus"/> {{ __('New coupon') }}</x-btn></div>
@if ($coupons)
<div class="overflow-x-auto rounded-[28px] border border-surface-variant bg-white">
    <table class="w-full min-w-[640px] text-left text-sm">
        <thead class="bg-surface-mid text-on-surface-variant"><tr><th class="p-4">{{ __('Code') }}</th><th class="p-4">{{ __('Discount') }}</th><th class="p-4">{{ __('Used') }}</th><th class="p-4">{{ __('Active') }}</th><th></th></tr></thead>
        <tbody>
        @foreach ($coupons as $c)
            <tr class="border-t border-surface-variant"><td class="p-4 font-bold text-primary">{{ $c->code }}<span class="block text-xs font-normal text-outline">{{ $c->description }}</span></td>
                <td class="p-4">{{ match ($c->discount_type) { 'percent' => rtrim(rtrim($c->discount_value, '0'), '.') . '%', 'fixed' => '$' . number_format((float) $c->discount_value, 2), default => __('Free delivery') } }}</td>
                <td class="p-4">{{ $c->used_count }}{{ $c->usage_limit ? ' / ' . $c->usage_limit : '' }}</td><td class="p-4">{{ $c->is_active ? __('Yes') : __('No') }}</td>
                <td class="p-4 text-right"><a class="font-bold text-primary underline" href="{{ route('admin.coupons.edit', $c->id) }}">{{ __('Edit') }}</a></td></tr>
        @endforeach
        </tbody>
    </table>
</div>
@include('partials.pagination', ['result' => $result])
@else <x-empty :title="__('No coupons yet')"><x-btn :href="route('admin.coupons.create')">{{ __('Create one') }}</x-btn></x-empty> @endif
@endsection