@extends('backend.layouts.app')
@section('content')
<div class="content">
    <div class="breadcrumb-wrapper d-flex align-items-center justify-content-between">
        <div>
            <h1>Edit Product</h1>
            <p class="breadcrumbs"><span><a href="{{ route('dashboard') }}">Dashboard</a></span>
                <span><i class="mdi mdi-chevron-right"></i></span>Product</p>
        </div>
        <div>
            <a href="{{ route('product.index') }}" class="btn btn-primary"> Product List
            </a>
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <div class="card card-default">
                <div class="card-header card-header-border-bottom">
                    <h2>Edit Product</h2>
                </div>

                <div class="card-body">
                    <form class="row g-3" method="POST" action="{{ route('product.update',$products->id) }}" enctype="multipart/form-data">
                        @csrf
                        @method('put')
                        <div class="row ec-vendor-uploads">
                            <div class="col-lg-4">
                                <div class="ec-vendor-img-upload">
                                    <div class="ec-vendor-main-img attribute_image">
                                        <div class="avatar-upload">
                                            <div class="avatar-edit">
                                                <input type='file' id="imageUpload" name="image" class="ec-image-upload @error('image') is-invalid @enderror" value="{{ old('image') }}" />
                                                <label for="imageUpload">
                                                    <img src="{{ asset('backend') }}/img/icons/edit.svg" class="svg_img header_svg" alt="edit" />
                                                </label>
                                            </div>
                                            <div class="avatar-preview ec-preview">
                                                <div class="imagePreview ec-div-preview">
                                                    <img class="ec-image-preview" src="{{asset('uploads/product')}}/{{$products->image}}" alt="edit" />
                                                </div>
                                            </div>
                                            @error('image')
                                                <span class="text-danger">{{$message}}</span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="ec-vendor-upload-detail">
                                    <div class="row g-3">
                                        <div class="col-md-12">
                                            <label for="inputEmail4" class="form-label">Product name <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control slug-title @error('name') is-invalid @enderror" name="name"  value="{{ $products->name }}" required>
                                            @error('name')
                                                <span class="text-danger">{{$message}}</span>
                                            @enderror
                                        </div>
                                        {{--<div class="col-md-6">
                                            <label class="form-label">Attribute <span class="text-danger"> *</span></label>
                                            <select name="inventorie_id" id="inventorie_id" class="form-select" value="{{ old('inventorie_id') }}" required>
                                                <option value="">-- Selected Attribute --</option>
                                                @foreach ($allinventorys as $inventory)
                                                    <option value="{{ $inventory->id }}" {{ $inventory->id == $products->inventorie_id?'selected':'' }}>{{ $inventory->title }}</option>
                                                @endforeach
                                            </select>
                                        </div>--}}
                                        <div class="col-md-6">
                                            <label class="form-label">Categories <span class="text-danger">*</span></label>
                                            <select name="category_id" id="category_id" class="form-select @error('category_id') is-invalid @enderror" value="{{ old('category_id') }}" required>
                                                <option value="">-- Selected Category --</option>
                                                @foreach ($categoreys as $categorey)
                                                    <option value="{{ $categorey->id }}" {{ $categorey->id == $products->category_id?'selected':'' }}>{{ $categorey->name }}</option>
                                                @endforeach
                                            </select>
                                            @error('category_id')
                                                <span class="text-danger">{{$message}}</span>
                                            @enderror
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label">Subcategories <span class="text-secondary">(Optional)</span></label>
                                            <select name="subcategory_id" id="subcategory_id" class="form-select @error('subcategory_id') is-invalid @enderror" value="{{ old('subcategory_id') }}" required>
                                                <option value="{{ $products->subcategory_id }}">{{ $products->rel_to_subcat->name }}</option>
                                            </select>
                                            @error('subcategory_id')
                                                <span class="text-danger">{{$message}}</span>
                                            @enderror
                                        </div>
                                        <div class="col-md-4">
                                            <label for="sku" class="col-12 col-form-label">SKU</label>
                                            <div class="col-12">
                                                <input id="sku" name="sku" class="form-control here  @error('sku') is-invalid @enderror" type="text" value="{{ $products->sku }}" required>
                                                @error('sku')
                                                    <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <label for="quantity" class="col-12 col-form-label">Quantity</label>
                                            <div class="col-12">
                                                <input id="quantity" name="quantity" class="form-control here  @error('quantity') is-invalid @enderror" type="text" value="{{ $products->quantity }}" required>
                                                @error('quantity')
                                                    <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <label for="brand" class="col-12 col-form-label">Brand</label>
                                            <div class="col-12">
                                                <input id="brand" name="brand" class="form-control" type="text" value="{{ $products->brand }}">
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <label for="gallery_one" class="col-12 col-form-label">Gallery One</label>
                                            <div class="col-12">
                                                <input id="gallery_one" name="gallery_one[]" multiple class="form-control" type="file" value="{{ old('gallery_one') }}">
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <label for="gallery_two" class="col-12 col-form-label">Gallery Two</label>
                                            <div class="col-12">
                                                <input id="gallery_two" name="gallery_two[]" multiple class="form-control" type="file" value="{{ old('gallery_two') }}">
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <label for="gallery_three" class="col-12 col-form-label">Gallery Three</label>
                                            <div class="col-12">
                                                <input id="gallery_three" name="gallery_three[]" multiple class="form-control" type="file" value="{{ old('gallery_three') }}">
                                            </div>
                                        </div>
                                        <div class="col-12">
                                        <!-- Existing Gallery Images Display -->
                                        <div class="existing-gallery">
                                            <h4 class="my-2">Existing Gallery Images</h3>
                                            <div class="row">
                                                @foreach ($products_gallery as $gallery)
                                                    @if (in_array($gallery->gallery_number, [1, 2, 3]))
                                                        <div class="col-6 col-sm-4 col-md-3 col-lg-2">
                                                            <figure class="figure text-center">
                                                                <img decoding="async" style="max-height:120px" class="img-fluid img-thumbnail swiper-slide-image" src="{{ asset('uploads/product/gallery/' . $gallery->image) }}" alt="Gallery Image" />
                                                                <div class="gallery-label">
                                                                    <span class="badge badge-danger">Gallery {{ $gallery->gallery_number }}</span>
                                                                </div>
                                                                <div class="form-check form-check-inline mt-2">
                                                                    <input type="checkbox" class="form-check-input" id="removeGallery{{ $gallery->id }}" name="remove_gallery_{{ $gallery->gallery_number }}[]" value="{{ $gallery->id }}">
                                                                    <label class="form-check-label" for="removeGallery{{ $gallery->id }}">
                                                                        Remove
                                                                    </label>
                                                                </div>
                                                            </figure>
                                                        </div>
                                                    @endif
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                    
                                   

                                        <div class="col-md-6">
                                            <label for="video" class="col-12 col-form-label">Video</label>
                                            <div class="col-12">
                                                <input id="video" name="video" class="form-control" type="text" value="{{ $products->video }}">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <label for="landingcolor" class="col-12 col-form-label">Color</label>
                                            <div class="col-12">
                                                <input id="landingcolor" name="landingcolor" class="form-control" type="text" value="{{ $products->landingcolor }}">
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <label for="showdiscount" class="col-12 col-form-label">Show Discount</label>
                                            <div class="col-12">
                                                <input id="showdiscount" name="showdiscount" class="form-control" type="number" value="{{ $products->showdiscount }}">
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <label for="showprice" class="col-12 col-form-label">Show Price</label>
                                            <div class="col-12">
                                                <input id="showprice" name="showprice" class="form-control" type="number" value="{{ $products->showprice }}">
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <label for="price" class="col-12 col-form-label">Price  <span class="text-danger">*</span></label>
                                            <div class="col-12">
                                                <input id="price" name="price" class="form-control" type="number" value="{{ $products->price }}">
                                            </div>
                                        </div>
                                        
                                        <div class="col-md-12">
                                            <label class="form-label">Description</label>
                                            <textarea id="summernote" class="form-control @error('description') is-invalid @enderror" name="description" required rows="4">{{ $products->description }}</textarea>
                                            @error('description')
                                                <span class="text-danger">{{$message}}</span>
                                            @enderror
                                        </div>
                                        <div class="col-md-12">
                                            <label class="form-label">Deadline</label>
                                            <div class="input-group date" id="datetimepicker">
                                                <input type="text" class="form-control @error('deadline') is-invalid @enderror" name="deadline" value="{{ \Carbon\Carbon::parse($products->deadline)->format('Y-m-d H:i') }}" required />
                                                <div class="input-group-append">
                                                    <span class="input-group-text"><i class="fa fa-calendar"></i></span>
                                                </div>
                                            </div>
                                            @error('deadline')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    
                                        <div class="col-md-12">
                                            <label class="form-label">Top Title 1</label>
                                            <input type="text" class="form-control @error('top_title_1') is-invalid @enderror" name="top_title_1" value="{{ $products->top_title_1 ?? 'হোম ডেলিভারি ফ্রি' }}" />
                                            @error('top_title_1')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    
                                        <div class="col-md-12">
                                            <label class="form-label">Top Title 2</label>
                                            <input type="text" class="form-control @error('top_title_2') is-invalid @enderror" name="top_title_2" value="{{ $products->top_title_2 ?? '৩ দিনের জন্য প্রযোজ্য' }}" />
                                            @error('top_title_2')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    
                                        <div class="col-md-12">
                                            <label class="form-label">Heading 1</label>
                                            <input type="text" class="form-control @error('heading_1') is-invalid @enderror" name="heading_1" value="{{ $products->heading_1 ?? 'প্রিয় মানুষকে মনের মতো সাজিয়ে নিন এই সুন্দর ড্রেস টি গিফট দিয়ে।' }}" />
                                            @error('heading_1')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    
                                        <div class="col-md-12">
                                            <label class="form-label">Feature 1</label>
                                            <input type="text" class="form-control @error('feature_1') is-invalid @enderror" name="feature_1" value="{{ $products->feature_1 ?? '১০০% কালার গ্যারান্টি' }}" />
                                            @error('feature_1')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    
                                        <div class="col-md-12">
                                            <label class="form-label">Feature 2</label>
                                            <input type="text" class="form-control @error('feature_2') is-invalid @enderror" name="feature_2" value="{{ $products->feature_2 ?? '১০০% কোয়ালিটিফুল' }}" />
                                            @error('feature_2')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    
                                        <div class="col-md-12">
                                            <label class="form-label">Heading 2</label>
                                            <input type="text" class="form-control @error('heading_2') is-invalid @enderror" name="heading_2" value="{{ $products->heading_2 ?? 'প্রিমিয়াম কোয়ালিটির নিশ্চয়তা' }}" />
                                            @error('heading_2')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    
                                        <div class="col-md-12">
                                            <label class="form-label">Heading 3</label>
                                            <input type="text" class="form-control @error('heading_3') is-invalid @enderror" name="heading_3" value="{{ $products->heading_3 ?? 'দেখতে অসম্ভব সুন্দর এই জামা + ওড়না সেট খুবই প্রিমিয়াম ও আরামদায়ক' }}" />
                                            @error('heading_3')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    
                                        <div class="col-md-12">
                                            <label class="form-label">Heading 4</label>
                                            <input type="text" class="form-control @error('heading_4') is-invalid @enderror" name="heading_4" value="{{ $products->heading_4 ?? 'প্রিয় মানুষকে মনের মতো সাজিয়ে নিন এই সুন্দর ড্রেস টি গিফট দিয়ে।' }}" />
                                            @error('heading_4')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    
                                        <div class="col-md-12">
                                            <label class="form-label">Note</label>
                                            <input type="text" class="form-control @error('note') is-invalid @enderror" name="note" value="{{ $products->note ?? 'দুই সেট অর্ডার করলে সারাদেশে হোম ডেলিভারি ফ্রি।' }}" />
                                            @error('note')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    
                                        <div class="col-md-12">
                                            <label class="form-label">Billing Details</label>
                                            <input type="text" class="form-control @error('billing_details') is-invalid @enderror" name="billing_details" value="{{ $products->billing_details ?? 'একপিচ এর অধিক অর্ডার এর জন্য পরিমান লিখুন ও পছন্দের কালার গুলি সিলেক্ট করুন' }}" />
                                            @error('billing_details')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                        <div class="col-md-12">
                                            <label class="form-label">Product Tags <span>( Type and make comma to separate tags )</span></label>
                                            <input type="text" class="form-control @error('tag') is-invalid @enderror" id="tag" name="tag" value="{{ $products->tag }}" required data-role="tagsinput" />
                                            @error('tag')
                                                <span class="text-danger">{{$message}}</span>
                                            @enderror
                                        </div>
                                        <div class="attribute-fields">
                                            <p class="my-3">Variation</p>
                                            <hr>
                                            {{-- <div class="row">

                                                <div class="col-md-6 mb-25">
                                                    <label class="form-label">Colors</label>
                                                    <select name="color_id" id="color_id" class="form-select" value="{{ old('color_id') }}">
                                                        <option value="">-- Selected Attribute --</option>
                                                        @foreach ($colors as $color)
                                                            <option value="{{ $color->id }}"  style="background: {{ $color->code }}">{{ $color->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-md-6 mb-25">
                                                    <label class="form-label">Size</label>
                                                    <select name="size_id" id="size_id" class="form-select" value="{{ old('size_id') }}">
                                                        <option value="">-- Selected Attribute --</option>
                                                        @foreach ($sizes as $size)
                                                            <option value="{{ $size->id }}" {{ $size->id == $inventorys->first()->rel_to_attribute->first()->size_id?'selected':'' }}>{{ $size->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-md-4">
                                                    <label class="form-label">Weight </label>
                                                    <input type="text" class="form-control @error('weight') is-invalid @enderror" name="weight" value="{{ old('weight') }}" id="weight">
                                                    @error('weight')
                                                        <span class="text-danger">{{$message}}</span>
                                                    @enderror
                                                </div>
                                                <div class="col-md-4">
                                                    <label class="form-label">Price <span>( In BDT )</span></label>
                                                    <input type="text" class="form-control @error('price') is-invalid @enderror" required name="price" value="{{ old('price') }}"   id="price1">
                                                    @error('price')
                                                        <span class="text-danger">{{$message}}</span>
                                                    @enderror
                                                </div>
                                                <div class="col-md-4">
                                                    <label class="form-label">Sell Price <span>( In BDT )</span></label>
                                                    <input type="number" class="form-control @error('sell_price') is-invalid @enderror" name="sell_price" value="{{ old('sell_price') }}"  id="sell_price">
                                                    @error('sell_price')
                                                        <span class="text-danger">{{$message}}</span>
                                                    @enderror
                                                </div>
                                                <div class="col-md-4">
                                                    <label class="form-label">Quantity</label>
                                                    <input type="number" class="form-control @error('quantity') is-invalid @enderror" required name="quantity" value="{{ old('quantity') }}"  id="quantity">
                                                    @error('quantity')
                                                        <span class="text-danger">{{$message}}</span>
                                                    @enderror
                                                </div>
                                            </div> --}}
                                        </div>
                                        <div class="col-md-12 mt-3">
                                            <button type="submit" class="btn btn-primary">Submit</button>
                                        </div>
                                        {{-- <div class="attribute-fields">
                                            <!-- Attribute fields will be populated here -->
                                        </div> --}}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('footer_scripts')


<script>
    $(document).ready(function(){
         $('#category_id').change(function(){
             var category_id = $(this).val();

             $.ajaxSetup({
                 headers: {
                     'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                 }
             });
             $.ajax({
                 type:'POST',
                 url:'/admin/getsubcategory',
                 data:{'category_id':category_id},
                 success:function(data){
                     $('#subcategory_id').html(data);
                 }
             })
         })
     });

 </script>

<script>
   $(document).ready(function(){
    $('#inventorie_id').change(function(){
        var inventorie_id = $(this).val();

        $.ajax({
            type: 'POST',
            url: '/admin/getinventorydata',
            data: {'inventorie_id': inventorie_id},
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function(data){
                $('#brand').val(data.brand);
                $('#sku').val(data.sku);

                // Clear existing attribute fields
                $('.attribute-fields').empty();
                $('.attribute_image').empty();

                // attribute_image
                if (data.attributes.length > 0) {
                    data.attributes.forEach(function(attribute, index) {
                        var attributeHtml = `
                            <div class="attribute row">
                                <div class="thumb-upload-set colo-md-4">
                                    <div class="thumb-upload">
                                        <div class="thumb-edit">
                                            <input type='file' id="thumbUpload01"  class="ec-image-upload" value="${attribute.image}" />
                                            <label for="imageUpload">
                                                <img  src="{{ asset('backend') }}/img/icons/edit.svg" class="svg_img header_svg" alt="edit" />
                                            </label>
                                        </div>
                                        <div class="thumb-preview ec-preview">
                                            <div class="image-thumb-preview">
                                                <img class="image-thumb-preview ec-image-preview" src="{{ asset('uploads/product') }}/${attribute.image}" alt="edit" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        `;
                        $('.attribute_image').append(attributeHtml);
                    });
                };

                // Populate attribute fields
                if (data.attributes.length > 0) {
                    data.attributes.forEach(function(attribute, index) {
                        console.log(attribute);
                        var attributeHtml = `
                            <div class="attribute">
                                <p class="my-3">Variation ${index + 1}</p>
                                <hr>
                                <div class="row">
                                    <div class="col-md-4 mb-25">
                                        <label class="form-label">Colors</label>
                                        <input readonly type="hidden" value="${attribute.color_id}">
                                        <label class="inventory_color" style="background: ${attribute.color_code}">${attribute.color_name}</label>
                                    </div>
                                    <div class="col-md-4 mb-25">
                                        <label class="form-label">Size</label>
                                        <input readonly type="hidden" value="${attribute.size_id}">
                                        <label>${attribute.size_name}</label>
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label">Package </label>
                                        <input readonly type="text" class="form-control" value="${attribute.weight}" id="weight">
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label">Quantity</label>
                                        <input readonly type="number" class="form-control" id="quantity" value="${attribute.quantity}">
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label">Price <span>( In BDT )</span></label>
                                        <input readonly type="number" class="form-control" id="price1" value="${attribute.price}">
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label">Sell Price <span>( In BDT )</span></label>
                                        <input readonly type="number" class="form-control" id="sell_price" value="${attribute.sell_price}">
                                    </div>

                                </div>

                            </div>
                        `;
                        $('.attribute-fields').append(attributeHtml);

                        // Populate price fields based on index
                        if (index === 0) {
                            $('#price1').val(attribute.price);
                        } else {
                            $('#price' + (index + 1)).val(attribute.price);
                        }
                    });
                }
            },
            error: function(xhr, status, error){
                console.error(xhr.responseText);
            }
        });
    });
});

</script>

@endsection