@extends('layouts.app')

@php
    $variantsText = old('variants_text', implode(', ', $product->variants ?? []));
    $bundleText = old('bundle_items_text', implode(', ', $product->bundle_items ?? []));
@endphp

@section('content')
    <div class="page-title">
        <div>
            <h1>{{ $product->exists ? 'Edit product' : 'Add product' }}</h1>
            <p class="muted">Set barcode, QR, stock, tax, variants, combo/bundle data and billing preview image.</p>
        </div>
        <a class="btn btn-secondary" href="{{ route('products.index') }}">Back</a>
    </div>

    <div class="form-wrap">
        <form method="POST" action="{{ $product->exists ? route('products.update', $product) : route('products.store') }}">
            @csrf
            @if ($product->exists)
                @method('PUT')
            @endif

            <div class="grid-2">
                <div class="field">
                    <label for="name">Product name</label>
                    <input id="name" name="name" value="{{ old('name', $product->name) }}" autofocus>
                    @error('name') <span class="error">{{ $message }}</span> @enderror
                </div>
                <div class="field">
                    <label for="sku">SKU</label>
                    <input id="sku" name="sku" value="{{ old('sku', $product->sku) }}">
                    @error('sku') <span class="error">{{ $message }}</span> @enderror
                </div>
                <div class="field">
                    <label for="brand">Brand</label>
                    <input id="brand" name="brand" value="{{ old('brand', $product->brand) }}">
                    @error('brand') <span class="error">{{ $message }}</span> @enderror
                </div>
                <div class="field">
                    <label for="default_warehouse_code">Default warehouse</label>
                    <select id="default_warehouse_code" name="default_warehouse_code">
                        <option value="">Select warehouse</option>
                        @foreach ($warehouses as $warehouse)
                            <option value="{{ $warehouse->code }}" @selected(old('default_warehouse_code', $product->default_warehouse_code) === $warehouse->code)>{{ $warehouse->name }}</option>
                        @endforeach
                    </select>
                    @error('default_warehouse_code') <span class="error">{{ $message }}</span> @enderror
                </div>
                <div class="field">
                    <label for="product_category_id">Category</label>
                    <select id="product_category_id" name="product_category_id">
                        <option value="">Uncategorized</option>
                        @foreach ($categories as $category)
                            <option value="{{ $category->id }}" @selected(old('product_category_id', $product->product_category_id) == $category->id)>{{ $category->name }}</option>
                        @endforeach
                    </select>
                    @error('product_category_id') <span class="error">{{ $message }}</span> @enderror
                </div>
                <div class="field">
                    <label for="new_category_name">New category</label>
                    <input id="new_category_name" name="new_category_name" value="{{ old('new_category_name') }}" placeholder="Optional">
                    @error('new_category_name') <span class="error">{{ $message }}</span> @enderror
                </div>
                <div class="field">
                    <label for="barcode">Barcode</label>
                    <input id="barcode" name="barcode" value="{{ old('barcode', $product->barcode) }}">
                    @error('barcode') <span class="error">{{ $message }}</span> @enderror
                </div>
                <div class="field">
                    <label for="qr_code">QR code</label>
                    <input id="qr_code" name="qr_code" value="{{ old('qr_code', $product->qr_code) }}">
                    @error('qr_code') <span class="error">{{ $message }}</span> @enderror
                </div>
                <div class="field">
                    <label for="cost_price">Cost price</label>
                    <input id="cost_price" name="cost_price" type="number" min="0" step="0.01" value="{{ old('cost_price', $product->cost_price ?? 0) }}">
                    @error('cost_price') <span class="error">{{ $message }}</span> @enderror
                </div>
                <div class="field">
                    <label for="sale_price">Sale price</label>
                    <input id="sale_price" name="sale_price" type="number" min="0" step="0.01" value="{{ old('sale_price', $product->sale_price ?? 0) }}">
                    @error('sale_price') <span class="error">{{ $message }}</span> @enderror
                </div>
                <div class="field">
                    <label for="tax_rate">Tax rate %</label>
                    <input id="tax_rate" name="tax_rate" type="number" min="0" max="100" step="0.01" value="{{ old('tax_rate', $product->tax_rate ?? 5) }}">
                    @error('tax_rate') <span class="error">{{ $message }}</span> @enderror
                </div>
                <div class="field">
                    <label for="image_url">Image URL</label>
                    <input id="image_url" name="image_url" value="{{ old('image_url', $product->image_url) }}" placeholder="https://...">
                    @error('image_url') <span class="error">{{ $message }}</span> @enderror
                </div>
                <div class="field">
                    <label for="stock_quantity">Stock quantity</label>
                    <input id="stock_quantity" name="stock_quantity" type="number" min="0" value="{{ old('stock_quantity', $product->stock_quantity ?? 0) }}">
                    @error('stock_quantity') <span class="error">{{ $message }}</span> @enderror
                </div>
                <div class="field">
                    <label for="low_stock_threshold">Low stock threshold</label>
                    <input id="low_stock_threshold" name="low_stock_threshold" type="number" min="0" value="{{ old('low_stock_threshold', $product->low_stock_threshold ?? 5) }}">
                    @error('low_stock_threshold') <span class="error">{{ $message }}</span> @enderror
                </div>
                <div class="field">
                    <label for="variants_text">Variants</label>
                    <input id="variants_text" name="variants_text" value="{{ $variantsText }}" placeholder="Small, Medium, Large">
                    @error('variants_text') <span class="error">{{ $message }}</span> @enderror
                </div>
                <div class="field">
                    <label for="bundle_items_text">Bundle items</label>
                    <input id="bundle_items_text" name="bundle_items_text" value="{{ $bundleText }}" placeholder="Drink, Dessert">
                    @error('bundle_items_text') <span class="error">{{ $message }}</span> @enderror
                </div>
                <div class="field">
                    <label for="sold_quantity">Sold quantity</label>
                    <input id="sold_quantity" name="sold_quantity" type="number" min="0" value="{{ old('sold_quantity', $product->sold_quantity ?? 0) }}">
                    @error('sold_quantity') <span class="error">{{ $message }}</span> @enderror
                </div>
                <div class="field">
                    <label for="status">Status</label>
                    <select id="status" name="status">
                        <option value="active" @selected(old('status', $product->status ?: 'active') === 'active')>Active</option>
                        <option value="inactive" @selected(old('status', $product->status) === 'inactive')>Inactive</option>
                    </select>
                    @error('status') <span class="error">{{ $message }}</span> @enderror
                </div>
            </div>

            <label class="check-row">
                <input type="checkbox" name="is_combo" value="1" @checked(old('is_combo', $product->is_combo))>
                <span>Combo product / bundle</span>
            </label>

            <button class="btn btn-primary" type="submit">{{ $product->exists ? 'Update product' : 'Create product' }}</button>
        </form>
    </div>
@endsection