@extends('layouts.admin')

@section('title', 'Edit Product - ' . $product->name . ' - ' . $vendor->vendor_name)

@section('content')
<div class="container-fluid">
    <!-- Header -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="h3 mb-0 fw-bold">
            <i class="bi bi-pencil me-2"></i>Edit Product
        </h1>
    </div>

    <!-- Breadcrumb -->
    <nav aria-label="breadcrumb" class="mb-4">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('admin.vendors.index') }}">Vendors</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.vendors.show', $vendor) }}">{{ $vendor->vendor_name }}</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.vendors.products.index', $vendor) }}">Products</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.vendors.products.products', ['vendor' => $vendor, 'categoryId' => $category->id]) }}">{{ $category->name }}</a></li>
            <li class="breadcrumb-item active">Edit {{ $product->name }}</li>
        </ol>
    </nav>

    <form action="{{ route('admin.vendors.products.products.update', ['vendor' => $vendor, 'product' => $product]) }}" method="POST" enctype="multipart/form-data">
        @csrf
        @method('PUT')
        
        <div class="row g-4">
            <!-- Basic Information -->
            <div class="col-lg-8">
                <div class="card border-0 shadow-sm">
                    <div class="card-header bg-white border-0 pt-4 pb-3">
                        <h6 class="card-title mb-0 fw-bold">Basic Information</h6>
                    </div>
                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-12">
                                <label for="name" class="form-label fw-bold">Product Name *</label>
                                <input type="text" class="form-control @error('name') is-invalid @enderror" 
                                       id="name" name="name" value="{{ old('name', $product->name) }}" 
                                       placeholder="Enter product name" required>
                                @error('name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-12">
                                <label for="short_description" class="form-label fw-bold">Short Description</label>
                                <textarea class="form-control @error('short_description') is-invalid @enderror" 
                                          id="short_description" name="short_description" rows="2" 
                                          placeholder="Brief product description">{{ old('short_description', $product->short_description) }}</textarea>
                                @error('short_description')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-12">
                                <label for="description" class="form-label fw-bold">Full Description *</label>
                                <textarea class="form-control @error('description') is-invalid @enderror" 
                                          id="description" name="description" rows="5" 
                                          placeholder="Detailed product description" required>{{ old('description', $product->description) }}</textarea>
                                @error('description')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <label for="bizspot_main_category_id" class="form-label fw-bold">Main Category</label>
                                <input type="text" class="form-control" value="{{ $category->name }}" readonly>
                                <input type="hidden" name="bizspot_main_category_id" value="{{ $category->id }}">
                            </div>

                            <div class="col-md-6">
                                <label for="bizspot_sub_category_id" class="form-label fw-bold">Sub Category (Optional)</label>
                                <select class="form-select @error('bizspot_sub_category_id') is-invalid @enderror" 
                                        id="bizspot_sub_category_id" name="bizspot_sub_category_id">
                                    <option value="">Select sub category (optional)</option>
                                    @foreach($subCategories as $subCategory)
                                        <option value="{{ $subCategory->id }}" 
                                                {{ old('bizspot_sub_category_id', $product->bizspot_sub_category_id) == $subCategory->id ? 'selected' : '' }}>
                                            {{ $subCategory->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('bizspot_sub_category_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <label for="product_brand_id" class="form-label fw-bold">Brand (Optional)</label>
                                <select class="form-select @error('product_brand_id') is-invalid @enderror" 
                                        id="product_brand_id" name="product_brand_id">
                                    <option value="">Select brand (optional)</option>
                                    @foreach($brands as $brand)
                                        <option value="{{ $brand->id }}" 
                                                {{ old('product_brand_id', $product->product_brand_id) == $brand->id ? 'selected' : '' }}>
                                            {{ $brand->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('product_brand_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <label for="sku" class="form-label fw-bold">SKU (Optional)</label>
                                <input type="text" class="form-control @error('sku') is-invalid @enderror" 
                                       id="sku" name="sku" value="{{ old('sku', $product->sku) }}" 
                                       placeholder="Product SKU/Code">
                                @error('sku')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Pricing -->
                <div class="card border-0 shadow-sm mt-4">
                    <div class="card-header bg-white border-0 pt-4 pb-3">
                        <h6 class="card-title mb-0 fw-bold">Pricing</h6>
                    </div>
                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-md-4">
                                <label for="base_price" class="form-label fw-bold">Base Price (AED د.إ) *</label>
                                <input type="number" class="form-control @error('base_price') is-invalid @enderror" 
                                       id="base_price" name="base_price" value="{{ old('base_price', $product->base_price) }}" 
                                       step="0.01" min="0" placeholder="0.00" required>
                                @error('base_price')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-4">
                                <label for="sale_price" class="form-label fw-bold">Sale Price (AED د.إ)</label>
                                <input type="number" class="form-control @error('sale_price') is-invalid @enderror" 
                                       id="sale_price" name="sale_price" value="{{ old('sale_price', $product->sale_price) }}" 
                                       step="0.01" min="0" placeholder="0.00">
                                @error('sale_price')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-4">
                                <label for="cost_price" class="form-label fw-bold">Cost Price (AED د.إ)</label>
                                <input type="number" class="form-control @error('cost_price') is-invalid @enderror" 
                                       id="cost_price" name="cost_price" value="{{ old('cost_price', $product->cost_price) }}" 
                                       step="0.01" min="0" placeholder="0.00">
                                @error('cost_price')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Inventory -->
                <div class="card border-0 shadow-sm mt-4">
                    <div class="card-header bg-white border-0 pt-4 pb-3">
                        <h6 class="card-title mb-0 fw-bold">Inventory Management</h6>
                    </div>
                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label for="stock_quantity" class="form-label fw-bold">Stock Quantity *</label>
                                <input type="number" class="form-control @error('stock_quantity') is-invalid @enderror" 
                                       id="stock_quantity" name="stock_quantity" value="{{ old('stock_quantity', $product->stock_quantity) }}" 
                                       min="0" required>
                                @error('stock_quantity')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <label for="low_stock_threshold" class="form-label fw-bold">Low Stock Alert *</label>
                                <input type="number" class="form-control @error('low_stock_threshold') is-invalid @enderror" 
                                       id="low_stock_threshold" name="low_stock_threshold" value="{{ old('low_stock_threshold', $product->low_stock_threshold) }}" 
                                       min="0" required>
                                @error('low_stock_threshold')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-12">
                                <div class="form-check form-switch">
                                    <input class="form-check-input" type="checkbox" id="track_inventory" 
                                           name="track_inventory" value="1" {{ old('track_inventory', $product->track_inventory) ? 'checked' : '' }}>
                                    <label class="form-check-label fw-bold" for="track_inventory">
                                        Track Inventory
                                    </label>
                                </div>
                                <div class="form-check form-switch">
                                    <input class="form-check-input" type="checkbox" id="allow_backorder" 
                                           name="allow_backorder" value="1" {{ old('allow_backorder', $product->allow_backorder) ? 'checked' : '' }}>
                                    <label class="form-check-label fw-bold" for="allow_backorder">
                                        Allow Backorders
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Sidebar -->
            <div class="col-lg-4">
                <!-- Current Images -->
                @if($product->featured_image || $product->gallery_images)
                <div class="card border-0 shadow-sm mb-4">
                    <div class="card-header bg-white border-0 pt-4 pb-3">
                        <h6 class="card-title mb-0 fw-bold">Current Images</h6>
                    </div>
                    <div class="card-body">
                        @if($product->featured_image)
                        <div class="mb-3">
                            <label class="form-label fw-bold">Featured Image</label>
                            <div>
                                <img src="{{ Storage::url($product->featured_image) }}" alt="Featured" 
                                     class="img-fluid rounded" style="max-height: 150px;">
                            </div>
                        </div>
                        @endif
                        
                        @if($product->gallery_images && is_array($product->gallery_images) && count($product->gallery_images) > 0)
                        <div>
                            <label class="form-label fw-bold">Gallery Images</label>
                            <div class="row g-2">
                                @foreach($product->gallery_images as $image)
                                <div class="col-6">
                                    <img src="{{ Storage::url($image) }}" alt="Gallery" 
                                         class="img-fluid rounded" style="height: 80px; object-fit: cover;">
                                </div>
                                @endforeach
                            </div>
                        </div>
                        @endif
                    </div>
                </div>
                @endif

                <!-- Update Images -->
                <div class="card border-0 shadow-sm">
                    <div class="card-header bg-white border-0 pt-4 pb-3">
                        <h6 class="card-title mb-0 fw-bold">Update Images</h6>
                    </div>
                    <div class="card-body">
                        <div class="mb-3">
                            <label for="featured_image" class="form-label fw-bold">New Featured Image</label>
                            <input type="file" class="form-control @error('featured_image') is-invalid @enderror" 
                                   id="featured_image" name="featured_image" accept="image/*">
                            <small class="text-muted">Leave empty to keep current image</small>
                            @error('featured_image')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="gallery_images" class="form-label fw-bold">New Gallery Images</label>
                            <input type="file" class="form-control @error('gallery_images.*') is-invalid @enderror" 
                                   id="gallery_images" name="gallery_images[]" accept="image/*" multiple>
                            <small class="text-muted">Leave empty to keep current gallery</small>
                            @error('gallery_images.*')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>

                <!-- Settings -->
                <div class="card border-0 shadow-sm mt-4">
                    <div class="card-header bg-white border-0 pt-4 pb-3">
                        <h6 class="card-title mb-0 fw-bold">Product Settings</h6>
                    </div>
                    <div class="card-body">
                        <div class="form-check form-switch mb-3">
                            <input class="form-check-input" type="checkbox" id="is_featured" 
                                   name="is_featured" value="1" {{ old('is_featured', $product->is_featured) ? 'checked' : '' }}>
                            <label class="form-check-label fw-bold" for="is_featured">
                                Featured Product
                            </label>
                        </div>

                        <div class="form-check form-switch mb-3">
                            <input class="form-check-input" type="checkbox" id="is_digital" 
                                   name="is_digital" value="1" {{ old('is_digital', $product->is_digital) ? 'checked' : '' }}>
                            <label class="form-check-label fw-bold" for="is_digital">
                                Digital Product
                            </label>
                        </div>

                        <div class="form-check form-switch mb-3">
                            <input class="form-check-input" type="checkbox" id="requires_shipping" 
                                   name="requires_shipping" value="1" {{ old('requires_shipping', $product->requires_shipping) ? 'checked' : '' }}>
                            <label class="form-check-label fw-bold" for="requires_shipping">
                                Requires Shipping
                            </label>
                        </div>

                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" id="is_taxable" 
                                   name="is_taxable" value="1" {{ old('is_taxable', $product->is_taxable) ? 'checked' : '' }}>
                            <label class="form-check-label fw-bold" for="is_taxable">
                                Taxable Product
                            </label>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Form Actions -->
        <div class="d-flex justify-content-end gap-3 mt-4">
            <a href="{{ route('admin.vendors.products.products', ['vendor' => $vendor, 'categoryId' => $category->id]) }}" 
               class="btn btn-outline-secondary">
                <i class="bi bi-arrow-left me-1"></i>
                Cancel
            </a>
            <button type="submit" class="btn btn-primary">
                <i class="bi bi-check-circle me-1"></i>Update Product
            </button>
        </div>
    </form>
</div>
@endsection