@extends('layouts.app', ['page' => __('Products'), 'pageSlug' => 'products'])

@section('content')

<style>
    .card form label+.form-control {
    margin-bottom: 5px;
}
.image {
  border: 1px solid #e5e5e5;
}

input[type=file]::file-selector-button {
  background-color: #fff;
  color: #000;
  border: 0px;
  border-right: 1px solid #e5e5e5;
  padding: 10px 15px;
  margin-right: 20px;
  transition: .5s;
}

input[type=file]::file-selector-button:hover {
  background-color: #eee;
  border: 0px;
  border-right: 1px solid #e5e5e5;
}
    </style>
  
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="title">{{ __('Upload Products') }}</h5>
                </div>
                <form method="post" action="{{route('products.update')}}" autocomplete="off" enctype="multipart/form-data">
                @csrf
                    <div class="card-body">
                         <div class="row"> 


                            {{-- productcode --}}
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>{{ __('Product Code') }}</label>
                                    <input type="text" name="productcode" id="productcode" class="form-control" placeholder="{{ __('Product Code') }}"  value="{{$users->productcode}}" >
                                             @error('productcode')
                                                    <p class="text-danger text-xs mt-2">{{ $message }}</p>
                                                @enderror
                                </div>
                                </div>


                         <div class="col-md-6"> 
                            <div class="form-group">
                                <label>{{ __('Product Name') }}</label>
                                <input type="text" name="productname" id="productname" class="form-control" placeholder="{{ __('Product Name') }}" value="{{$users->productname}}" >
                                @error('productname')
                                    <p class="text-danger text-xs mt-2">{{ $message }}</p>
                                @enderror
                                <input type="hidden" name="idd" value="{{$users->id}}">
                            </div>
                          </div>
                        </div>

                        <div class="row"> 
                          <div class="col-md-6">
                            <div class="form-group">
                                <label>{{ __('PDF') }}</label>
                                <input type="text" name="pdf"  id="pdf" class="form-control" placeholder="{{ __('PDF')}}"  value="{{$users->pdf}}" >
                                         @error('pdf')
                                                <p class="text-danger text-xs mt-2">{{ $message }}</p>
                                            @enderror
                            </div>
                            </div>

                             <div class="col-md-6">
                                <div class="form-group">
                                    <label>{{ __('Price') }}</label>
                                    <input type="number" name="price"  id="price" class="form-control" placeholder="{{ __('Price') }}" value="{{$users->price}}" >
                                             @error('price')
                                                    <p class="text-danger text-xs mt-2">{{ $message }}</p>
                                                @enderror
                                </div>
                                </div>
                            </div>
      
                            <div class="row"> 
                            <div class="col-md-4">
                            <div class="form-group">
                                <label>{{ __('Select Category') }}</label>
                                <select name="category" id="category" class="form-control">
                                    <option value="">Select</option>
                                    @foreach($categories as $Category)
                                    <option value="{{$Category->categoryname}}" @if($users->category == $Category->categoryname)  selected @endif>{{$Category->categoryname}}</option>
                                    @endforeach
                                </select>
                                          @error('category')
                                                <p class="text-danger text-xs mt-2">{{ $message }}</p>
                                            @enderror
                            </div>
                            </div>
                            <div class="col-md-4">
                            <div class="form-group">
                                <label>{{ __('Select Subcategory') }}</label>
                                <select name="subcategory" id="subcategory" class="form-control">
                                    
                                    <option value="">Select</option>
                                    @foreach($subcategories as $subcategory)
                                    <option value="{{$subcategory->subcategoryname}}" @if($users->subcategory == $subcategory->subcategoryname)  selected @endif>{{$subcategory->subcategoryname}}</option>
                                    @endforeach
                                    
                                </select>               
                                            @error('subcategory')
                                                <p class="text-danger text-xs mt-2">{{ $message }}</p>
                                            @enderror
                            </div>
                            </div>
{{-- GST --}}
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>{{ __('GST') }}</label>
                                    <input type="number" name="gst" id="gst" class="form-control" value="{{$users->gst}}"  placeholder="{{ __('GST') }}" >
                                             @error('gst')
                                                    <p class="text-danger text-xs mt-2">{{ $message }}</p>
                                                @enderror
                                </div>
                                </div>
                            
                            </div>
               

                            {{-- <div class="row"> 
                            <div class="col-md-4">
                            <div class="form-group">
                                <label>{{ __('CGST') }}</label>
                                <input type="number" name="cgst" id="cgst" class="form-control"  placeholder="{{ __('CGST') }}" value="{{$users->cgst}}" >
                                         @error('cgst')
                                                <p class="text-danger text-xs mt-2">{{ $message }}</p>
                                            @enderror
                            </div>
                            </div>
                          <div class="col-md-4">
                            <div class="form-group">
                                <label>{{ __('SGST') }}</label>
                                <input type="number" name="sgst" id="sgst" class="form-control"  value="{{$users->sgst}}" placeholder="{{ __('SGST') }}" >
                                          @error('sgst')
                                                <p class="text-danger text-xs mt-2">{{ $message }}</p>
                                            @enderror
                            </div>
                            </div>

                            <div class="col-md-4">
                            <div class="form-group">
                                <label>{{ __('IGST') }}</label>
                                <input type="number" name="igst" id="igst" value="{{$users->igst}}" class="form-control" placeholder="{{ __('IGST') }}" >
                                        @error('igst')
                                                <p class="text-danger text-xs mt-2">{{ $message }}</p>
                                            @enderror
                            </div>
                            </div>
                            </div> --}}

                            {{-- <div class="row">
                            <div class="col-md-12">
                            <div class="form-group">
                                <label>{{ __('Description') }}</label>
                                <textarea class="form-control" id="description" name="description">
                                 {{$users->description}}
                                </textarea>
                                            @error('description')
                                                <p class="text-danger text-xs mt-2">{{ $message }}</p>
                                            @enderror
                            </div>
                            </div>
                            </div> --}}

                            <div class="row">
                            <div class="col-md-4">
                            <label>{{ __('Image') }}</label>
                                      <input type="file" name="image" class="form-control" />
                                      <input type="hidden" name="old_image" value="{{$users->image}}" />
                                            @error('image')
                                                <p class="text-danger text-xs mt-2">{{ $message }}</p>
                                            @enderror
                                
                            </div>
                            </div>
                    <div class="card-footer">
                        <button type="submit"  class="btn btn-fill btn-info">Update</button>
                    </div>
                </form>
            </div>

        
        </div>
       
    </div>
   

<!-- <script>
    function sendform_Data()
{
    alert("hi");
}
</script> -->
<script>
        let input = document.getElementById("inputTag");
        let imageName = document.getElementById("imageName");

        input.addEventListener("change", ()=>{
            let inputImage = document.querySelector("input[type=file]").files[0];

            imageName.innerText = inputImage.name;
        })
    </script>
<script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>

@endsection