@extends('backend.partials.master')
@section('title')
Product Create
@endsection
@section('maincontent')
<main class="content">
   <div class="container-fluid p-0">
      <div class="mb-3">
         <h1 class="h3 d-inline align-middle">Create Product</h1>
      </div>
      <div class="row">
         <div class="col-md-12">
            <div class="card">
               <div class="card-body">
                  <form action="@if(!empty($old)){{route('products.update')}}@else{{route('products.store')}}@endif" method="POST" enctype="multipart/form-data">
                     @csrf
                     @if(!empty($old))
                     @method('PUT')
                     <input type="hidden" name="id" id="id" value="{{ $old->id ?? ''}}"/>
                     @endif
                     <div class="row">
                        <div class="mb-3 col-md-3">
                           <label class="form-label" for="name">Product Name <small class="text-danger">*</small></label>
                           <input type="text" class="form-control @error('name') is-invalid @enderror"
                              name="name" id="name" placeholder="Product name"
                              value="{{ old('name', $old->name ?? '') }}">
                           @error('name')
                           <small class="text-danger">{{ $message }}</small>
                           @enderror
                        </div>
                        <div class="mb-3 col-md-3">
                           <label class="form-label" for="unit_id">Unit <small class="text-danger">*</small></label>
                           <select id="unit_id" name="unit_id" class="form-control choices-single" >
                              <option value="">Select Unit</option>
                              @foreach($units as $ut)
                              <option value="{{ $ut->id }}" {{ old('unit_id', $old->unit_id ?? '') == $ut->id ? 'selected' : '' }}>{{ $ut->name }}</option>
                              @endforeach
                           </select>
                           @error('unit_id')
                           <small class="text-danger">{{ $message }}</small>
                           @enderror
                        </div>

                          <div class="mb-3 col-md-3">
                           <label class="form-label" for="category">Category <small class="text-danger">*</small></label>
                           <select id="category" name="category" class="form-control choices-single" required>
                            <option value="">Select category</option>
                            @foreach($categories as $ut)
                                <option value="{{ $ut->id }}"
                                    {{ old('category', $old->category ?? '') == $ut->id ? 'selected' : '' }}>
                                    {{ $ut->name }}
                                </option>
                            @endforeach
                            </select>
                           @error('category')
                           <small class="text-danger">{{ $message }}</small>
                           @enderror
                        </div>

                        {{-- <div class="mb-3 col-md-3">
                           <label class="form-label" for="category">Category <small class="text-danger">*</small></label>
                           <select id="category" name="category" class="form-control choices-single" >
                              <option value="">Select Category</option>
                              @foreach($categories as $ut)
                              <option value="{{ $ut->id }}" {{ old('categoery', $old->category ?? '') == $ut->id ? 'selected' : '' }}>{{ $ut->name }}</option>
                              @endforeach
                           </select>
                           @error('categoery')
                           <small class="text-danger">{{ $message }}</small>
                           @enderror
                        </div> --}}

                        <div class="mb-3 col-md-3">
                           <label class="form-label" for="hsn">HSN No</label>
                           <input type="text" class="form-control @error('sku') is-invalid @enderror"
                              name="hsn" id="hsn" placeholder="HSN No"
                              value="{{ old('hsn', $old->hsn ?? '') }}">
                           @error('hsn')
                           <small class="text-danger">{{ $message }}</small>
                           @enderror
                        </div>
                        <div class="mb-3 col-md-3">
                           <label class="form-label" for="sku">SKU <small class="text-primary">( keep blank its autogenerate.)</small></label>
                           <input type="text" class="form-control @error('sku') is-invalid @enderror"
                              name="sku" id="sku" placeholder="SKU"
                              value="{{ old('sku', $old->sku ?? '') }}">
                           @error('sku')
                           <small class="text-danger">{{ $message }}</small>
                           @enderror
                        </div>
                        <div class="mb-3 col-md-3">
                           <label class="form-label" for="l">size<small class="text-danger">*</small></label>
                           <input type="text" class="form-control @error('size') is-invalid @enderror"
                              name="size" id="size" placeholder="Size"
                              value="{{ old('size', $old->size ?? '') }}">
                           @error('size')
                           <small class="text-danger">{{ $message }}</small>
                           @enderror
                        </div>
                        <div class="mb-3 col-md-3">
                           <label class="form-label" for="quantity">Quantity <small class="text-danger">*</small></label>
                          <input type="number" step="any" class="form-control @error('quantity') is-invalid @enderror"
                         name="quantity" id="quantity" placeholder="Quantity" value="{{ old('quantity', $old->quantity ?? '') }}" require>
                           @error('quantity')
                           <small class="text-danger">{{ $message }}</small>
                           @enderror
                        </div>

                        <div class="mb-3 col-md-3">
                           <label class="form-label" for="avg_weight">Avg Weight<small class="text-danger">*</small></label>
                           <input type="number"   step="0.001" class="form-control @error('avg_weight') is-invalid @enderror"
                              name="avg_weight" id="avg_weight" placeholder="Avg Weight"
                              value="{{ old('avg_weight', $old->avg_weight ?? '') }}">
                           @error('avg_weight')
                           <small class="text-danger">{{ $message }}</small>
                           @enderror
                        </div>

                        <div class="mb-3 col-md-3">
                           <label class="form-label" for="price">Purchase Price <small class="text-danger">*</small></label>
                           <input type="number" class="form-control @error('price') is-invalid @enderror"
                              name="price" id="price" placeholder="Price"
                              value="{{ old('price', $old->price ?? '0') }}">
                           @error('price')
                           <small class="text-danger">{{ $message }}</small>
                           @enderror
                        </div>
                        <div class="mb-3 col-md-3">
                           <label class="form-label" for="status">Status <small class="text-danger"></small></label>
                           <select id="status" name="status" class="form-control choices-single-status" >
                           <option value="1" {{ old('status', $old->status ?? '') == '1' ? 'selected' : '' }}>Active</option>
                           <option value="0" {{ old('status', $old->status ?? '') == '0' ? 'selected' : '' }}>Inactive</option>
                           </select>
                           @error('status')
                           <small class="text-danger">{{ $message }}</small>
                           @enderror
                        </div>
                        {{-- <div class="mb-3 col-md-3">
                           <label class="form-label" for="gst">Applicable Tax <small class="text-danger"></small></label>
                           <select id="gst" name="gst" class="form-control choices-single-tax" >
                           @foreach([0 => 'NONE', 5 => 'GST 5%', 12 => 'GST 12%', 18 => 'GST 18%', 28 => 'GST 28%'] as $val => $label)
                           <option value="{{ $val }}" {{ old('gst', $old->gst ?? '') == $val ? 'selected' : '' }}>{{ $label }}</option>
                           @endforeach
                           </select>
                           @error('gst')
                           <small class="text-danger">{{ $message }}</small>
                           @enderror
                        </div> --}}

                        <div class="mb-3 col-md-3">
                           <label class="form-label" for="description">Description</label>
                           <textarea class="form-control @error('description') is-invalid @enderror"
                              name="description"
                              id="description"
                              placeholder="Enter description"
                              rows="3">{{ old('description', $old->description ?? '') }}</textarea>
                           @error('description')
                           <small class="text-danger">{{ $message }}</small>
                           @enderror
                        </div>

                     </div>
                     <button type="submit" class="btn btn-primary">{{ !empty($old) ? 'Update' : 'Create' }}</button>
                     <a href="{{ route('products') }}" class="btn btn-secondary">Cancel</a>
                  </form>
               </div>
            </div>
         </div>
      </div>
   </div>
</main>
@endsection
{{-- <script>
   document.addEventListener('DOMContentLoaded', function () {
       const gstSelect = document.getElementById('gst');
       const taxTypeSelect = document.getElementById('selling_price_tax_type');

       const purchaseExcInput = document.getElementById('purchase_exc_tx');
       const purchaseIncInput = document.getElementById('purchase_inc_tx');
       const saleExcInput = document.getElementById('sale_exc_tx');
       const saleIncInput = document.getElementById('sale_inc_tx');

       const excWrapper = document.getElementById('exc_tax_wrapper');
       const incWrapper = document.getElementById('inc_tax_wrapper');
       const heading = document.getElementById('tax_heading');

       let updating = false; // Flag to prevent infinite loops

       function getGstRate() {
           return parseFloat(gstSelect.value) || 0;
       }

       function updateTaxTypeVisibility() {
           const selected = taxTypeSelect.value;
           if (selected === 'exclusive') {
               excWrapper.style.display = 'block';
               incWrapper.style.display = 'none';
               heading.textContent = 'Exc. tax:*';
           } else {
               excWrapper.style.display = 'none';
               incWrapper.style.display = 'block';
               heading.textContent = 'Inc. tax:*';
           }
       }

       function syncFromPurchaseExc() {
           if (updating) return;
           updating = true;

           const exc = parseFloat(purchaseExcInput.value) || 0;
           const gst = getGstRate();
           const inc = exc + (exc * gst / 100);

           purchaseIncInput.value = inc.toFixed(2);

           if (taxTypeSelect.value === 'exclusive') {
               saleExcInput.value = exc.toFixed(2);
               saleIncInput.value = inc.toFixed(2);
           } else {
               saleIncInput.value = inc.toFixed(2);
               saleExcInput.value = (inc / (1 + gst / 100)).toFixed(2);
           }

           updating = false;
       }

       function syncFromPurchaseInc() {
           if (updating) return;
           updating = true;

           const inc = parseFloat(purchaseIncInput.value) || 0;
           const gst = getGstRate();
           const exc = inc - (inc * gst / 100);

           purchaseExcInput.value = exc.toFixed(2);

           if (taxTypeSelect.value === 'inclusive') {
               saleIncInput.value = inc.toFixed(2);
               saleExcInput.value = exc.toFixed(2);
           } else {
               saleExcInput.value = exc.toFixed(2);
               saleIncInput.value = (exc * (1 + gst / 100)).toFixed(2);
           }

           updating = false;
       }

       function syncFromSaleExc() {
           if (updating) return;
           updating = true;

           const exc = parseFloat(saleExcInput.value) || 0;
           const gst = getGstRate();
           const inc = exc * (1 + gst / 100);

           saleIncInput.value = inc.toFixed(2);

           purchaseExcInput.value = exc.toFixed(2);
           purchaseIncInput.value = inc.toFixed(2);

           updating = false;
       }

       function syncFromSaleInc() {
           if (updating) return;
           updating = true;

           const inc = parseFloat(saleIncInput.value) || 0;
           const gst = getGstRate();
           const exc = inc / (1 + gst / 100);

           saleExcInput.value = exc.toFixed(2);

           purchaseIncInput.value = inc.toFixed(2);
           purchaseExcInput.value = exc.toFixed(2);

           updating = false;
       }

       // Input listeners
       purchaseExcInput.addEventListener('input', syncFromPurchaseExc);
       purchaseIncInput.addEventListener('input', syncFromPurchaseInc);
       saleExcInput.addEventListener('input', function () {
           if (taxTypeSelect.value === 'exclusive') {
               syncFromSaleExc();
           }
       });
       saleIncInput.addEventListener('input', function () {
           if (taxTypeSelect.value === 'inclusive') {
               syncFromSaleInc();
           }
       });

       gstSelect.addEventListener('change', function () {
           if (taxTypeSelect.value === 'exclusive') {
               syncFromSaleExc();
           } else {
               syncFromSaleInc();
           }
       });

       taxTypeSelect.addEventListener('change', function () {
           updateTaxTypeVisibility();
           if (taxTypeSelect.value === 'exclusive') {
               syncFromSaleExc();
           } else {
               syncFromSaleInc();
           }
       });

       // Initial setup
       updateTaxTypeVisibility();
       if (taxTypeSelect.value === 'exclusive') {
           syncFromSaleExc();
       } else {
           syncFromSaleInc();
       }
   });
</script>
<!-- searchable dropdown script start-->
<script>
   document.addEventListener("DOMContentLoaded", function() {
       // Choices.js
       new Choices(document.querySelector(".choices-single-customer"));
       new Choices(document.querySelector(".choices-single-cat"));
       new Choices(document.querySelector(".choices-single-status"));
       new Choices(document.querySelector(".choices-single-tax"));
       new Choices(document.querySelector(".choices-single-tax_type"));
       new Choices(document.querySelector(".choices-single-wrty"));
   });
</script> --}}
<!-- searchable dropdown script end-->