{{-- resources/views/products/create.blade.php --}}
@extends('layouts.app')

@section('title', 'Add Product')

@section('content')
<h3 class="mb-3">Add Product</h3>

<div class="card">
    <div class="card-body">
        <form action="{{ route('products.store') }}" method="POST" enctype="multipart/form-data">
            @csrf

            <div class="row mb-3">
                <div class="col-md-4">
                    <label class="form-label">Parent SKU</label>
                    <input type="text"
                           name="parent_sku"
                           class="form-control @error('parent_sku') is-invalid @enderror"
                           value="{{ old('parent_sku', $defaultParentSku ?? '') }}">
                    @error('parent_sku')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-4">
                    <label class="form-label">SKU</label>
                    <input type="text"
                           name="sku"
                           class="form-control @error('sku') is-invalid @enderror"
                           value="{{ old('sku', $defaultSku ?? '') }}">
                    @error('sku')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-4">
                    <label class="form-label">Name</label>
                    <input type="text"
                           name="name"
                           class="form-control @error('name') is-invalid @enderror"
                           value="{{ old('name') }}">
                    @error('name')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>

            <div class="row mb-3">
                <div class="col-md-4">
                    <label class="form-label">Category</label>
                    <input type="text" name="category"
                           class="form-control @error('category') is-invalid @enderror"
                           value="{{ old('category') }}">
                    @error('category')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-4">
                    <label class="form-label">Size</label>
                    <input type="text" name="size"
                           class="form-control @error('size') is-invalid @enderror"
                           value="{{ old('size') }}">
                    @error('size')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-4">
                    <label class="form-label">Color</label>
                    <input type="text" name="color"
                           class="form-control @error('color') is-invalid @enderror"
                           value="{{ old('color') }}">
                    @error('color')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>

            <div class="row mb-3">
                <div class="col-md-3">
                    <label class="form-label">Unit</label>
                    <input type="text" name="unit"
                           class="form-control @error('unit') is-invalid @enderror"
                           value="{{ old('unit') }}">
                    @error('unit')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-3">
                    <label class="form-label">Cost</label>
                    <input type="number" step="0.01" name="std_cost"
                           class="form-control @error('std_cost') is-invalid @enderror"
                           value="{{ old('std_cost') }}">
                    @error('std_cost')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-3">
                    <label class="form-label">Wholesale Price</label>
                    <input type="number" step="0.01" name="price_web"
                           class="form-control @error('price_web') is-invalid @enderror"
                           value="{{ old('price_web') }}">
                    @error('price_web')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-3">
                    <label class="form-label">Outside Price</label>
                    <input type="number" step="0.01" name="price_outside"
                           class="form-control @error('price_outside') is-invalid @enderror"
                           value="{{ old('price_outside') }}">
                    @error('price_outside')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>

            <div class="row mb-4">
                <div class="col-md-6">
                    <label class="form-label">Primary Image</label>
                    <input type="file"
                           name="image_primary"
                           class="form-control @error('image_primary') is-invalid @enderror">
                    <small class="text-muted">JPG, PNG, WEBP; max 2MB</small>
                    @error('image_primary')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>

            <button type="submit" class="btn btn-success">Save</button>
            <a href="{{ route('products.index') }}" class="btn btn-secondary ms-2">Back</a>
        </form>
    </div>
</div>
@endsection