@csrf
<div class="row g-3">
    <div class="col-12">
        <h6 class="mb-0">1) البيانات الأساسية</h6>
        <hr class="mt-2 mb-0">
    </div>

    <div class="col-md-6">
        <label class="form-label">اسم الصنف <span class="text-danger">*</span></label>
        <input type="text" name="name_ar" class="form-control" placeholder="مثال: لوح أكريليك شفاف 3 مم" value="{{ old('name_ar', $product->name_ar ?? '') }}">
        @error('name_ar') <small class="text-danger">{{ $message }}</small> @enderror
    </div>

    <div class="col-md-3">
        <label class="form-label">الكود <span class="text-danger">*</span></label>
        <input type="text" name="sku" class="form-control" value="{{ old('sku', $product->sku ?? '') }}">
        @error('sku') <small class="text-danger">{{ $message }}</small> @enderror
    </div>

    <div class="col-md-3">
        <label class="form-label">الباركود</label>
        <input type="text" name="barcode" class="form-control" value="{{ old('barcode', $product->barcode ?? '') }}">
        @error('barcode') <small class="text-danger">{{ $message }}</small> @enderror
    </div>

    <div class="col-12 mt-2">
        <h6 class="mb-0">2) التصنيف والمواصفات</h6>
        <hr class="mt-2 mb-0">
    </div>

    <div class="col-md-4">
        <label class="form-label">الفئة <span class="text-danger">*</span></label>
        <select class="form-select" name="category_id">
            <option value="">اختر</option>
            @foreach($categories as $item)
                <option value="{{ $item->id }}" @selected(old('category_id', $product->category_id ?? null) == $item->id)>{{ $item->name_ar }}</option>
            @endforeach
        </select>
        @error('category_id') <small class="text-danger">{{ $message }}</small> @enderror
    </div>

    <div class="col-md-4">
        <label class="form-label">الخامة <span class="text-danger">*</span></label>
        <select class="form-select" name="product_material_id">
            <option value="">اختر</option>
            @foreach($materials as $item)
                <option value="{{ $item->id }}" @selected(old('product_material_id', $product->product_material_id ?? null) == $item->id)>{{ $item->name_ar }}</option>
            @endforeach
        </select>
        @error('product_material_id') <small class="text-danger">{{ $message }}</small> @enderror
    </div>

    <div class="col-md-4">
        <label class="form-label">النوع <span class="text-danger">*</span></label>
        <select class="form-select" name="product_type_id">
            <option value="">اختر</option>
            @foreach($types as $item)
                <option value="{{ $item->id }}" @selected(old('product_type_id', $product->product_type_id ?? null) == $item->id)>{{ $item->name_ar }}</option>
            @endforeach
        </select>
        @error('product_type_id') <small class="text-danger">{{ $message }}</small> @enderror
    </div>

    <div class="col-md-4">
        <label class="form-label">المقاس <span class="text-danger">*</span></label>
        <select class="form-select" name="product_size_id">
            <option value="">اختر</option>
            @foreach($sizes as $item)
                <option value="{{ $item->id }}" @selected(old('product_size_id', $product->product_size_id ?? null) == $item->id)>{{ $item->name_ar }}</option>
            @endforeach
        </select>
        @error('product_size_id') <small class="text-danger">{{ $message }}</small> @enderror
    </div>

    <div class="col-md-4">
        <label class="form-label">السمك <span class="text-danger">*</span></label>
        <select class="form-select" name="product_thickness_id">
            <option value="">اختر</option>
            @foreach($thicknesses as $item)
                <option value="{{ $item->id }}" @selected(old('product_thickness_id', $product->product_thickness_id ?? null) == $item->id)>{{ $item->name_ar }}</option>
            @endforeach
        </select>
        @error('product_thickness_id') <small class="text-danger">{{ $message }}</small> @enderror
    </div>

    <div class="col-md-4">
        <label class="form-label">اللون <span class="text-danger">*</span></label>
        <select class="form-select" name="product_color_id">
            <option value="">اختر</option>
            @foreach($colors as $item)
                <option value="{{ $item->id }}" @selected(old('product_color_id', $product->product_color_id ?? null) == $item->id)>{{ $item->name_ar }}</option>
            @endforeach
        </select>
        @error('product_color_id') <small class="text-danger">{{ $message }}</small> @enderror
    </div>

    <div class="col-md-4">
        <label class="form-label">الوحدة الأساسية <span class="text-danger">*</span></label>
        <select class="form-select" name="unit_id">
            <option value="">اختر</option>
            @foreach($units as $item)
                <option value="{{ $item->id }}" @selected(old('unit_id', $product->unit_id ?? null) == $item->id)>{{ $item->name_ar }}</option>
            @endforeach
        </select>
        @error('unit_id') <small class="text-danger">{{ $message }}</small> @enderror
    </div>

    <div class="col-md-4">
        <label class="form-label">حد التنبيه</label>
        <input type="number" step="0.0001" min="0" name="minimum_stock_quantity" class="form-control"
               value="{{ old('minimum_stock_quantity', $product->minimum_stock_quantity ?? 0) }}">
        <small class="text-muted">عند الوصول لهذا الحد يظهر تنبيه لإعادة الطلب.</small>
        @error('minimum_stock_quantity') <small class="text-danger">{{ $message }}</small> @enderror
    </div>

    <div class="col-12 mt-2">
        <h6 class="mb-0">3) التسعير</h6>
        <hr class="mt-2 mb-0">
    </div>

    <div class="col-md-3">
        <label class="form-label">سعر القطاعي <span class="text-danger">*</span></label>
        <input type="number" step="0.01" min="0" name="retail_price" class="form-control"
               value="{{ old('retail_price', $prices['retail'] ?? 0) }}">
        @error('retail_price') <small class="text-danger">{{ $message }}</small> @enderror
    </div>
    <div class="col-md-3">
        <label class="form-label">سعر نصف الجملة <span class="text-danger">*</span></label>
        <input type="number" step="0.01" min="0" name="half_wholesale_price" class="form-control"
               value="{{ old('half_wholesale_price', $prices['half_wholesale'] ?? 0) }}">
        @error('half_wholesale_price') <small class="text-danger">{{ $message }}</small> @enderror
    </div>
    <div class="col-md-3">
        <label class="form-label">سعر الجملة <span class="text-danger">*</span></label>
        <input type="number" step="0.01" min="0" name="wholesale_price" class="form-control"
               value="{{ old('wholesale_price', $prices['wholesale'] ?? 0) }}">
        @error('wholesale_price') <small class="text-danger">{{ $message }}</small> @enderror
    </div>
    <div class="col-md-3">
        <label class="form-label">تكلفة الشراء <span class="text-danger">*</span></label>
        <input type="number" step="0.01" min="0" name="purchase_cost_price" class="form-control"
               value="{{ old('purchase_cost_price', $prices['purchase_cost'] ?? 0) }}">
        @error('purchase_cost_price') <small class="text-danger">{{ $message }}</small> @enderror
    </div>

    <div class="col-12 mt-2">
        <h6 class="mb-0">4) خدمات البيع والحالة</h6>
        <hr class="mt-2 mb-0">
    </div>

    <div class="col-md-4">
        <div class="form-check mt-4">
            <input class="form-check-input" type="checkbox" name="supports_cutting_service" value="1" id="supports_cutting_service"
                @checked(old('supports_cutting_service', $product->supports_cutting_service ?? false))>
            <label class="form-check-label" for="supports_cutting_service">يقبل التقطيع</label>
        </div>
    </div>
    <div class="col-md-4">
        <div class="form-check mt-4">
            <input class="form-check-input" type="checkbox" name="supports_forming_service" value="1" id="supports_forming_service"
                @checked(old('supports_forming_service', $product->supports_forming_service ?? false))>
            <label class="form-check-label" for="supports_forming_service">يقبل التشكيل</label>
        </div>
    </div>
    <div class="col-md-4">
        <div class="form-check mt-4">
            <input class="form-check-input" type="checkbox" name="is_active" value="1" id="is_active"
                @checked(old('is_active', $product->is_active ?? true))>
            <label class="form-check-label" for="is_active">مفعل</label>
        </div>
    </div>
</div>

<div class="d-flex flex-wrap gap-2 mt-4">
    <button type="submit" class="btn btn-primary">حفظ ومتابعة</button>
    <a href="{{ route('admin.products.index') }}" class="btn btn-light">إلغاء</a>
</div>