@extends('layouts.seller')


@section('content')
<div class="card">
    <div class="card-header">
      <h4>Update Product</h4>
    </div>
    <div class="card-body">
        <form method="POST" action="{{url('update-sellerproduct/'.$product->id)}}" enctype="multipart/form-data"> 
            @csrf
            @method('PUT')
            <div class="col-md-6 mb-3">
    <label for="status">Publish</label>
    <input type="checkbox" class="border border-dark p-2" name="status" value="1" {{ $product->status == "1" ? "checked" : "" }} {{ $product->status == "2" ? "disabled" : "" }}>
    @if ($product->status == "2")
        <span class="text-danger">Blocked</span>
    @endif
</div>


            <div class="row">
                 
                <div class="col-md-6 mb-3">
                    <label for="">Name</label>
                    <input type="text" class="form-control border border-dark p-2" value="{{ $product->name }}" name="name">
                </div>    
              
                <div class="col-md-12 mb-3">
                    <label for="">Small Description</label>
                    <textarea name="small_description"  rows="3" class="form-control p-2 border border-dark" >{{ $product->small_description }} </textarea>   
                </div>    
                <div class="col-md-12 mb-3">
                    <label for="">Description</label>
                    <textarea name="description"  rows="3" class="form-control p-2 border border-dark" >{{ $product->description }} </textarea>   
                </div>
              
    
                <div class="col-md-6 mb-3">
                    <label for="">Quantity</label>
                    <input type="number" class="form-control border border-dark p-2" name="qty" value="{{ $product->qty }}">
                </div> 
                    <input type="hidden" class="form-control border border-dark p-2" name="tax" value="{{ $product->tax }}">
                
                
            
               
                @if ($product->image)
                    <img src="{{asset('upload/product/'.$product->image)}}" class="w-25 h-25" alt="no image">
                @endif
                
          

                <div class="col-md-6 mb-3">
                    <label for="">New Images</label>
                    <input type="file" name="new_images[]" class="form-control border border-dark p-2" multiple>
                </div>

                <div class="col-md-12 mb-3">
                   <button type="submit" class="btn btn-primary">Submit</button>
                </div>    
            </div>    
        </form>
  
        @foreach($productImages as $key => $image)
            <div class="col-md-6 mb-3">
                <label for="">Image</label>
                <input type="file" name="update_images[]" class="form-control border border-dark p-2">
                <img src="{{ asset('upload/product/'.$image->image) }}" alt="Product Image" class="img-thumbnail" style="max-width: 100px; max-height: 100px;">
                <form action="{{ route('delete.product.image', ['imageId' => $image->id]) }}" method="post">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger" onclick="return confirm('Are you sure you want to delete this image?');" {{ count($productImages) == 1 ? 'disabled' : '' }}>Delete</button>
                </form>
            </div>
        @endforeach

</div>
  </div>

@endsection