@php $product = $product ?? null; @endphp

<div class="row g-3">
    <div class="col-12"><div class="form-section-title"><i class="fa-solid fa-box"></i>بيانات المنتج</div></div>

    <div class="col-md-3">
        <label class="form-label">كود المنتج <span class="req">*</span></label>
        <input type="text" name="code" value="{{ old('code', $product?->code) }}" class="form-control font-monospace" required>
    </div>

    <div class="col-md-5">
        <label class="form-label">اسم المنتج <span class="req">*</span></label>
        <input type="text" name="name" value="{{ old('name', $product?->name) }}" class="form-control" required>
    </div>

    <div class="col-md-4">
        <label class="form-label">الاسم بالإنجليزية</label>
        <input type="text" name="name_en" value="{{ old('name_en', $product?->name_en) }}" class="form-control" dir="ltr">
    </div>

    <div class="col-md-3">
        <label class="form-label">النوع <span class="req">*</span></label>
        <select name="type" id="productType" class="form-select" required>
            @foreach ($types as $k => $v)
                <option value="{{ $k }}" @selected(old('type', $product?->type ?? 'device') === $k)>{{ $v }}</option>
            @endforeach
        </select>
    </div>

    <div class="col-md-3">
        <label class="form-label">التصنيف</label>
        <select name="category_id" class="form-select select2" data-placeholder="اختر التصنيف">
            <option value="">— غير مصنّف —</option>
            @foreach ($categories as $k => $v)
                <option value="{{ $k }}" @selected((int) old('category_id', $product?->category_id) === (int) $k)>{{ $v }}</option>
            @endforeach
        </select>
    </div>

    <div class="col-md-3">
        <label class="form-label">الوحدة <span class="req">*</span></label>
        <input type="text" name="unit" value="{{ old('unit', $product?->unit ?? 'قطعة') }}" class="form-control" required>
    </div>

    <div class="col-md-3">
        <label class="form-label">نسبة الضريبة (%) <span class="req">*</span></label>
        <input type="number" step="0.01" min="0" max="100" name="tax_rate"
               value="{{ old('tax_rate', $product?->tax_rate ?? setting('tax_rate', 15)) }}" class="form-control" required>
    </div>

    <div class="col-12 mt-4"><div class="form-section-title"><i class="fa-solid fa-money-bill"></i>الأسعار والمخزون</div></div>

    <div class="col-md-3">
        <label class="form-label">سعر الشراء <span class="req">*</span></label>
        <div class="input-group">
            <input type="number" step="0.01" min="0" name="purchase_price" value="{{ old('purchase_price', $product?->purchase_price ?? 0) }}" class="form-control" required>
            <span class="input-group-text">{{ setting('currency', 'ر.س') }}</span>
        </div>
    </div>

    <div class="col-md-3">
        <label class="form-label">سعر البيع <span class="req">*</span></label>
        <div class="input-group">
            <input type="number" step="0.01" min="0" name="sale_price" value="{{ old('sale_price', $product?->sale_price ?? 0) }}" class="form-control" required>
            <span class="input-group-text">{{ setting('currency', 'ر.س') }}</span>
        </div>
    </div>

    <div class="col-md-2">
        <label class="form-label">حد الطلب</label>
        <input type="number" min="0" name="min_qty" value="{{ old('min_qty', $product?->min_qty ?? 0) }}" class="form-control">
    </div>

    <div class="col-md-2">
        <label class="form-label">الضمان (شهر)</label>
        <input type="number" min="0" max="120" name="warranty_months" value="{{ old('warranty_months', $product?->warranty_months ?? 0) }}" class="form-control">
    </div>

    <div class="col-md-2">
        <label class="form-label">مدة الاشتراك (شهر)</label>
        <input type="number" min="0" max="120" name="subscription_months" value="{{ old('subscription_months', $product?->subscription_months ?? 0) }}" class="form-control">
    </div>

    @if ($product)
        <div class="col-md-3">
            <label class="form-label">الكمية الحالية</label>
            <input type="text" value="{{ (int) $product->stock_qty }}" class="form-control" readonly>
            <div class="form-text">تُحدَّث تلقائياً من المشتريات وحركات المخزون</div>
        </div>
    @endif

    <div class="col-md-{{ $product ? 5 : 8 }}">
        <label class="form-label">صورة المنتج</label>
        <input type="file" name="image" class="form-control" accept="image/*">
        @if ($product?->image_url)
            <div class="mt-2"><img src="{{ $product->image_url }}" alt="" style="height:60px" class="rounded border"></div>
        @endif
    </div>

    <div class="col-md-4 d-flex align-items-center gap-4">
        <div class="form-check form-switch">
            <input class="form-check-input" type="checkbox" name="track_serial" value="1" id="trackSerial"
                   @checked(old('track_serial', $product?->track_serial ?? false))>
            <label class="form-check-label" for="trackSerial">تتبّع بالـ IMEI</label>
        </div>
        <div class="form-check form-switch">
            <input class="form-check-input" type="checkbox" name="is_active" value="1" id="isActive"
                   @checked(old('is_active', $product?->is_active ?? true))>
            <label class="form-check-label" for="isActive">منتج نشط</label>
        </div>
    </div>

    <div class="col-12">
        <label class="form-label">الوصف / المواصفات</label>
        <textarea name="description" class="form-control" rows="3">{{ old('description', $product?->description) }}</textarea>
    </div>
</div>

<div class="d-flex gap-2 mt-4">
    <button type="submit" class="btn btn-primary"><i class="fa-solid fa-floppy-disk ms-2"></i>حفظ</button>
    <a href="{{ route('products.index') }}" class="btn btn-light">إلغاء</a>
</div>