@extends('layout')

@section('content')
  <div class="header-actions">
    <h2>Edit Product</h2>
    <div class="spacer"></div>
    <a class="btn btn-secondary" href="{{ route('products.index') }}">Back to List</a>
  </div>
  <form method="post" action="{{ route('products.update', $product) }}">
    @csrf
    @method('PUT')
    <div class="card">
      <div class="card-header">
        <h3>Product Details</h3>
      </div>
      <div class="grid" style="grid-template-columns: repeat(2, 1fr); gap: 16px;">
        <div>
          <label>Name</label>
          <input name="name" value="{{ old('name', $product->name) }}" required>
        </div>
        <div>
          <label>Category</label>
          <input name="category" value="{{ old('category', $product->category) }}">
        </div>
        <div>
          <label>Brand</label>
          <input name="brand" value="{{ old('brand', $product->brand) }}">
        </div>
        <div>
          <label>Model</label>
          <input name="model" value="{{ old('model', $product->model) }}">
        </div>
        <div>
          <label>Serial Number</label>
          <input name="serial_number" value="{{ old('serial_number', $product->serial_number) }}">
        </div>
        <div>
          <label>IMEI</label>
          <input name="imei" value="{{ old('imei', $product->imei) }}">
        </div>
        <div>
          <label>Selling Price</label>
          <input name="price" type="number" step="0.01" value="{{ old('price', $product->price) }}" required>
        </div>
        <div>
          <label>Purchase Price</label>
          <input name="purchase_price" type="number" step="0.01" value="{{ old('purchase_price', $product->purchase_price) }}">
        </div>
        <div>
          <label>Stock</label>
          <input name="stock" type="number" min="0" value="{{ old('stock', $product->stock) }}">
        </div>
        <div class="col-span-full">
          <label>Notes</label>
          <textarea name="notes" rows="3">{{ old('notes', $product->notes) }}</textarea>
        </div>
      </div>
      <div style="margin-top:12px; display:flex; gap:8px;">
        <a class="btn btn-secondary" href="{{ route('products.index') }}">Back</a>
        <button class="btn btn-primary" type="submit">Update</button>
      </div>
    </div>
  </form>
@endsection