@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">Create 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.store') }}" method="POST" enctype="multipart/form-data">
                        @csrf

                        <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') }}" 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') }}" 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') == $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') == $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') == $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', 0) }}" 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') }}" 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', 0) }}" 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', 0) }}" 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', [])) ? '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', [])) ? '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">Product Images</label>
                                <input type="file" name="images[]" class="form-control" multiple accept="image/*">
                                <small class="text-muted">Multiple image select করা যাবে</small>
                            </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') }}</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') }}</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') == 0 ? 'selected' : '' }}>No</option>
                                    <option value="1" {{ old('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') == 0 ? 'selected' : '' }}>No</option>
                                    <option value="1" {{ old('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') == 1 ? 'selected' : '' }}>Active</option>
                                    <option value="0" {{ old('status') == 0 ? 'selected' : '' }}>Inactive</option>
                                </select>
                            </div>
                        </div>

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

                    </form>

                </div>
            </div>

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

@endsection