@extends('admin.master')

@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-md-10 mx-auto">

            <div class="card mt-3">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h4 class="mb-0">Edit Product</h4>

                    <a href="{{ route('products.index') }}" class="btn btn-secondary">
                        Back
                    </a>
                </div>

                <div class="card-body">

                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul class="mb-0">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    <form action="{{ route('products.update') }}" method="POST" enctype="multipart/form-data">
                        @csrf

                        <input type="hidden" name="id" value="{{ $edit_data->id }}">

                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="form-label">Product Name <span class="text-danger">*</span></label>
                                <input type="text" name="name" value="{{ old('name', $edit_data->name) }}" class="form-control" required>
                            </div>

                            <div class="col-md-6 mb-3">
                                <label class="form-label">Product Code <span class="text-danger">*</span></label>
                                <input type="text" name="product_code" value="{{ old('product_code', $edit_data->product_code) }}" class="form-control" required>
                            </div>

                            <div class="col-md-4 mb-3">
                                <label class="form-label">Category <span class="text-danger">*</span></label>
                                <select name="category_id" class="form-control" required>
                                    <option value="">Select Category</option>
                                    @foreach($categories as $category)
                                        <option value="{{ $category->id }}" {{ old('category_id', $edit_data->category_id) == $category->id ? 'selected' : '' }}>
                                            {{ $category->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-md-4 mb-3">
                                <label class="form-label">Subcategory</label>
                                <select name="subcategory_id" class="form-control">
                                    <option value="">Select Subcategory</option>
                                    @foreach($subcategories as $subcategory)
                                        <option value="{{ $subcategory->id }}" {{ old('subcategory_id', $edit_data->subcategory_id) == $subcategory->id ? 'selected' : '' }}>
                                            {{ $subcategory->subcategoryName }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-md-4 mb-3">
                                <label class="form-label">Brand</label>
                                <select name="brand_id" class="form-control">
                                    <option value="">Select Brand</option>
                                    @foreach($brands as $brand)
                                        <option value="{{ $brand->id }}" {{ old('brand_id', $edit_data->brand_id) == $brand->id ? 'selected' : '' }}>
                                            {{ $brand->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-md-3 mb-3">
                                <label class="form-label">Purchase Price</label>
                                <input type="number" step="0.01" name="purchase_price" value="{{ old('purchase_price', $edit_data->purchase_price) }}" class="form-control">
                            </div>

                            <div class="col-md-3 mb-3">
                                <label class="form-label">Regular Price</label>
                                <input type="number" step="0.01" name="regular_price" value="{{ old('regular_price', $edit_data->regular_price) }}" class="form-control">
                            </div>

                            <div class="col-md-3 mb-3">
                                <label class="form-label">Discount Price</label>
                                <input type="number" step="0.01" name="discount_price" value="{{ old('discount_price', $edit_data->discount_price) }}" class="form-control">
                            </div>

                            <div class="col-md-3 mb-3">
                                <label class="form-label">Stock</label>
                                <input type="number" name="stock" value="{{ old('stock', $edit_data->stock) }}" class="form-control">
                            </div>

                            <div class="col-md-6 mb-3">
                                <label class="form-label">Colors</label>
                                <select name="color_ids[]" class="form-control" multiple>
                                    @foreach($colors as $color)
                                        <option value="{{ $color->id }}"
                                            {{ in_array($color->id, old('color_ids', $selectedColors)) ? 'selected' : '' }}>
                                            {{ $color->colorName }}
                                        </option>
                                    @endforeach
                                </select>
                                <small class="text-muted">Keyboard CTRL ধরে multiple select করো</small>
                            </div>

                            <div class="col-md-6 mb-3">
                                <label class="form-label">Sizes</label>
                                <select name="size_ids[]" class="form-control" multiple>
                                    @foreach($sizes as $size)
                                        <option value="{{ $size->id }}"
                                            {{ in_array($size->id, old('size_ids', $selectedSizes)) ? 'selected' : '' }}>
                                            {{ $size->sizeName }}
                                        </option>
                                    @endforeach
                                </select>
                                <small class="text-muted">Keyboard CTRL ধরে multiple select করো</small>
                            </div>

                            <div class="col-md-12 mb-3">
                                <label class="form-label">Old Images</label>

                                <div class="d-flex flex-wrap gap-3">
                                    @forelse($edit_data->images as $image)
                                        @php
                                            $imagePath = str_replace('public/', '', $image->image);
                                        @endphp

                                        <div style="position: relative;">
                                            @if($imagePath && file_exists(public_path($imagePath)))
                                                <img src="{{ asset($imagePath) }}"
                                                     width="120"
                                                     height="100"
                                                     style="object-fit: cover; border-radius: 8px; border: 1px solid #ddd;">
                                            @else
                                                <div style="width:120px;height:100px;border:1px solid #ddd;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;">
                                                    No Image
                                                </div>
                                            @endif

                                            <form action="{{ route('products.image.delete') }}"
                                                  method="POST"
                                                  onsubmit="return confirm('Delete this image?');"
                                                  style="margin-top: 5px;">
                                                @csrf
                                                <input type="hidden" name="image_id" value="{{ $image->id }}">
                                                <button type="submit" class="btn btn-sm btn-danger w-100">
                                                    Delete
                                                </button>
                                            </form>
                                        </div>
                                    @empty
                                        <p>No image found</p>
                                    @endforelse
                                </div>
                            </div>

                            <div class="col-md-12 mb-3">
                                <label class="form-label">Add New Images</label>
                                <input type="file" name="images[]" class="form-control" multiple accept="image/*">
                            </div>

                            <div class="col-md-12 mb-3">
                                <label class="form-label">Meta Description</label>
                                <textarea name="meta_description" rows="3" class="form-control">{{ old('meta_description', $edit_data->meta_description) }}</textarea>
                            </div>

                            <div class="col-md-12 mb-3">
                                <label class="form-label">Description</label>
                                <textarea name="description" rows="5" class="form-control">{{ old('description', $edit_data->description) }}</textarea>
                            </div>

                            <div class="col-md-4 mb-3">
                                <label class="form-label">Top Sale</label>
                                <select name="topsale" class="form-control">
                                    <option value="0" {{ old('topsale', $edit_data->topsale) == 0 ? 'selected' : '' }}>No</option>
                                    <option value="1" {{ old('topsale', $edit_data->topsale) == 1 ? 'selected' : '' }}>Yes</option>
                                </select>
                            </div>

                            <div class="col-md-4 mb-3">
                                <label class="form-label">Feature Product</label>
                                <select name="feature_product" class="form-control">
                                    <option value="0" {{ old('feature_product', $edit_data->feature_product) == 0 ? 'selected' : '' }}>No</option>
                                    <option value="1" {{ old('feature_product', $edit_data->feature_product) == 1 ? 'selected' : '' }}>Yes</option>
                                </select>
                            </div>

                            <div class="col-md-4 mb-3">
                                <label class="form-label">Status</label>
                                <select name="status" class="form-control">
                                    <option value="1" {{ old('status', $edit_data->status) == 1 ? 'selected' : '' }}>Active</option>
                                    <option value="0" {{ old('status', $edit_data->status) == 0 ? 'selected' : '' }}>Inactive</option>
                                </select>
                            </div>
                        </div>

                        <button type="submit" class="btn btn-primary">
                            Update Product
                        </button>

                    </form>

                </div>
            </div>

        </div>
    </div>
</div>

@endsection