@extends('layout.app')
@section('title')
    Edit Product
@endsection
@push('css')
<link rel="stylesheet" href="{{asset('plugins/select2/css/select2.min.css')}}">
@endpush
@section('content')
    <form id="productDelete-{{$product->id}}" action="{{route('product.destroy',$product->id)}}" method="POST">
        @csrf
        @method('DELETE')
    </form>
    <div class="content mt-4">
        <div class="container-fluid">
            <div class="card card-primary">
                <div class="card-header d-flex align-items-center">
                  <h3 class="card-title">Edit Product</h3>
                  <a 
                    onclick="if(confirm('Are you sure you want to delete this?')){
                        event.preventDefault();
                        document.getElementById('productDelete-{{$product->id}}').submit();
                        }"
                    type="button" class="btn btn-danger ml-auto">
                    Delete product
                </a>

               
                </div>
                <!-- /.card-header -->
                <!-- form start -->
                <form action="{{route('product.update',$product->id)}}" method="POST" enctype="multipart/form-data">
                    @csrf
                    @method('PATCH')
                  <div class="card-body">
                    <div class="row">


                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="image">Image</label>
                                <input type="file" name="image" class="form-control @error('image') is-invalid @enderror " id="image">
                            </div>
                            <img src="{{asset($product->image)}}" width="100" alt="">

                            @error('image')
                                <span class="error invalid-feedback">
                                  {{$message}}
                                </span>
                            @enderror
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="title">Title</label>
                                <input required type="text" name="title" class="form-control @error('title') is-invalid @enderror" id="title" value="{{old('title') ?? $product->title}}" placeholder="Enter title">
                              </div>
                        </div>

                        <div class="col-md-6">
                          <div class="form-group">
                              <label for="subtitle">Subtitle</label>
                              <input type="text" name="subtitle" class="form-control @error('subtitle') is-invalid @enderror" id="subtitle" value="{{old('subtitle') ?? $product->subtitle}}" placeholder="Enter subtitle">
                            </div>
                      </div>

                      <div class="col-md-6">
                        <div class="form-group">
                            <label for="barcode">Barcode</label>
                            <input required type="text" name="barcode" class="form-control @error('barcode') is-invalid @enderror" id="barcode" value="{{old('barcode') ?? $product->barcode}}" placeholder="Enter barcode">
                          </div>
                    </div>

                        <div class="col-md-6">
                            <div class="form-group">
                              <label>Category</label>
                              <select name="category_code" class="form-control select2 @error('category_code') is-invalid @enderror" style="width: 100%;">
                                @foreach ($categories as $category)
                                    <option 
                                    @if ($category->id==$product->category_id)
                                        selected
                                    @endif
                                    value="{{$category->code}}">{{$category->name}}</option>
                                @endforeach
                              </select>
                            </div>
                        </div>

                        <div class="col-md-6">
                          <div class="form-group">
                            <label>Brand</label>
                            <select name="brand_code" class="form-control select2 @error('brand_code') is-invalid @enderror" style="width: 100%;">
                              @foreach ($brands as $brand)
                                  <option 
                                    @if ($brand->id==$product->brand_id)
                                        selected
                                    @endif
                                  value="{{$brand->code}}">{{$brand->name}}</option>
                              @endforeach
                            </select>
                          </div>
                      </div>

                      <div class="col-md-6">
                        <div class="form-group">
                            <label for="weight">Weight</label>
                            <input required type="text" name="weight" class="form-control @error('weight') is-invalid @enderror" id="weight" value="{{old('weight') ?? $product->weight}}" placeholder="Enter weight">
                        </div>
                      </div>

                      <div class="col-md-6">
                        <div class="form-group">
                            <label for="size">Size</label>
                            <input required type="text" name="size" class="form-control @error('size') is-invalid @enderror" id="size" value="{{old('size')  ?? $product->size}}" placeholder="Enter size">
                        </div>
                      </div>

                      <div class="col-md-6">
                        <div class="form-group">
                            <label for="freight">Freight</label>
                            <input required type="number" name="freight" class="form-control @error('freight') is-invalid @enderror" id="freight" value="{{old('freight')  ?? $product->freight}}" placeholder="Enter weight">
                        </div>
                      </div>

                      <div class="col-md-6">
                        <div class="form-group">
                            <label for="inventory">Inventory</label>
                            <input type="number" name="inventory" class="form-control @error('inventory') is-invalid @enderror" id="inventory" value="{{old('inventory')  ?? $product->inventory}}" placeholder="Enter inventory">
                        </div>
                      </div>
                      
                      <div class="col-md-6">
                        <div class="form-group">
                            <label for="citymart_code">CityMart Code</label>
                            <input type="text" name="citymart_code" class="form-control @error('citymart_code') is-invalid @enderror" id="citymart_code" value="{{old('citymart_code')  ?? $product->citymart_code}}" placeholder="Enter CityMart Code">
                        </div>
                      </div>

                         <div class="col-md-6">
                        <div class="form-group">
                            <label for="sort">Sort</label>
                            <input type="text" name="sort" class="form-control @error('sort') is-invalid @enderror" id="sort" value="{{old('sort') ?? $product->sort}}" placeholder="Enter sort number">
                        </div>
                      </div>

                      <div class="col-md-12">
                        <div class="form-group">
                            <label for="description">Description</label>
                            <textarea rows="6" type="number" name="description" class="form-control @error('description') is-invalid @enderror" id="description" placeholder="Enter description">{{old('description')  ?? $product->description}}</textarea>

                        </div>
                      </div>
                    </div>
                  </div>
  
                  <div class="card-footer">
                    <button type="submit" class="btn btn-primary">Submit</button>
                  </div>
                </form>
              </div>
        </div>
    </div>

@endsection
@push('scripts')
    <script src="{{asset('plugins/select2/js/select2.full.min.js')}}"></script>
    <script>
        $(function () {
            //Initialize Select2 Elements
            $('.select2').select2();

            $('.select2bs4').select2({
            theme: 'bootstrap4'
            })
        })
    </script>
@endpush