@extends('layouts.admin')

@section('title', 'Edit ' . $product->title . ' | Omni Trade')
@section('page_title', 'Edit Product: ' . Str::limit($product->title, 40))

@section('content')
<div class="card" style="max-width:860px;">
    <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; border-bottom:1px solid var(--admin-border); padding-bottom:16px;">
        <h3 style="font-size:18px; font-weight:700; color:var(--admin-text-main);">Update Product &amp; Markup</h3>
        <a href="{{ route('admin.products.index') }}" class="btn btn-outline btn-sm">&larr; Back to Catalog</a>
    </div>

    <form action="{{ route('admin.products.update', $product->id) }}" method="POST">
        @csrf
        @method('PUT')

        <div style="margin-bottom:18px;">
            <label>Product Title *</label>
            <input type="text" name="title" value="{{ old('title', $product->title) }}" required>
        </div>

        <div style="display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:18px;">
            <div>
                <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:6px;">
                    <label style="margin:0;">Category</label>
                    <a href="{{ route('admin.categories.index') }}" target="_blank" style="font-size:11.5px; color:var(--admin-primary); font-weight:700; text-decoration:none;">
                        + Manage / Add Categories
                    </a>
                </div>
                <select name="category_id">
                    <option value="">Select Category...</option>
                    @foreach($categories as $cat)
                        <option value="{{ $cat->id }}" {{ $product->category_id == $cat->id ? 'selected' : '' }}>{{ $cat->name }}</option>
                    @endforeach
                </select>
            </div>

            <div>
                <label>Supplier Channel</label>
                <select name="supplier_id">
                    <option value="">Select Supplier...</option>
                    @foreach($suppliers as $sup)
                        <option value="{{ $sup->id }}" {{ $product->supplier_id == $sup->id ? 'selected' : '' }}>{{ $sup->name }}</option>
                    @endforeach
                </select>
            </div>
        </div>

        <div style="display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:18px;">
            <div>
                <label>Supplier Product ID / ASIN</label>
                <input type="text" name="supplier_product_id" value="{{ old('supplier_product_id', $product->supplier_product_id) }}">
            </div>

            <div>
                <label>Direct Supplier Source URL</label>
                <input type="url" name="supplier_url" value="{{ old('supplier_url', $product->supplier_url) }}">
            </div>
        </div>

        <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; margin-bottom:18px;">
            <div>
                <label>Supplier Cost Price ($) *</label>
                <input type="number" step="0.01" name="cost_price" value="{{ old('cost_price', $product->cost_price) }}" required>
            </div>

            <div>
                <label>Store Retail Price ($) *</label>
                <input type="number" step="0.01" name="price" value="{{ old('price', $product->price) }}" required>
            </div>

            <div>
                <label>Compare-At Price ($)</label>
                <input type="number" step="0.01" name="compare_at_price" value="{{ old('compare_at_price', $product->compare_at_price) }}">
            </div>
        </div>

        <div style="display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:18px;">
            <div>
                <label>Stock Quantity</label>
                <input type="number" name="stock_quantity" value="{{ old('stock_quantity', $product->stock_quantity) }}" required>
            </div>
            <div>
                <label>Add Image URL</label>
                <input type="url" name="image_url" placeholder="https://...">
            </div>
        </div>

        <div style="margin-bottom:18px;">
            <label>Short Description</label>
            <textarea name="short_description" rows="2">{{ old('short_description', $product->short_description) }}</textarea>
        </div>

        <div style="margin-bottom:24px;">
            <label>Full Description (HTML supported)</label>
            <textarea name="description" rows="6">{{ old('description', $product->description) }}</textarea>
        </div>

        <div style="display:flex; gap:20px; margin-bottom:24px;">
            <label style="display:flex; align-items:center; gap:8px; cursor:pointer;">
                <input type="checkbox" name="is_featured" value="1" {{ $product->is_featured ? 'checked' : '' }} style="accent-color:var(--admin-primary);">
                <span>Featured on Homepage</span>
            </label>

            <label style="display:flex; align-items:center; gap:8px; cursor:pointer;">
                <input type="checkbox" name="is_trending" value="1" {{ $product->is_trending ? 'checked' : '' }} style="accent-color:var(--admin-primary);">
                <span>Trending Badge</span>
            </label>

            <label style="display:flex; align-items:center; gap:8px; cursor:pointer;">
                <input type="checkbox" name="is_active" value="1" {{ $product->is_active ? 'checked' : '' }} style="accent-color:var(--admin-primary);">
                <span>Active in Store</span>
            </label>
        </div>

        <button type="submit" class="btn btn-primary" style="padding:12px 28px;">
            Update Product
        </button>
    </form>
</div>
@endsection