@extends('admin.layouts.app')
@section('content')
          <div class="page-inner">
            <div class="page-header">
              <h3 class="fw-bold mb-3">Products</h3>
              <ul class="breadcrumbs mb-3">
                <li class="nav-home">
                  <a href="#">
                    <i class="icon-home"></i>
                  </a>
                </li>
                <li class="separator">
                  <i class="icon-arrow-right"></i>
                </li>
                <li class="nav-item">
                  <a href="#">Edit Product</a>
                </li>               
              </ul>
            </div>
            <div class="row">
              <div class="col-md-12">
                <div class="card">
                  @if(session('message')) 
                    <div class="alert alert-success"> {{ session('message') }} </div> 
                  @endif
                  @if($errors->any())
    <div class="alert alert-danger">
        <strong>Please fix the following errors:</strong>

        <ul>
            @foreach($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif
                  <form action="{{route('admin.products.update', $product->id)}}" method="post" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')
                    <div class="card-header">
                      <div class="card-title">Edit Product</div>
                    </div>
                    <div class="card-body">
                      <div class="row">
                        <div class="col-md-6 col-lg-6">  
                            <div class="form-group form-inline">
                            <label
                              for="name"
                              class="col-md-3 col-form-label"
                              >Product Name</label
                            >
                            <div class="col-md-12 p-0">
                              <input
                                type="text"
                                class="form-control input-full"
                                id="name"
                                name="name"
                                value="{{ old('name', $product->name)}}"
                                placeholder="Product Name"
                              />
                            </div>
                             @error('name')
                              <div class="text text-danger"> {{ $message }} </div>
                              @enderror
                            </div>                           
                            <div class="form-group">
                                <label for="series">Series</label>
                                <select
                                    class="form-select form-control"
                                    id="series" name="series_id"
                                >
                                  @foreach($get_series as $series)
                                    <option value="{{ $series->id }}" {{ old('series_id', $product->series_id) == $series->id ? 'selected' : '' }}>{{ $series->series_name }}</option>
                                  @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="standard">Standard</label>
                                <select
                                    class="form-select form-control"
                                    id="standard" name="standard_id"
                                > 
                                  @foreach($standards as $standard)
                                    <option value="{{ $standard->id }}" {{ old('standard_id', $product->standard_id) == $standard->id ? 'selected' : '' }}>{{ $standard->class_name }}</option>                                  
                                  @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="subject">Subject</label>
                                <select
                                    class="form-select form-control"
                                    id="subject" name="subject_id"
                                > @foreach($subjects as $subject)
                                    <option value="{{ $subject->id }}" {{ old('subject_id', $product->subject_id) == $subject->id ? 'selected' : '' }}>{{ $subject->subject }}</option>
                                  @endforeach  
                                </select>
                            </div>
                          
                          
                         
                          <div class="form-group">
                            <label for="short_description">Short Description</label>
                            <textarea class="form-control" id="short_description" name="short_description" rows="3">{{ old('short_description', $product->short_description)}}
                            </textarea>
                            @error('short_description')
                            <div class="text text-danger">{{ $message }}</div>
                            @enderror
                          </div>
                          <div class="form-group">
                            <label for="description">Description</label>
                            <textarea class="form-control" id="description" name="description" rows="5">{{ old('description',$product->description)}}
                            </textarea>
                            @error('description')
                            <div class="text text-danger">{{ $message }}</div>
                            @enderror
                          </div>
                          
                          <div class="form-group form-inline">
                            <label
                              for="price"
                              class="col-md-3 col-form-label"
                              >Price</label
                            >
                            <div class="col-md-12">
                              <input
                                type="text"
                                class="form-control input-full"
                                id="price"
                                name="price"
                                value="{{old('price', $product->price)}}"
                                placeholder="Enter Price"
                              />
                            </div>
                          </div>
                          <div class="form-group">
                            <label for="selling_price">Selling Price</label>
                            <input
                                type="text"
                                class="form-control input-full"
                                id="selling_price"
                                name="selling_price"
                                value="{{old('price', $product->selling_price)}}"
                                placeholder="Selling Price"
                              />
                          </div>
                          <div class="form-group">
                            <label for="discount_price">Discount Price</label>
                            <input
                                type="text"
                                class="form-control input-full"
                                id="discount_price"
                                name="discount_price"
                                value="{{old('price', $product->discount_price)}}"
                                placeholder="Discount Price"
                              />
                          </div>
                        
                        </div>
                        <div class="col-md-6 col-lg-6"> 
                            <div class="form-group">
                            <label for="stock_quantity">Stock Quantity</label>
                            <input
                                type="text"
                                class="form-control input-full"
                                id="stock_quantity"
                                name="stock_quantity"
                                value="{{old('price', $product->stock_quantity)}}"
                                placeholder="Stock Quantity"
                              />
                          </div>
                          <div class="form-group">
                            <label for="reorder_level">Reorder Level</label>
                            <input
                                type="text"
                                class="form-control input-full"
                                id="reorder_level"
                                name="reorder_level"
                                value="{{old('price', $product->reorder_level)}}"
                                placeholder="Reorder Level"
                              />
                          </div>
                          <div class="form-group">
                            <label for="low_stock_threshold">Low Stock Threshold</label>
                            <input
                                type="text"
                                class="form-control input-full"
                                id="low_stock_threshold"
                                name="low_stock_threshold"
                                value="{{old('price', $product->low_stock_threshold)}}"
                                placeholder="Low Stock Threshold"
                              />
                          </div>      
                            <div class="form-group">
                                <label for="status">Status</label>
                                <select
                                    class="form-select form-control"
                                    id="status" name="status"
                                >
                                    <option>Select Status</option>
                                    <option value="draft" {{ old('status', $product->status) == 'draft' ? 'selected' : '' }}>Draft</option>
                                    <option value="published" {{ old('status', $product->status) == 'published' ? 'selected' : '' }}>Published</option>
                                    <option value="out_of_stock" {{ old('status', $product->status) == 'out_of_stock' ? 'selected' : '' }}>Out of stock</option>
                                    <option value="inactive" {{ old('status', $product->status) == 'inactive' ? 'selected' : '' }}>Inactive</option>
                                </select>
                            </div>                                           
                          
                          <div class="form-group">
                            <label for="images"
                              >Example file input</label
                            >
                            <input
                              type="file"
                              class="form-control"
                              id="images"
                              name="images[]"
                              multiple
                            />
                            @error('images')
                            <div class="text text-danger">{{ $message }}</div>
                            @enderror
                          </div>
                          <div class="form-group">
                            <label class="form-label">Image Check</label>
                            <div class="row">
                              <!-- <div class="col-6 col-sm-4"> -->
                                @forelse($product->images as $image)

                    <div class="col-6 col-sm-4">

                        <div class="card">

                            <img src="{{ asset('storage/'.$image->image) }}"
                                 class="card-img-top"
                                 style="height:150px; object-fit:cover;">

                            <div class="card-body text-center">

                                @if($image->is_primary)
                                    <span class="badge bg-success">
                                        Primary
                                    </span>
                                @endif
                                <button type="button"
                                        onclick="deleteImage({{ $image->id }})"
                                        class="btn btn-danger btn-sm">
                                    Delete
                                </button>                                

                            </div>

                        </div>

                    </div>

                @empty

                    <p>No images available.</p>

                @endforelse
                                                           
                            </div>
                          </div>
                                                
                                              
                          
                        </div>                      
                      </div>
                    </div>
                    <div class="card-action">
                      <button type="submit" class="btn btn-success">Submit</button>
                      <a href="{{ route('admin.products.index') }}"
                        class="btn btn-secondary">
                            Cancel
                    </a>
                      <!-- <button class="btn btn-danger">Cancel</button> -->
                    </div>
                  </form>
                  @foreach($product->images as $image)
                    <form id="delete-image-{{ $image->id }}"
                        action="{{ route('admin.products.images.delete', $image->id) }}"
                        method="POST"
                        style="display:none;">

                        @csrf
                        @method('DELETE')

                    </form>

                @endforeach
                </div>
              </div>
            </div>
          </div>
<script>
function deleteImage(id)
{
    if (confirm('Are you sure you want to delete this image?')) {
        document.getElementById('delete-image-' + id).submit();
    }
}
</script>
@endsection