@csrf
<div class="row g-3">
    <div class="col-md-6">
        <label class="form-label fw-semibold">الاسم <span class="text-danger">*</span></label>
        <input type="text" name="name" class="form-control @error('name') is-invalid @enderror"
               value="{{ old('name', $tax->name ?? '') }}" placeholder="مثال: ضريبة القيمة المضافة" required>
        <small class="text-muted">اسم واضح يساعد الكاشير على اختيار الضريبة الصحيحة سريعاً.</small>
        @error('name') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>
    <div class="col-md-3">
        <label class="form-label fw-semibold">الكود <span class="text-danger">*</span></label>
        <input type="text" name="code" class="form-control @error('code') is-invalid @enderror"
               value="{{ old('code', $tax->code ?? '') }}" placeholder="مثال: VAT-15" required>
        <small class="text-muted">يفضل كود مختصر وفريد.</small>
        @error('code') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>
    <div class="col-md-3">
        <label class="form-label fw-semibold">النوع <span class="text-danger">*</span></label>
        <select name="type" id="tax_type" class="form-select @error('type') is-invalid @enderror" required>
            <option value="percent" {{ old('type', $tax->type ?? 'percent') === 'percent' ? 'selected' : '' }}>نسبة مئوية (%)</option>
            <option value="fixed"   {{ old('type', $tax->type ?? '') === 'fixed' ? 'selected' : '' }}>قيمة ثابتة</option>
        </select>
        @error('type') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>
    <div class="col-md-6">
        <label class="form-label fw-semibold">المعدل <span class="text-danger">*</span></label>
        <input type="number" step="0.0001" min="0" name="rate"
               class="form-control @error('rate') is-invalid @enderror"
               value="{{ old('rate', $tax->rate ?? '0') }}" placeholder="مثال: 15" required>
        <small class="text-muted" id="tax_rate_hint">للنسبة المئوية: اكتب القيمة بدون علامة % (مثال: 15).</small>
        @error('rate') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>
    <div class="col-md-6 d-flex align-items-end pb-1">
        <div class="form-check form-switch">
            <input class="form-check-input" type="checkbox" name="is_active" value="1"
                   id="tax_is_active" {{ old('is_active', $tax->is_active ?? true) ? 'checked' : '' }}>
            <label class="form-check-label fw-semibold" for="tax_is_active">مفعّل</label>
        </div>
    </div>
    <div class="col-12">
        <label class="form-label fw-semibold">الوصف</label>
        <textarea name="description" class="form-control @error('description') is-invalid @enderror"
                  rows="4" placeholder="وصف اختياري للضريبة">{{ old('description', $tax->description ?? '') }}</textarea>
        <small class="text-muted">يمكن إضافة ملاحظات مثل الجهة الضريبية أو نطاق التطبيق.</small>
        @error('description') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>
</div>

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function () {
    var typeInput = document.getElementById('tax_type');
    var hint = document.getElementById('tax_rate_hint');

    if (!typeInput || !hint) {
        return;
    }

    function updateHint() {
        if (typeInput.value === 'fixed') {
            hint.textContent = 'للقيمة الثابتة: أدخل مبلغ الضريبة المباشر (مثال: 5.0000).';
        } else {
            hint.textContent = 'للنسبة المئوية: اكتب القيمة بدون علامة % (مثال: 15).';
        }
    }

    typeInput.addEventListener('change', updateHint);
    updateHint();
});
</script>
@endpush