@extends('admin.layouts.admin')

@section('title', 'Edit Product - SIVILIMA Admin')
@section('breadcrumb_title', 'Edit Product')
@section('breadcrumb')
  <li class="breadcrumb-item"><a href="{{ route('admin.products.index') }}">Products</a></li>
  <li class="breadcrumb-item active">{{ $product->name }}</li>
@endsection

@section('content')
<div class="row">
  <div class="col-12 col-lg-8">
    <div class="card">
      <div class="card-header"><h6 class="mb-0">Edit: {{ $product->name }}</h6></div>
      <div class="card-body">
        <form method="POST" action="{{ route('admin.products.update', $product) }}" enctype="multipart/form-data">
          @csrf @method('PUT')
          <div class="row g-3">
            <div class="col-md-6">
              <label class="form-label">Name *</label>
              <input type="text" name="name" class="form-control" value="{{ old('name', $product->name) }}" required>
            </div>
            <div class="col-md-6">
              <label class="form-label">Category *</label>
              <select name="category_id" class="form-select" required>
                @foreach($categories as $cat)
                <option value="{{ $cat->id }}" {{ old('category_id', $product->category_id) == $cat->id ? 'selected' : '' }}>{{ $cat->name }}</option>
                @endforeach
              </select>
            </div>
            <div class="col-md-4">
              <label class="form-label">Price (Rs.)</label>
              <input type="number" name="price" class="form-control" step="0.01" min="0" value="{{ old('price', $product->price) }}">
            </div>
            <div class="col-md-4">
              <label class="form-label">Sort Order</label>
              <input type="number" name="sort_order" class="form-control" value="{{ old('sort_order', $product->sort_order) }}">
            </div>
            <div class="col-md-4">
              <label class="form-label">Status</label>
              <select name="is_active" class="form-select">
                <option value="1" {{ old('is_active', $product->is_active) ? 'selected' : '' }}>Active</option>
                <option value="0" {{ !old('is_active', $product->is_active) ? 'selected' : '' }}>Draft</option>
              </select>
            </div>
            <div class="col-12">
              <label class="form-label">Image</label>
              @if($product->image)
                <div class="mb-2">
                  <img src="{{ asset('storage/' . $product->image) }}" style="width:120px;height:80px;object-fit:cover;border-radius:5px;border:1px solid #ddd;">
                  <small class="d-block text-muted">Current image</small>
                </div>
              @endif
              <input type="file" name="image" class="form-control" accept="image/*">
              <small class="text-muted">Leave empty to keep current image. JPG, PNG, WebP - Max 5MB</small>
            </div>
            <div class="col-12">
              <label class="form-label">Description</label>
              <textarea name="description" class="form-control" rows="4">{{ old('description', $product->description) }}</textarea>
            </div>
            <div class="col-12">
              <button type="submit" class="btn btn-primary px-4">Update Product</button>
              <a href="{{ route('admin.products.index') }}" class="btn btn-light px-4">Cancel</a>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
@endsection