@extends('dashboard.layout')
@section('title','إضافة منتج')

@section('content')
<div class="card card-dark p-3">
  <form action="{{ route('dashboard.products.store') }}" method="POST" enctype="multipart/form-data" class="row g-3">
    @csrf
    <div class="col-12 col-lg-6"><label class="form-label">اسم المنتج</label><input name="name" class="form-control" required value="{{ old('name') }}"></div>
    <div class="col-12 col-lg-6">
      <label class="form-label">الفئة</label>
      <select name="catalog_id" class="form-select">@foreach($catalogs as $cat)<option value="{{ $cat->id }}" @selected(old('catalog_id')==$cat->id)>{{ $cat->name }}</option>@endforeach</select>
    </div>
    <div class="col-6 col-lg-3"><label class="form-label">السعر</label><input type="number" step="0.01" name="price" class="form-control" value="{{ old('price',0) }}"></div>
    <div class="col-6 col-lg-3"><label class="form-label">سعر التخفيض</label><input type="number" step="0.01" name="sale_price" class="form-control" value="{{ old('sale_price') }}"></div>
    <div class="col-12"><label class="form-label">الوصف</label><textarea name="description" rows="4" class="form-control">{{ old('description') }}</textarea></div>
    <div class="col-12 col-lg-6"><label class="form-label">صورة المنتج</label><input type="file" name="image" class="form-control"></div>
    <div class="col-12 col-lg-6"><label class="form-label">الحالة</label><select name="status" class="form-select"><option value="active">فعال</option><option value="inactive">غير فعال</option></select></div>
    <div class="col-12 d-flex gap-2"><button class="btn btn-primary"><i class="fas fa-save ms-1"></i> حفظ</button><a href="{{ route('dashboard.products.index') }}" class="btn btn-outline-secondary">إلغاء</a></div>
  </form>
</div>
@endsection