@php($rules = \App\Http\Requests\Admin\CouponRequest::class)

<x-admin.layout title="Coupons">
    <x-admin.list-table title="Coupons" subtitle="Codes shoppers type in the cart for money off" search-placeholder="Search coupons..." drawer-target="couponCrudDrawer" create-label="Add Coupon" empty-message="No coupons yet. Add one, then shoppers can type its code in the cart." :is-empty="$coupons->isEmpty()">
        <x-slot:head>
            <tr><th scope="col">Code</th><th scope="col">Discount</th><th scope="col">Minimum order</th><th scope="col">Used</th><th scope="col">Expires</th><th scope="col">Status</th><th scope="col"><span class="visually-hidden">Actions</span></th></tr>
        </x-slot:head>

        @foreach ($coupons as $coupon)
            <tr>
                <td><code>{{ $coupon->code }}</code></td>
                <td class="text-nowrap">{{ $coupon->type === 'percent' ? rtrim(rtrim($coupon->value, '0'), '.').'%' : '৳ '.number_format($coupon->value, 2) }}</td>
                <td class="text-nowrap">৳ {{ number_format($coupon->min_order_amount, 2) }}</td>
                <td>{{ $coupon->used_count }}{{ $coupon->usage_limit !== null ? ' / '.$coupon->usage_limit : '' }}</td>
                <td class="text-nowrap">{{ $coupon->expires_at?->format('d M Y') ?? 'Never' }} @if ($coupon->expires_at?->isPast())<span class="badge text-bg-secondary">Expired</span>@endif</td>
                <td><x-admin.status-badge :status="$coupon->status" /></td>
                <td class="text-end text-nowrap">
                    <button class="btn btn-sm btn-outline-secondary" type="button" data-bs-toggle="offcanvas" data-bs-target="#couponCrudDrawer" data-saruar-drawer-edit data-action="{{ route('admin.coupons.update', $coupon) }}" data-title="Edit Coupon" data-values="{{ json_encode([...$coupon->only('code', 'type', 'value', 'min_order_amount', 'usage_limit', 'status'), 'expires_on' => $coupon->expires_at?->format('Y-m-d')]) }}">Edit</button>
                    <form method="POST" action="{{ route('admin.coupons.destroy', $coupon) }}" class="d-inline" data-saruar-confirm="Delete coupon {{ $coupon->code }}? Orders that used it keep their discount.">
                        @csrf
                        @method('DELETE')
                        <button class="btn btn-sm btn-outline-danger" type="submit">Delete</button>
                    </form>
                </td>
            </tr>
        @endforeach
    </x-admin.list-table>

    <x-admin.crud-drawer id="couponCrudDrawer" title="Create Coupon" form-id="couponForm" :action="route('admin.coupons.store')">
        <div class="mb-3">
            <label class="form-label" for="couponCode">Code</label>
            <input id="couponCode" name="code" class="form-control text-uppercase" type="text" value="{{ old('code') }}" maxlength="{{ $rules::CODE_MAX }}" pattern="{{ $rules::CODE_HTML_PATTERN }}" title="Letters, numbers, dashes and underscores" required aria-describedby="couponCodeHelp">
            <div id="couponCodeHelp" class="form-text">Shoppers type this in the cart. Capital and small letters count as the same.</div>
        </div>
        <div class="row g-2 mb-3">
            <div class="col-6">
                <label class="form-label" for="couponType">Type</label>
                <select id="couponType" name="type" class="form-select" required>
                    <option value="fixed" @selected(old('type', 'fixed') === 'fixed')>Fixed amount (৳)</option>
                    <option value="percent" @selected(old('type') === 'percent')>Percent (%)</option>
                </select>
            </div>
            <div class="col-6">
                <label class="form-label" for="couponValue">Amount off</label>
                <input id="couponValue" name="value" class="form-control" type="number" min="0.01" max="{{ $rules::MONEY_MAX }}" step="0.01" value="{{ old('value') }}" required aria-describedby="couponValueHelp">
                <div id="couponValueHelp" class="form-text">A percent coupon can take at most 100.</div>
            </div>
        </div>
        <div class="mb-3">
            <label class="form-label" for="couponMinimum">Minimum order (৳)</label>
            <input id="couponMinimum" name="min_order_amount" class="form-control" type="number" min="0" max="{{ $rules::MONEY_MAX }}" step="0.01" value="{{ old('min_order_amount', 0) }}">
        </div>
        <div class="mb-3">
            <label class="form-label" for="couponLimit">Usage limit (optional)</label>
            <input id="couponLimit" name="usage_limit" class="form-control" type="number" min="1" max="{{ $rules::USAGE_LIMIT_MAX }}" step="1" value="{{ old('usage_limit') }}" aria-describedby="couponLimitHelp">
            <div id="couponLimitHelp" class="form-text">How many orders in total may use it. Leave empty for no limit.</div>
        </div>
        <div class="mb-3">
            <label class="form-label" for="couponExpires">Last day (optional)</label>
            <input id="couponExpires" name="expires_on" class="form-control" type="date" min="{{ now()->format('Y-m-d') }}" max="2037-12-31" value="{{ old('expires_on') }}" aria-describedby="couponExpiresHelp">
            <div id="couponExpiresHelp" class="form-text">The code works until the end of this day. Leave empty for no end.</div>
        </div>
        <div class="mb-3">
            <label class="form-label" for="couponStatus">Status</label>
            <select id="couponStatus" name="status" class="form-select" required>
                @foreach (['Active', 'Inactive'] as $status)
                    <option value="{{ $status }}" @selected(old('status', 'Active') === $status)>{{ $status }}</option>
                @endforeach
            </select>
        </div>
    </x-admin.crud-drawer>
</x-admin.layout>