@extends('admin.layouts.app')

@section('content')
@push('styles')
<div class="container-fluid py-4">
    @if($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif
  <div class="row">
      <div class="col-12">
          <div class="row justify-content-between">
              <div class="col-md-4">
                  <a class="btn bg-gradient-info mb-3" href="{{ route('admin.tapl-contracts.index') }}">Back</a>
              </div>
          </div>
      </div>
  </div>
  <div class="row">
      <div class="col-12">
          <form role="form" action="{{ route('admin.tapl-contracts.update', $taplContract->id) }}" method="POST">
            @csrf
            @method('PUT')
              <div class="row justify-content-center">
                  <div class="col-md-12 col-sm-12">
                      <div class="card pt-3 mb-4">
                          <div class="card-body pt-0 pb-2">
                              <div class="row">
                                  <div class="col-md-6">
                                      <label>Performa Invoice No <span class="requered-mark">*</span></label>
                                      <div class="mb-3">
                                          <input type="text" class="form-control" placeholder="IN_0001" name="performa_invoice_no" value="{{ old('performa_invoice_no', @$taplContract->performa_invoice_no) }}" maxlength="12" readonly >
                                        @error('performa_invoice_no')
                                          <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                      </div>
                                  </div>
                                  <div class="col-md-6">
                                    <label>Work Order Recieve Date <span class="requered-mark">*</span></label>
                                    <div class="mb-3 form-search">
                                        <input type="date" class="form-control" placeholder="" name="work_order_recieve_date" value="{{ old('work_order_recieve_date', @$taplContract->work_order_recieve_date) }}" min="{{ date('Y-m-d') }}" >
                                    </div>
                                </div>
                                  <div class="col-md-6">
                                      <label>System Customer ID No <span class="requered-mark">*</span></label>
                                      <div class="mb-3 form-search">
                                          <input type="search" class="form-control" placeholder="CUST_0001" name="system_contract_id_no" value="{{ old('system_contract_id_no', @$taplContract->system_contract_id_no) }}" maxlength="20" readonly>
                                          {{-- <span class="search-btn"><i class="fas fa-search"></i></span> --}}
                                          @error('system_contract_id_no')
                                          <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                      </div>
                                  </div>
                                  <div class="col-md-6">
                                    <label>Customer ID No <span class="requered-mark">*</span></label>
                                    <div class="mb-3">
                                        <select class="form-control" name="customer_id_no" required>
                                            @foreach($customers as $customer)
                                                <option value="{{ $customer->id }}" {{ old('customer_id_no', $taplContract->customer_id_no) == $customer->id ? 'selected' : '' }}>
                                                    {{ $customer->customer_id }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('customer_id_no')
                                        <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                        <div id="customer_id_no_error" class="text-danger"></div>
                                    </div>
                                </div>
                                
                                  <div class="col-md-6">
                                      <label>Customer Name <span class="requered-mark">*</span></label>
                                      <div class="mb-3">
                                          <input type="text" class="form-control" placeholder="Ankush" name="customer_name" value="{{ old('customer_name', @$taplContract->customer_name) }}" maxlength="30" required>
                                          @error('customer_name')
                                          <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                      </div>
                                  </div>
                                  <div class="col-md-6">
                                      <label>Address Line 1 <span class="requered-mark">*</span></label>
                                      <div class="mb-3">
                                          <textarea style="height: 128px;" class="form-control" placeholder="Address Line 1" name="address_line_1" required>{{ old('address_line_1', @$taplContract->address_line_1) }}</textarea>
                                          @error('address_line_1')
                                          <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                      </div>
                                  </div>
                                  <div class="col-md-6">
                                      <label>Address Line 2</label>
                                      <div class="mb-3">
                                          <textarea style="height: 128px;" class="form-control" placeholder="Address Line 2" name="address_line_2">{{ old('address_line_2', @$taplContract->address_line_2) }}</textarea>
                                      </div>
                                  </div>
                                  <div class="col-md-6">
                                      <label>AMC Start Date <span class="requered-mark">*</span></label>
                                      <div class="mb-3">
                                          <input type="date" class="form-control" placeholder="yourname@mail.com" name="amc_start_date" value="{{ old('amc_start_date', @$taplContract->amc_start_date) }}" required>
                                          @error('amc_start_date')
                                          <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                      </div>
                                  </div>
                                  <div class="col-md-6">
                                      <label>AMC End Date <span class="requered-mark">*</span></label>
                                      <div class="mb-3">
                                          <input type="date" class="form-control" placeholder="yourname@mail.com" name="amc_end_date" value="{{ old('amc_end_date', @$taplContract->amc_end_date) }}" required>
                                          @error('amc_end_date')
                                          <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                      </div>
                                  </div>
                                  <div class="col-md-6">
                                      <label>Type Of AMC <span class="requered-mark">*</span></label>
                                      <div class="mb-3">
                                          <input type="text" class="form-control" placeholder="AMC" name="type_of_amc" value="{{ old('type_of_amc', @$taplContract->type_of_amc) }}" required>
                                          @error('type_of_amc')
                                          <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                      </div>
                                  </div>
                                  <div class="col-md-6">
                                    <label>Executive Name <span class="required-mark">*</span></label>
                                    <div class="mb-3">
                                        <select class="form-control" name="staff_id" required>
                                            <option value=""></option>
                                            @foreach($staffs as $staff)
                                                <option value="{{ $staff->id }}" {{ old('staff_id', @$taplContract->staff_id) == $staff->id ? 'selected' : '' }}>
                                                    {{ $staff->staff_name }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('staff_id')
                                        <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                
                                  <div class="col-md-6">
                                      <label>Machine Quantity <span class="requered-mark">*</span></label>
                                      <div class="mb-3">
                                          <input type="num" class="form-control" placeholder="5" id="machine_quantity" name="machine_quantity" value="{{ old('machine_quantity', @$taplContract->machine_quantity) }}" required>
                                          @error('machine_quantity')
                                          <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                      </div>
                                  </div>
                                  <div class="col-md-6">
                                      <label>Machine Tonnage <span class="requered-mark">*</span></label>
                                      <div class="mb-3">
                                          <input type="text" class="form-control" placeholder="Ton Rate" name="machine_tonnage" id="machine_tonnage" value="{{ old('machine_tonnage', @$taplContract->machine_tonnage) }}" required>
                                          @error('machine_tonnage')
                                          <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                      </div>
                                  </div>
                                  <div class="col-md-6">
                                      <label>Number Of Contracts <span class="requered-mark">*</span></label>
                                      <div class="mb-3">
                                          <input type="num" class="form-control" placeholder="5" name="number_of_contracts" value="{{ old('number_of_contracts', @$taplContract->number_of_contracts) }}" required>
                                          @error('number_of_contracts')
                                          <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                      </div>
                                  </div>
                                  <div class="col-md-6">
                                      <label>AMC Starting Year</label>
                                      <div class="mb-3">
                                          <input type="num" class="form-control" placeholder="2023" name="amc_starting_year" value="{{ old('amc_starting_year', @$taplContract->amc_starting_year) }}">
                                      </div>
                                  </div>
                                  <div class="col-md-6">
                                      <label>Last Year Customer Order Value</label>
                                      <div class="mb-3">
                                          <input type="text" class="form-control" placeholder="Value" name="last_year_customer_order_value" value="{{ old('last_year_customer_order_value', @$taplContract->last_year_customer_order_value) }}">
                                      </div>
                                  </div>
                                  <div class="col-md-6">
                                      <label>Increment % (Asking)</label>
                                      <div class="mb-3">
                                          <input type="text" class="form-control" placeholder="25%" name="increment_percentage" id="increment_percentage" value="{{ old('increment_percentage', @$taplContract->increment_percentage) }}">
                                      </div>
                                  </div>
                                  <div class="col-md-12">
                                      <div class="row">
                                          <div class="table-responsive p-0 mb-3">
                                              <table class="table align-items-center mb-0">
                                                <thead>
                                                  <tr>
                                                    <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7" style="text-align: center !important;">
                                                      SL.No</th>
                                                    <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2" style="text-align: center !important;">
                                                      TON</th>
                                                    <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7" style="text-align: center !important;">
                                                      UQM</th>
                                                    <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7" style="text-align: center !important;">
                                                      QTY</th>
                                                    <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7" style="text-align: center !important;">
                                                      Brand</th>
                                                    <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7" style="text-align: center !important;">
                                                      Model No</th>
                                                    <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7" style="text-align: center !important;">
                                                      Serial No</th>
                                                      <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7" style="text-align: center !important;">
                                                          Location</th>
                                                      <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7" style="text-align: center !important;">
                                                          Action</th>
                                                  </tr>
                                                </thead>
                                                <tbody>
                                                    @php
                                                    $sortedDetails = $taplContractDetails->sortBy('sl_no');
                                                    @endphp
                                                    @foreach ($sortedDetails as $taplDetail)
                                                    <tr class="data-row">
                                                        <td>
                                                            <input type="text" class="form-control text-center" style="width: 70px;" placeholder="1" value="{{ $loop->iteration }}" name="data[{{ $loop->index }}][sl_no]" readonly>
                                                        </td>
                                                        <td>
                                                            <input type="text" class="form-control text-center ton" style="width: 70px;" placeholder="1" name="data[{{ $loop->index }}][ton]" value="{{ $taplDetail->ton }}">
                                                        </td>
                                                        <td>
                                                            <input type="text" class="form-control text-center" style="width: 70px;" placeholder="1" name="data[{{ $loop->index }}][uqm]" value="{{ $taplDetail->uqm }}">
                                                        </td>
                                                        <td>
                                                            <input type="text" class="form-control text-center qty" style="width: 70px;" placeholder="1" name="data[{{ $loop->index }}][qty]" value="{{ $taplDetail->qty }}">
                                                        </td>
                                                        <td>
                                                            <input type="text" class="form-control text-center" style="width: 70px;" placeholder="1" name="data[{{ $loop->index }}][brand]" value="{{ $taplDetail->brand }}">
                                                        </td>
                                                        <td>
                                                            <input type="text" class="form-control text-center" style="width: 70px;" placeholder="1" name="data[{{ $loop->index }}][model_no]" value="{{ $taplDetail->model_no }}">
                                                        </td>
                                                        <td>
                                                            <input type="text" class="form-control text-center" style="width: 70px;" placeholder="1" name="data[{{ $loop->index }}][serial_no]" value="{{ $taplDetail->serial_no }}">
                                                        </td>
                                                        <td>
                                                            <input type="text" class="form-control text-center" style="width: 70px;" placeholder="UPS Room" name="data[{{ $loop->index }}][location]" value="{{ $taplDetail->location }}">
                                                        </td>
                                                        <td>
                                                            <ul class="nav table-btn-group" style="flex-wrap: nowrap; justify-content: end;">
                                                                <li class="nav-item">
                                                                    <a class="btn bg-gradient-info mb-0 mr-2 btn-sm add-row" href="#">ADD</a>
                                                                </li>
                                                                <li class="nav-item">
                                                                    <a class="btn bg-gradient-info mb-0 mr-2 btn-sm delete-row" href="#">Delete</a>
                                                                </li>
                                                            </ul>
                                                        </td>
                                                    </tr>
                                                    @endforeach
                                                </tbody>
                                                
                                              </table>
                                            </div>
                                      </div>
                                  </div>
                                  <div class="col-md-6">
                                      <label>Performa Amount <span class="requered-mark">*</span></label>
                                      <div class="mb-3">
                                          <input type="text" class="form-control" placeholder="25000" name="performa_amount" id="performa_amount" required value="{{ old('performa_amount', @$taplContract->performa_amount) }}">
                                          @error('performa_amount')
                                          <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                      </div>
                                  </div>
                                  <div class="col-md-6">
                                      <label>Last Year Increment <span class="requered-mark">*</span></label>
                                      <div class="mb-3">
                                          <input type="text" class="form-control" placeholder="2023" name="last_year_increment" required value="{{ old('last_year_increment', @$taplContract->last_year_increment) }}">
                                          @error('last_year_increment')
                                          <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                      </div>
                                  </div>
                                  <div class="col-md-6">
                                      <label>Basic</label>
                                      <div class="mb-3">
                                          <input type="text" class="form-control" placeholder="Basic" name="basic" id="basic" value="{{ old('basic', @$taplContract->basic) }}">
                                      </div>
                                  </div>
                                  <div class="col-md-6">
                                      <label>Last Year Billed Bill No</label>
                                      <div class="mb-3">
                                          <input type="text" class="form-control" placeholder="BL_0001" name="last_year_billed_bill_no" value="{{ old('last_year_billed_bill_no', @$taplContract->last_year_billed_bill_no) }}">
                                      </div>
                                  </div>
                                  <div class="col-md-6">
                                      <label>GST</label>
                                      <div class="mb-3">
                                          <input type="text" class="form-control" placeholder="GST" name="gst" value="{{ old('gst', @$taplContract->gst) }}">
                                      </div>
                                  </div>
                                  <div class="col-md-6">
                                    <label>AMC End On Date <span class="required-mark">*</span></label>
                                    <div class="mb-3">
                                        @php
                                        $selectedDate = old('amc_end_on_date', @$taplContract->amc_end_on_date);
                                        if ($selectedDate) {
                                            $formattedDate = date('d-m-Y', strtotime($selectedDate));
                                        } else {
                                            $formattedDate = '';
                                        }
                                        @endphp
                                        <input type="date" class="form-control" name="amc_end_on_date" required 
                                               value="{{ old('amc_end_on_date', @$taplContract->amc_end_on_date) }}">
                                    </div>
                                </div>
                                
                                  <div class="col-md-6">
                                      <label>Total Performa Amount <span class="requered-mark">*</span></label>
                                      <div class="mb-3">
                                          <input type="num" class="form-control" placeholder="75000" name="total_performa_amount" id="total_performa_amount" required value="{{ old('total_performa_amount', @$taplContract->total_performa_amount) }}">
                                      </div>
                                  </div>
                                  <div class="col-12">
                                      {{-- <a class="btn bg-gradient-info mb-3" style="float: right;" role="button" data-bs-toggle="modal" data-bs-target="#exampleModal" 
                                          href="">Save & Print</a> --}}
                                          <input type="submit" value="Save & Print" class="btn bg-gradient-info mb-3" style="float: right;">
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
          </form>
      </div>
  </div>


<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
  $('#machine_quantity, #increment_percentage, #basic, #performa_amount,#machine_tonnage, #total_performa_amount').on('input', function() {
    var inputValue = $(this).val().replace(/\D/g, '');
    $(this).val(inputValue);
  });
});
</script>
<script>
    $(document).ready(function () {
        // Listen for changes in the "Increment Percentage" field
        $('input[name="increment_percentage"]').on('input', function () {
            calculateAmounts();
        });

        // Function to calculate amounts
        function calculateAmounts() {
            var incrementPercentage = parseFloat($('input[name="increment_percentage"]').val()) || 0;
            var lastYearOrderValue = parseFloat($('input[name="last_year_customer_order_value"]').val()) || 0;
            var gstPercentage = parseFloat($('input[name="gst_percentage"]').val()) || 0;

            // Calculate GST, Performa, and Basic amounts
            var incrementAmount = (lastYearOrderValue * incrementPercentage) / 100;
            var performa = lastYearOrderValue + incrementAmount;
            var basic = (performa * 100) / 118;
            var gst = performa - basic;

            console.log('incrementAmount '+incrementAmount);
            console.log('performa '+performa);
            console.log('basic '+basic);
            console.log('gst '+gst);
            // Update the input fields with the calculated values
            $('input[name="increment_amount"]').val(incrementAmount.toFixed(2));
            $('input[name="performa_amount"]').val(performa.toFixed(2));
            $('input[name="total_performa_amount"]').val(performa.toFixed(2));
            $('input[name="basic"]').val(basic.toFixed(2));
            $('input[name="gst"]').val(gst.toFixed(2));
        }
    });

$(document).ready(function () {
// Function to clear the related fields
    function clearCustomerDetailsFields() {
        $('input[name="customer_name"]').val('');
        $('textarea[name="address_line_1"]').val('');
        $('textarea[name="address_line_2"]').val('');
        // Clear the "Type of AMC" dropdown as well
        $('#type_of_amc').empty();
    }

// Listen for changes in the customer select field
    $('select[name="customer_id_no"]').change(function () {
        var customerId = $(this).val();
        
        if (customerId === '') {
            // Clear the fields when nothing is selected
            clearCustomerDetailsFields();
            return; // Exit the function
        }
        
        // Get the CSRF token value
        var csrfToken = $('meta[name="csrf-token"]').attr('content');
        
        // Prepare data to send in the Ajax request
        var requestData = {
            _token: csrfToken,
            customerId: customerId
        };
        
        // Make an Ajax request to fetch customer details
        $.ajax({
            url: '{{ route('admin.tapl.customer.fetch') }}', // Use the named route
            type: 'GET',
            data: requestData,
            dataType: 'json',
            success: function (data) {
                // Update the customer details fields
                $('input[name="customer_name"]').val(data.customer_name);
                $('textarea[name="address_line_1"]').val(data.address_line_1);
                $('textarea[name="address_line_2"]').val(data.address_line_2);
                
                 // Update the "Type of AMC" field based on the selected option
            var typeOfAMCField = $('#type_of_amc');
            typeOfAMCField.empty();

            $.each(data.type_of_amc_options, function (key, value) {
                typeOfAMCField.append('<option value="' + key + '">' + value + '</option>');
            });

            // Determine the value and display text for "Type of AMC" based on the selected option
            var selectedTypeOfAMC = typeOfAMCField.val();
            var typeOfAMCText = '';

            if (selectedTypeOfAMC === '1') {
                typeOfAMCText = 'AMC';
            } else if (selectedTypeOfAMC === '2') {
                typeOfAMCText = 'Blue Starr';
            }

            // Update the input field with the determined text
            $('input[name="type_of_amc"]').val(typeOfAMCText);
            },
            error: function () {
                // Handle errors here
                clearCustomerDetailsFields(); // Clear the fields on error
            }
        });
    });

// Optional: Checkbox to copy Address Line 1
    $('#copy_address_checkbox').change(function () {
        if ($(this).is(':checked')) {
            var addressLine1Value = $('textarea[name="address_line_1"]').val();
            $('textarea[name="address_line_2"]').val(addressLine1Value);
        }
    });
});

$(document).ready(function() {

    $('input[name="amc_starting_year"]').on('input', function () {
    // Remove non-numeric characters and leading zeros
    var year = $(this).val().replace(/\D/g, '').replace(/^0+/, '');
    
    // Ensure the year is within the allowed range
    if (year < 2000) {
        year = 2000;
    } else if (year > 2040) {
        year = 2040;
    }
    
    // Ensure the year is exactly 4 digits
    if (year.length > 4) {
        year = year.slice(0, 4);
    }
    
    // Update the input value
    $(this).val(year);
});

});


// $(document).ready(function () {
    function updateSLNo() {
        $('.data-row').each(function (index) {
            $(this).find('input[name$="[sl_no]"]').val(index + 1);
        });
    }
    // $(document).on("click", ".add-row", function() {
    //     var $lastRow = $(".data-row:last");
    //     var $newRow = $lastRow.clone();
    //     updateMachineQuantity();

    //     // Increment the SL.No only for the new row
    //     var lastSlNo = parseInt($lastRow.find('input[name^="data["]').val());
    //     var newSlNo = isNaN(lastSlNo) ? 1 : lastSlNo + 1;

    //     // Set the incremented SL.No in the new row
    //     $newRow.find('input[name^="data["]').val(newSlNo);

    //     // Clear input values in all other fields of the new row
    //     $newRow.find('input[name!="data[' + newSlNo + '][sl_no]"]').val('');

    //     // Update input field names to use the next index
    //     $newRow.find("input").each(function(index, element) {
    //         var currentName = $(element).attr("name");
    //         var newName = currentName.replace(/\[(\d+)\]/g, "[" + newSlNo + "]");
    //         $(element).attr("name", newName);
    //     });

    //     $lastRow.after($newRow);
    // });

    $(document).on("click", ".add-row", function() {
        var $lastRow = $(".data-row:last");
        var $newRow = $lastRow.clone();

        // Increment the SL.No for the new row
        var lastSlNo = parseInt($lastRow.find('input[name$="[sl_no]"]').val());
        var newSlNo = isNaN(lastSlNo) ? 1 : lastSlNo + 1;
        $newRow.find('input[name$="[sl_no]"]').val(newSlNo);

        // Clear input values in all fields of the new row
        $newRow.find('input').val('');

        $lastRow.after($newRow);

        updateSLNo();
    });


    // $(document).on("click", ".add-row", function() {
    // updateSLNo();
    // var $lastRow = $(".data-row:last");
    // var $newRow = $lastRow.clone();
    // updateMachineQuantity();

    // // Increment the SL.No only for the new row
    // var lastSlNoInput = $lastRow.find('input[name^="data["][name$="[sl_no]"]');
    // var lastSlNo = parseInt(lastSlNoInput.val());
    // var newSlNo = isNaN(lastSlNo) ? 1 : lastSlNo + 1;

    // // Set the incremented SL.No in the new row
    // $newRow.find('input[name^="data["][name$="[sl_no]"]').val(newSlNo);

    // // Clear input values in all other fields of the new row
    // $newRow.find('input[name!="data[' + newSlNo + '][sl_no]"]').val('');

    // // Update input field names to use the next index
    // $newRow.find("input").each(function(index, element) {
    //     var currentName = $(element).attr("name");
    //     var newName = currentName.replace(/\[(\d+)\]/g, "[" + newSlNo + "]");
    //     $(element).attr("name", newName);
    // });

    // $lastRow.after($newRow);
// });
         

    // Delete a row
    // $(document).on("click", ".delete-row", function() {
    //     var rowCount = $(".data-row").length;
    //     if (rowCount > 1) {
    //         $(this).closest(".data-row").remove();
    //         updateMachineQuantity(); 


    //         // Update input field names to match the updated row indexes
    //         $(".data-row").each(function(index, row) {
    //             $(row).find("input").each(function(i, element) {
    //                 var currentName = $(element).attr("name");
    //                 var newName = currentName.replace(/\[(\d+)\]/g, "[" + index + "]");
    //                 $(element).attr("name", newName);
    //             });
    //             if (rowCount > 1) {
    //                 $row.remove();

    //                 // Update the SL.No for all rows after removing
    //                 updateSLNo();
    //             }
    //         });
    //     }
    // });

//     $(document).on("click", ".delete-row", function() {
//     var rowCount = $(".data-row").length;
//     if (rowCount > 1) {
//         var $row = $(this).closest(".data-row");
//         $row.remove();
        
//         // Update input field names to match the updated row indexes
//         $(".data-row").each(function(index, row) {
//             $(row).find("input").each(function(i, element) {
//                 var currentName = $(element).attr("name");
//                 var newName = currentName.replace(/\[(\d+)\]/g, "[" + index + "]");
//                 $(element).attr("name", newName);
//             });
//         });

//         // Update the SL.No for all rows after removing
//         updateSLNo();
//     }
// });

// });


$(document).ready(function () {
    function updateSLNo() {
        $('.data-row').each(function (index) {
            $(this).find('input[name$="[sl_no]"]').val(index + 1);

            // Update the data index in the name attribute
            $(this).find('input').each(function () {
                var currentName = $(this).attr('name');
                var newName = currentName.replace(/\[\d+\]/g, '[' + index + ']');
                $(this).attr('name', newName);
            });
        });
    }

    $(document).on("click", ".add-row", function () {
        var $lastRow = $(".data-row:last");
        var $newRow = $lastRow.clone();

        // Increment the SL.No for the new row
        var lastSlNo = parseInt($lastRow.find('input[name$="[sl_no]"]').val());
        var newSlNo = isNaN(lastSlNo) ? 1 : lastSlNo + 1;
        $newRow.find('input[name$="[sl_no]"]').val(newSlNo);

        // Clear input values in all fields of the new row
        $newRow.find('input').val('');

        $lastRow.after($newRow);

        updateSLNo();
    });

    $(document).on("click", ".delete-row", function () {
        var rowCount = $(".data-row").length;
        if (rowCount > 1) {
            var $row = $(this).closest(".data-row");
            $row.remove();

            // Update the SL.No and input field names for all rows after removing
            updateSLNo();
        }
    });
});



// Function to update the Machine Quantity based on the sum of qty values
function updateMachineQuantity() {
    var totalQty = 0;
    $(".data-row").each(function(index, row) {
        var qty = parseInt($(row).find(".qty").val()) || 0;
        totalQty += qty;
    });
    // Update the Machine Quantity input field
    $("#machine_quantity").val(totalQty);
}

updateMachineQuantity();

// Function to update the Machine Quantity based on the sum of qty values
function updateMachineTonnage() {
    var totalTon = 0;
    $(".data-row").each(function(index, row) {
        var ton = parseInt($(row).find(".ton").val()) || 0;
        totalTon += ton;
    });
    // Update the Machine Quantity input field
    $("#machine_tonnage").val(totalTon);
}

updateMachineTonnage();

// Update Machine Quantity when qty is changed
$(document).on("keyup", ".ton", updateMachineTonnage);
$(document).on("keyup", ".qty", updateMachineQuantity);

</script>
@endsection