@php($coupon = $coupon ?? null)
@php($isEditing = $coupon !== null)
<form method="POST" action="{{ $action }}" enctype="multipart/form-data" class="mt-4 grid gap-3">
    @csrf
    @if(($method ?? 'POST') !== 'POST') @method($method) @endif
    <input type="hidden" name="funding_source" value="{{ $funding }}">
    @if($errors->any())
        <div class="rounded-xl bg-red-50 p-3 text-xs font-semibold text-red-700">{{ $errors->first() }}</div>
    @endif
    @foreach([['code','Kode promo'],['name','Nama campaign']] as [$name,$label])
        <label class="grid gap-1.5 text-xs font-bold text-slate-600">{{ $label }}<input name="{{ $name }}" value="{{ old($name, $coupon?->{$name}) }}" required class="h-11 rounded-xl border border-slate-200 px-3 text-sm"></label>
    @endforeach
    @if($funding === 'platform')
        @if($isEditing && $coupon->bannerUrl())
            <picture class="block overflow-hidden rounded-xl">
                <source media="(max-width: 639px)" srcset="{{ $coupon->mobileBannerUrl() }}">
                <img src="{{ $coupon->bannerUrl() }}" alt="Banner {{ $coupon->name }}" class="block aspect-[12/5] w-full object-cover sm:aspect-[16/7]">
            </picture>
        @endif
        <div class="rounded-2xl border border-sky-100 bg-sky-50 p-4 text-[10px] leading-5 text-sky-800">
            <strong class="block text-xs">Ukuran banner yang direkomendasikan</strong>
            Desktop: <b>1600 × 700 px</b> (rasio 16:7) · Mobile/Android: <b>1200 × 550 px</b> (rasio 24:11). Gunakan safe area 8% di setiap sisi agar teks dan produk tetap nyaman dilihat.
        </div>
        <label class="grid gap-1.5 text-xs font-bold text-slate-600">Banner desktop 16:7<small class="font-normal text-slate-400">JPG, PNG, WebP · maksimal 5 MB · rasio wajib 16:7</small><input type="file" name="banner_image" accept="image/png,image/jpeg,image/webp" class="rounded-xl border border-slate-200 p-2 text-[10px]"></label>
        <label class="grid gap-1.5 text-xs font-bold text-slate-600">Banner mobile/iOS 12:5<small class="font-normal text-slate-400">JPG, PNG, WebP · maksimal 5 MB · rasio wajib 12:5</small><input type="file" name="banner_mobile_image" accept="image/png,image/jpeg,image/webp" class="rounded-xl border border-slate-200 p-2 text-[10px]"></label>
        <textarea name="description" rows="3" placeholder="Informasi promo" class="rounded-xl border border-slate-200 p-3 text-xs">{{ old('description', $coupon?->description) }}</textarea>
        <textarea name="terms" rows="4" placeholder="Syarat dan ketentuan" class="rounded-xl border border-slate-200 p-3 text-xs">{{ old('terms', $coupon?->terms) }}</textarea>
        <label class="grid gap-1.5 text-xs font-bold text-slate-600">Cakupan apotek<select name="merchant_scope" class="h-11 rounded-xl border border-slate-200 px-2 text-xs"><option value="all" @selected(old('merchant_scope', $coupon?->merchant_scope ?? 'all') === 'all')>Semua apotek</option><option value="selected" @selected(old('merchant_scope', $coupon?->merchant_scope) === 'selected')>Apotek tertentu</option></select></label>
        <div class="max-h-32 overflow-y-auto rounded-xl border border-slate-200 p-3">@foreach($tenants ?? [] as $tenant)<label class="flex items-center gap-2 py-1 text-[10px]"><input type="checkbox" name="tenant_ids[]" value="{{ $tenant->id }}" @checked(in_array($tenant->id, old('tenant_ids', $coupon?->eligibleTenants->modelKeys() ?? [])))> {{ $tenant->name }}</label>@endforeach</div>
        <label class="flex items-center gap-2 text-xs font-bold text-slate-600"><input type="checkbox" name="exclude_prescription_products" value="1" @checked(old('exclude_prescription_products', $coupon?->exclude_prescription_products ?? false))> Kecualikan obat resep</label>
        <label class="flex items-center gap-2 text-xs font-bold text-slate-600"><input type="checkbox" name="is_featured" value="1" @checked(old('is_featured', $coupon?->is_featured ?? true))> Tampilkan di carousel</label>
    @endif
    <div class="grid grid-cols-2 gap-2"><select name="discount_type" class="h-11 rounded-xl border border-slate-200 px-2 text-xs"><option value="percentage" @selected(old('discount_type', $coupon?->discount_type) === 'percentage')>Persentase</option><option value="fixed" @selected(old('discount_type', $coupon?->discount_type) === 'fixed')>Nominal</option></select><input type="number" name="discount_value" min="1" value="{{ old('discount_value', $coupon?->discount_value) }}" required placeholder="Nilai" class="h-11 rounded-xl border border-slate-200 px-3 text-xs"></div>
    <div class="grid grid-cols-2 gap-2"><input type="number" name="max_discount" min="1" value="{{ old('max_discount', $coupon?->max_discount) }}" placeholder="Maks. diskon" class="h-11 rounded-xl border border-slate-200 px-3 text-xs"><input type="number" name="min_purchase" min="0" value="{{ old('min_purchase', $coupon?->min_purchase ?? 0) }}" required placeholder="Min. belanja" class="h-11 rounded-xl border border-slate-200 px-3 text-xs"></div>
    <input type="hidden" name="usage_per_user" value="1"><input type="number" name="usage_limit" min="1" value="{{ old('usage_limit', $coupon?->usage_limit) }}" placeholder="Kuota total" class="h-11 rounded-xl border border-slate-200 px-3 text-xs">
    <label class="grid gap-1.5 text-xs font-bold text-slate-600">Mulai<input type="datetime-local" name="starts_at" value="{{ old('starts_at', $coupon?->starts_at?->format('Y-m-d\\TH:i') ?? now()->format('Y-m-d\\TH:i')) }}" required class="h-11 rounded-xl border border-slate-200 px-3 text-xs"></label>
    <label class="grid gap-1.5 text-xs font-bold text-slate-600">Berakhir<input type="datetime-local" name="expires_at" value="{{ old('expires_at', $coupon?->expires_at?->format('Y-m-d\\TH:i') ?? now()->addMonth()->format('Y-m-d\\TH:i')) }}" required class="h-11 rounded-xl border border-slate-200 px-3 text-xs"></label>
    @if($isEditing)
        <label class="grid gap-1.5 text-xs font-bold text-slate-600">Status<select name="status" class="h-11 rounded-xl border border-slate-200 px-2 text-xs"><option value="active" @selected(old('status', $coupon->status) === 'active')>Aktif</option><option value="inactive" @selected(old('status', $coupon->status) === 'inactive')>Tidak aktif</option></select></label>
    @endif
    <button class="h-12 rounded-2xl bg-ocean-900 text-xs font-extrabold text-white">{{ $isEditing ? 'Simpan perubahan' : 'Terbitkan promo' }}</button>
</form>