@extends('dashboard.layout')
@section('title','تعديل منتج')

@section('content')
<div class="card card-dark p-3">
  <form action="{{ route('dashboard.products.update',$product) }}" method="POST" enctype="multipart/form-data" class="row g-3">
    @csrf @method('PUT')
    <div class="col-12 col-lg-6"><label class="form-label">اسم المنتج</label><input name="name" class="form-control" required value="{{ old('name',$product->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',$product->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',$product->price) }}"></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',$product->sale_price) }}"></div>
    <div class="col-12"><label class="form-label">الوصف</label><textarea name="description" rows="4" class="form-control">{{ old('description',$product->description) }}</textarea></div>
    <div class="col-12 col-lg-6">
      <label class="form-label d-block">الصورة الحالية</label>
      <div class="d-flex align-items-center gap-3">
        <img src="{{ $product->image ? asset('storage/'.$product->image) : 'https://ui-avatars.com/api/?name='.urlencode($product->name) }}" style="width:84px;height:84px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.08)">
        <div class="flex-grow-1">
          <label class="form-label">استبدال الصورة</label>
          <input type="file" name="image" class="form-control">
        </div>
      </div>
    </div>
    <div class="col-12 col-lg-6"><label class="form-label">الحالة</label><select name="status" class="form-select"><option value="active" @selected(old('status',$product->status)==='active')>فعال</option><option value="inactive" @selected(old('status',$product->status)==='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