@extends('layouts.backend.app')
@section('content')

      <div class="main-panel">
        <div class="row grid-margin">
        <div class="col-lg-12">
            <div class="card">
            <div class="card-body">
                {{-- <h4 class="card-title">Product image Edit</h4> --}}
             <form class="dynamic-form" method="post" action="{{ route('products.multipleImagesUpdate') }}" enctype="multipart/form-data">
    @csrf
    <input type="hidden" name="id" value="{{ $productId ?? '' }}">

    <fieldset>
        <div class="form-group">
            <label>Gallery Images</label><br>
            <label class="btn btn-outline-secondary">
                Upload Gallery Images 
                <input type="file" name="images[]" class="image-input" data-preview="#previewProduct" multiple>
            </label>
            <div id="previewProduct" class="mt-2">
                @if(!empty($productImages))
                    <div class="row">
                      @foreach($productImages as $img)
                        <div class="col-md-3 position-relative mb-3" id="img-{{ $img->id }}">
                            <img src="{{ asset('uploads/products/'.$img->image_url) }}" 
                                class="img-thumbnail" style="height:150px;object-fit:cover;">

                            <button type="button" 
                                    class="btn btn-sm btn-danger position-absolute top-0 end-0 delete-image"
                                    style="padding:2px 6px; font-size:14px; line-height:1;" 
                                    onclick="deleteItem('{{ route('products.image.delete', $img->id) }}')">
                                ✖
                            </button>
                        </div>
                    @endforeach

                    </div>
                @endif
            </div>
            <span class="text-danger error-text images_error"></span>
        </div>

        <div class="form-group mt-3">
            <button type="submit" class="btn btn-success" value="Submit">
                {{ isset($productImages) && count($productImages) > 0 ? 'Update Images' : 'Create Images' }}
            </button>
        </div>
    </fieldset>
</form>


            </div>
            </div>
        </div>
        </div>
      </div>
@endsection