@php
    $variantId = $variant['id'] ?? null;
    $isActive = (bool) ($variant['is_active'] ?? true);
    $isStockAvailable = (bool) ($variant['is_stock_available'] ?? true);
@endphp
<div class="admin-config-row" data-variant-row>
    <input type="hidden" name="variants[{{ $index }}][id]" value="{{ $variantId }}">
    <input type="hidden" name="variants[{{ $index }}][_delete]" value="0" data-config-delete-input>

    <div class="admin-config-row-header">
        <strong data-config-row-title>Variant</strong>
        <button type="button" class="admin-config-remove-button" data-remove-config-row>Hapus</button>
    </div>

    <div class="admin-form-grid">
        <div class="admin-form-group">
            <label class="admin-form-label">Nama Variant <span>*</span></label>
            <input type="text" name="variants[{{ $index }}][name]" value="{{ $variant['name'] ?? '' }}" maxlength="120" class="admin-form-control" placeholder="Contoh: 7 Hari">
        </div>
        <div class="admin-form-group">
            <label class="admin-form-label">Harga <span>*</span></label>
            <div class="admin-form-prefix-control"><span>Rp</span><input type="number" name="variants[{{ $index }}][price]" value="{{ $variant['price'] ?? '' }}" min="0" class="admin-form-control font-figures" placeholder="0"></div>
        </div>
    </div>

    <div class="admin-form-grid">
        <div class="admin-form-group">
            <label class="admin-form-label">Keterangan</label>
            <input type="text" name="variants[{{ $index }}][description]" value="{{ $variant['description'] ?? '' }}" maxlength="180" class="admin-form-control" placeholder="Contoh: No Garansi">
        </div>
        <div class="admin-form-group" data-robux-amount-field>
            <label class="admin-form-label">Jumlah Robux <span>*</span></label>
            <input type="number" name="variants[{{ $index }}][robux_amount]" value="{{ $variant['robux_amount'] ?? '' }}" min="1" max="1000000000" class="admin-form-control font-figures" placeholder="Contoh: 100">
            <p class="admin-form-help">Saldo bersama akan berkurang sebesar angka ini saat order dibayar.</p>
        </div>
        <div class="admin-form-group">
            <label class="admin-form-label">Urutan</label>
            <input type="number" name="variants[{{ $index }}][sort_order]" value="{{ $variant['sort_order'] ?? $index }}" min="0" max="9999" class="admin-form-control font-figures">
        </div>
    </div>

    @include('admin.products.partials.delivery-note-editor', [
        'name' => "variants[{$index}][delivery_note]",
        'value' => $variant['delivery_note'] ?? null,
        'errorKey' => "variants.{$index}.delivery_note",
        'label' => 'Panduan Variant',
        'help' => 'Opsional. Jika diisi, panduan variant tampil setelah panduan product dan tidak menghapus panduan product.',
        'compact' => true,
    ])

    <div class="admin-config-switch-grid">
        <label class="admin-form-switch-card admin-config-switch-card">
            <input type="hidden" name="variants[{{ $index }}][is_active]" value="0">
            <input type="checkbox" name="variants[{{ $index }}][is_active]" value="1" @checked($isActive)>
            <span class="admin-form-switch"><span></span></span>
            <span class="admin-form-switch-content"><strong>Variant aktif</strong><small>Dapat dipilih customer.</small></span>
        </label>
        <label class="admin-form-switch-card admin-config-switch-card" data-manual-variant-stock>
            <input type="hidden" name="variants[{{ $index }}][is_stock_available]" value="0">
            <input type="checkbox" name="variants[{{ $index }}][is_stock_available]" value="1" @checked($isStockAvailable)>
            <span class="admin-form-switch"><span></span></span>
            <span class="admin-form-switch-content"><strong>Tersedia</strong><small>Toggle stok untuk produk manual.</small></span>
        </label>
    </div>
</div>