@extends('layouts.admin')

@section('content')
<div class="max-w-3xl rounded-xl bg-white border border-outline-variant p-6 md:p-7">
    <h1 class="text-3xl font-headline font-extrabold text-primary mb-5">Edit Product</h1>
    <form method="POST" action="{{ route('admin.products.update', $product) }}" class="grid gap-4">
        @csrf @method('PUT')
        <select class="rounded-md border border-outline-variant/60 px-4 py-3" name="category_id">
            <option value="">No category</option>
            @foreach($categories as $category)
                <option value="{{ $category->id }}" @selected($product->category_id === $category->id)>{{ $category->name }}</option>
            @endforeach
        </select>
        <input class="rounded-md border border-outline-variant/60 px-4 py-3" name="name" value="{{ old('name', $product->name) }}" required>
        <input class="rounded-md border border-outline-variant/60 px-4 py-3" name="sku" value="{{ old('sku', $product->sku) }}" required>
        <div class="grid sm:grid-cols-3 gap-4">
            <input class="rounded-md border border-outline-variant/60 px-4 py-3" type="number" step="0.01" min="0" name="price" value="{{ old('price', $product->price) }}" required>
            <input class="rounded-md border border-outline-variant/60 px-4 py-3" type="number" step="0.01" min="0" name="compare_price" value="{{ old('compare_price', $product->compare_price) }}">
            <input class="rounded-md border border-outline-variant/60 px-4 py-3" type="number" min="0" name="stock" value="{{ old('stock', $product->stock) }}" required>
        </div>
        <input class="rounded-md border border-outline-variant/60 px-4 py-3" name="image" value="{{ old('image', $product->image) }}">
        <textarea class="rounded-md border border-outline-variant/60 px-4 py-3" name="short_description" rows="2">{{ old('short_description', $product->short_description) }}</textarea>
        <textarea class="rounded-md border border-outline-variant/60 px-4 py-3" name="description" rows="5">{{ old('description', $product->description) }}</textarea>
        <label class="inline-flex items-center gap-2 font-semibold"><input type="checkbox" name="is_active" value="1" @checked($product->is_active)> Active</label>
        <div class="flex gap-2">
            <button class="px-5 py-3 rounded-md bg-primary text-white font-bold" type="submit">Update</button>
            <a href="{{ route('admin.products.index') }}" class="px-5 py-3 rounded-md border border-outline-variant font-semibold">Cancel</a>
        </div>
    </form>
</div>
@endsection