@extends('admin.layouts.app')

@section('content')
<div class="container-fluid py-4">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb bg-transparent mb-0 pb-0 px-0 me-sm-6 me-5">
            <li class="breadcrumb-item text-sm"><a class="opacity-5 text-dark" href="{{ route('admin.dashboard') }}">Dashboard</a>
            </li>
            <li class="breadcrumb-item text-sm"><a class="opacity-5 text-dark" href="{{ route('admin.tapl-contracts.index') }}">Performa Invoice</a>
            </li>
            <li class="breadcrumb-item text-sm"><a class="opacity-5 text-dark" href="{{ route('admin.tapl.work.orders', $taplContract->id) }}">Work Order</a>
            </li>
            <li class="breadcrumb-item text-sm text-dark active font-weight-bolder" aria-current="page">
            Work Order Create</li>
        </ol>
    </nav>
  @if(session('success'))
  <div class="alert alert-success">
      {{ session('success') }}
  </div>
  @endif
  @if(session('error'))
    <div class="alert alert-danger">
        {{ session('error') }}
    </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.work.orders', $taplContract->id) }}">Back</a>
              </div>
          </div>
      </div>
  </div>
  <form role="form" action="{{ route('admin.tapl.work.order.store', $taplContract->id) }}" method="POST" id="tapl-work-order-form">
    @csrf
  <div class="row">
      <div class="col-12">
          <div class="card pt-3 mb-4">
              <div class="card-body px-0 pt-0 pb-2">
                  <style>
                      .box-wrap-text {
                          width: 100%;
                          text-align: center;
                      }
                      .box-wrap-text:nth-child(2){
                          margin: 0px 20px;
                      }
                  </style>
                  <div class="d-md-flex align-items-center justify-content-between px-3 mb-3">
                      <div class="box-wrap-text">
                          <p class="mb-0"><span class="text-bold text-dark">Performa Invoice No : </span>{{ $taplContract->performa_invoice_no }}</p>
                          <input type="hidden" name="performa_invoice_no" value="{{ $taplContract->performa_invoice_no }}">
                      </div>
                      <div class="box-wrap-text">
                          <p class="mb-0"><span class="text-bold text-dark">Work Order No : </span>{{ $performaInvoiceNo }}</p>
                          <input type="hidden" name="work_order_no" value="{{ $performaInvoiceNo }}">

                      </div>
                      <div class="box-wrap-text">
                          <p class="mb-0"><span class="text-bold text-dark">{{ $taplContract->customer_name }}</span></p>
                          <input type="hidden" name="customer_id" value="{{ $taplContract->customer_id_no }}">

                      </div>
                  </div>
                  <div class="d-md-flex align-items-center justify-content-start px-3 mb-3">
                    <div class="box-wrap-text" style="width: 32.2%;">
                        <p class="mb-0"><span class="text-bold text-dark">AMC Type : </span>
                           {{ $taplContract->type_of_amc }}
                          <input type="hidden" name="type_of_amc" value="{{ $taplContract->type_of_amc }}">
                        </p>
                    </div>                  
                    <div class="box-wrap-text" style="width: 32.2%;">
                        <label for="staff_id">Executive Name:</label>
                        <select name="staff_id" id="staff_id" class="form-control">
                            @foreach ($staffs as $staff)
                                <option value="{{ $staff->id }}" {{ $staff->id == $taplContract->staff_id ? 'selected' : '' }}>
                                    {{ $staff->staff_name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    
                  </div>
              </div>
          </div>
      </div>
  </div>
  @php
    $startDate = \Carbon\Carbon::parse($taplContract->amc_start_date);
    $endDate = \Carbon\Carbon::parse($taplContract->amc_end_on_date);
    $BreakInDuration = $endDate->diffInDays($startDate);

    $customerOrderDate = \Carbon\Carbon::parse($taplContract->customer_order_received_date); // Replace $customerOrderReceivedDate with the actual variable name
    $amcStartDate = \Carbon\Carbon::parse($taplContract->amc_start_date);
    $DelayInRenewal = $amcStartDate->diffInDays($customerOrderDate);

    $customerOrderValue = $taplContract->customer_order_value; 
    $machineTonnage = $taplContract->machine_tonnage; 

    $customerOrderValue = $taplContract->customer_order_value;
    $lastYearCustomerOrderValue = $taplContract->last_year_customer_order_value;
    if($lastYearCustomerOrderValue>0){
        $percentageChange = (($customerOrderValue - $lastYearCustomerOrderValue) * 100/($lastYearCustomerOrderValue));
    }else{
        $percentageChange = 0;
    }

@endphp
  
      <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>AMC Start Date</label>
                              <div class="mb-3">
                                  <input type="date" class="form-control" placeholder="" name="amc_start_date" value="{{ $taplContract->amc_start_date }}">
                              </div>
                              <span id="machine_quantity_error" class="text-danger"></span>
                          </div>
                           <div class="col-md-6">
                              <label>AMC End Date</label>
                              <div class="mb-3">
                                  <input type="date" class="form-control" placeholder="" name="amc_end_date" value="{{ $taplContract->amc_end_date }}">
                              </div>
                                <span id="amc_end_date_error" class="text-danger"></span>
                          </div>
                          
                        <div class="col-md-6">
                            <label>Address Line 1</label>
                            <div class="mb-3">
                                <textarea name="address_line_one" class="form-control" id="" cols="10" rows="5">{{ $taplContract->address_line_1 }}</textarea>
                            </div>
                        </div>
                        <div class="col-md-6">
                          <label>Address Line 2</span></label>
                          <div class="mb-3">
                            <textarea name="address_line_second" class="form-control" id="" cols="10" rows="5">{{ $taplContract->address_line_2 }}</textarea>
                          </div>
                      </div>
                      <div class="col-md-6">
                        <label>Machine Quantity <span>(Nos)</span></label>
                        <div class="mb-3">
                            <input type="number" class="form-control" placeholder="Quantity" name="machine_quantity" id="machineQuantityInput"  value="{{ $taplContract->machine_quantity }}">
                        </div>
                        <span id="machine_quantity_error" class="text-danger"></span>
                    </div>
                          <div class="col-md-6">
                            <label>Machine Tonnage</label>
                            <div class="mb-3">
                                <input type="text" class="form-control" placeholder="" name="machine_tonnage" id="machineTonnageInput" class="machineTonnageInput" value="{{ $taplContract->machine_tonnage }}">
                            </div>
                            <span id="machine_tonnage_error" class="text-danger"></span>
                        </div>
                          <div class="col-md-6">
                              <label>Order Received Date</label>
                              <div class="mb-3">
                                  <input type="date" class="form-control" placeholder="" name="order_recieved_date" value="{{ $taplContract->work_order_recieve_date }}">
                              </div>
                            <span id="order_recieved_date_error" class="text-danger"></span>
                          </div>

                          <div class="col-md-6">
                              <label>Performa Amount</label>
                              <div class="mb-3">
                                  <input type="text" class="form-control" placeholder="" name="performa_amount" value="{{ $taplContract->performa_amount  }}">
                              </div>
                            <span id="performa_amount_error" class="text-danger"></span>
                          </div>

                          <div class="col-md-6">
                            <label>Customer Order Value</label>
                            <div class="mb-3">
                                <input type="num" class="form-control" name="customer_order_value" id="customer_order_value" value="">
                            </div>
                            <span id="customer_order_value_error" class="text-danger"></span>
                            <input type="hidden" name="last_year_customer_order_value" id="last_year_customer_order_value" value="{{ $taplContract->last_year_customer_order_value }}">
                        </div>
                        
                          <div class="col-md-6">
                              <label>Increment %</label>
                              <div class="mb-3">
                                  <input type="text" class="form-control" name="increment" value="0">
                              </div>
                            <span id="increment_error" class="text-danger"></span>
                          </div>

                          <div class="col-md-6">
                              <label>Executive Increment Claim %</label>
                              <div class="mb-3">
                                  <input type="text" class="form-control" placeholder="" name="executive_increment_claim" value="0">
                              </div>
                            <span id="executive_increment_claim_error" class="text-danger"></span>
                          </div>

                          <div class="col-md-6">
                              <label>Per Ton Rate %</label>
                              <div class="mb-3">
                                  <input type="text" class="form-control" placeholder="" name="per_ton_rate" id="per_ton_rate" value="{{ $perTonRate }}">
                              </div>
                            <span id="per_ton_rate_error" class="text-danger"></span>
                          </div>

                          <div class="col-md-6">
                              <label>Delay In renewals</label>
                              <div class="mb-3">
                                  <input type="text" class="form-control" placeholder="" name="delay_in_renewals" value="{{ $DelayInRenewal }}">
                              </div>
                            <span id="delay_in_renewals_error" class="text-danger"></span>
                          </div>

                          <div class="col-md-6">
                              <label>Last Year AMC Expenditure</label>
                              <div class="mb-3">
                                  <input type="text" class="form-control" placeholder="" name="last_year_amc_expenditure" value="0">
                              </div>
                            <span id="last_year_amc_expenditure_error" class="text-danger"></span>
                          </div>

                          <div class="col-md-6">
                              <label>Break In Days / Month</label>
                              <div class="mb-3">
                                  <input type="text" class="form-control" placeholder="" name="break_in_days_months" value="{{ $BreakInDuration }}">
                              </div>
                            <span id="break_in_days_months_error" class="text-danger"></span>
                          </div>

                          <div class="col-md-6">
                              <label>Last Year Service Done Frequency</label>
                              <div class="mb-3">
                                  <input type="text" class="form-control" placeholder="" name="last_year_service_done_frequency" value="0">
                              </div>
                            <span id="last_year_service_done_frequency_error" class="text-danger"></span>
                          </div>

                          <div class="col-md-6">
                              <label>Type</label>
                              <div class="mb-3">
                                <select name="billing_type" id="" class="form-control">
                                    @foreach ($billingTypes as $billingType)
                                        <option value="{{ $billingType->id  }}">{{ $billingType->status_name  }}</option>
                                    @endforeach
                                </select>
                                  {{-- <input type="text" class="form-control" placeholder="" aria-label=""
                                      aria-describedby="username-addon"> --}}
                              </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>
                                          @if($taplContractDetails->isEmpty())
                                          <tr class="data-row">
                                              <td>
                                                <input type="text" class="form-control text-center" style="width: 70px;" placeholder="" value="1" name="data[0][sl_no]" readonly>
                                              </td>
                                              <td>
                                                <input type="text" class="form-control text-center ton" style="width: 70px;" placeholder="ton" name="data[0][ton]">
                                              </td>
                                              <td>
                                                <input type="text" class="form-control text-center" style="width: 70px;" placeholder="uqm" name="data[0][uqm]">
                                              </td>
                                              <td>
                                                <input type="text" class="form-control text-center qty" style="width: 70px;" placeholder="qty" name="data[0][qty]">
                                              </td>
                                              <td>
                                                <input type="text" class="form-control text-center" style="width: 70px;" placeholder="brand" name="data[0][brand]">
                                              </td>
                                              <td>
                                                <input type="text" class="form-control text-center" style="width: 70px;" placeholder="model no" name="data[0][model_no]">
                                              </td>
                                              <td>
                                                <input type="text" class="form-control text-center" style="width: 70px;" placeholder="serial no" name="data[0][serial_no]">
                                              </td>
                                              <td>
                                                <input type="text" class="form-control text-center" style="width: 70px;" placeholder="UPS Room" name="data[0][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>
                                          @else
                                          @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
                                          @endif
                                      </tbody>
                                    </table>
                                  </div>
                                  <div class="col-md-6">
                                    <label>Machine Tonnage</label>
                                    <div class="mb-3">
                                        <div class="d-flex align-items-center">
                                            <input id="counterInput" type="num" class="form-control text-center" style="margin: 0px 15px;" class="machineTonnageInput" value="{{ $taplContract->machine_tonnage ?? '0' }}" readonly>
                                        </div>
                                    </div>
                                </div>
      
                                <div class="col-md-6">
                                    <label>Machine Numbers</label>
                                    <div class="mb-3">
                                        <div class="d-flex align-items-center">
                                            <input id="counterInput2" type="num" class="form-control text-center" style="margin: 0px 15px;" value="{{ $taplContract->machine_quantity ?? '0' }}" readonly>
                                        </div>
                                    </div>
                                </div>
                                  <div class="col-md-6">
                                    <label>Billing Frequency</label>
                                    <div class="mb-3">
                                      <input type="text" class="form-control" placeholder="" name="billing_frequency" id="billing_frequency">
                                    </div>
                                    <span id="billing_frequency_error" class="text-danger"></span>
                                  </div>
                                  
                                  <div id="billing_table_container">
                                  </div>
        
                            </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 & Proceed</a> --}}
                            <input type="submit" value="Save & Proceed" class="btn bg-gradient-info mb-3"
                                style="float: right;" id="saveButton" role="button">
                          </div>
                      </div>
                  </div>
              </div>
          </div>
      </div>
  </form>

  
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    function calculateIncrement() {
        console.log('hello');
        var customerOrderValue = parseFloat($("input[name='customer_order_value']").val());
        var lastYearCustomerOrderValue = parseFloat($("input[name='last_year_customer_order_value']").val());

        if (!isNaN(customerOrderValue) && !isNaN(lastYearCustomerOrderValue) && lastYearCustomerOrderValue !== 0) {
            var incrementValue = ((customerOrderValue - lastYearCustomerOrderValue) * 100) / lastYearCustomerOrderValue;
            console.log(incrementValue);
            $("input[name='increment']").val(incrementValue.toFixed(2)); // Round to 2 decimal places
        } else {
            $("input[name='increment']").val(0); // Clear the field if the calculation is not valid
        }
    }

    // Attach change event handlers to relevant input fields
    $("input[name='customer_order_value'], input[name='last_year_customer_order_value']").on('keyup', function () {
        calculateIncrement();
    });

    // Initial calculation when the page loads
    calculateIncrement();



$(document).ready(function () {
    $('#billing_frequency').on('blur', function () {
      var billingFrequency = $(this).val();

      // Check if the input contains a numeric value
      if (!isNaN(billingFrequency)) {
        // Clear any previous errors
        $('#billing_frequency_error').text('');

        // Generate the table based on billing frequency
        generateBillingTable(Number(billingFrequency));
      } else {
        $('#billing_frequency_error').text('Invalid input. Please enter a numeric value.');
      }
    });
  });



  function generateBillingTable(billingFrequency) {
    var tableHTML = '<table class="table">';
    tableHTML += '<thead><tr><th>Month</th><th>Amount</th></tr></thead>';
    tableHTML += '<tbody>';

    for (var i = 1; i <= billingFrequency; i++) {
        var currentDate = new Date().toISOString().split('T')[0];
      tableHTML += '<tr>';
      tableHTML += '<td><input class="form-control" type="date" name="month['+ i +'][]" value="' + currentDate + '"></td>';
      tableHTML += '<td><input class="form-control" type="text" name="amount['+ i +'][]" value="0"></td>';
      tableHTML += '</tr>';
    }

    tableHTML += '</tbody></table>';

    // Append the generated table to the container
    $('#billing_table_container').html(tableHTML);
  }
</script>
<script>
    // Add event listener to the billing table inputs to check amount
    $('#billing_table_container').on('input', 'input[name^="amount"]', function () {
        console.log('he')
        var customerOrderValue = parseFloat($('#customer_order_value').val());
        var totalAmount = 0;
        var inputField = $(this);

        console.log(inputField);

        // Calculate the total amount
        $('input[name^="amount"]').each(function () {
            var amount = parseFloat($(this).val()) || 0;
            totalAmount += amount;
        });

        // Check if total amount exceeds customer order value
        if (totalAmount > customerOrderValue) {
           alert('Total amount exceeds customer order value.');
            // Clear the input field's value
            inputField.val('');
        }

         // Check if the total amount is less than the customer order value
    });

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

            $(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);

        $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();

            updateSLNo();
        }
    });
});
</script>

<script>
   $("#plusBtn, #minusBtn, #plusBtn2, #minusBtn2").on("click", function () {
    const action = $(this).data("action");
    console.log("Button clicked with action:", action); // Debug line

    if (action === "plus") {
        console.log("Plus button clicked"); // Debug line
        machineTonnageInput.val(parseInt(machineTonnageInput.val()) + 1);
        machineQuantityInput.val(parseInt(machineQuantityInput.val()) + 1);
    } else if (action === "minus") {
        console.log("Minus button clicked"); // Debug line
        const tonnageValue = parseInt(machineTonnageInput.val());
        if (tonnageValue > 0) {
            machineTonnageInput.val(tonnageValue - 1);
        }

        const quantityValue = parseInt(machineQuantityInput.val());
        if (quantityValue > 0) {
            machineQuantityInput.val(quantityValue - 1);
        }
    }
});

</script>

<script>
    function calculateDelayInRenewals() {
        var amcStartDate = new Date($("input[name='amc_start_date']").val());
        var orderReceivedDate = new Date($("input[name='order_recieved_date']").val());

        if (!isNaN(amcStartDate) && !isNaN(orderReceivedDate)) {
            var timeDifference = orderReceivedDate - amcStartDate;
            var daysLeft = Math.floor(timeDifference / (1000 * 3600 * 24));
            $("input[name='delay_in_renewals']").val(daysLeft);
        }
    }

    function calculateBreakDay() {
        var amcStartDate = new Date($("input[name='amc_start_date']").val());
        var amcEndsDate = new Date($("input[name='amc_end_date']").val());

        if (!isNaN(amcStartDate) && !isNaN(amcEndsDate)) {
            var timeDifference = amcStartDate - amcEndsDate;
            var daysLeft = Math.floor(timeDifference / (1000 * 3600 * 24));
            $("input[name='break_in_days_months']").val(daysLeft);
        }
    }

    // Attach change event handlers to AMC Start Date and Order Received Date inputs
    $("input[name='amc_start_date'], input[name='order_recieved_date']").on('change', function () {
        calculateDelayInRenewals();
    });

    $("input[name='amc_start_date'], input[name='amc_end_date']").on('change', function () {
        calculateBreakDay();
    });

    calculateDelayInRenewals();

    calculateBreakDay();

    $(document).ready(function () {
        calculateDelayInRenewals();
        calculateBreakDay();
    });
</script>
<script>
    function updateMachineTonnage() {
        var totalTon = 0;
        var totalTonnage = 0;
        var totalQty = 0;

        $(".data-row").each(function(index, row) {
            var product = Number($(row).find(".ton").val()) || 0;
            var qty = Number($(row).find(".qty").val()) || 0;
            totalTonnage +=  product * qty;
            totalQty += qty;
        });
        // Update the Machine Tonnage input field
            $("#machine_tonnage").val(totalTonnage);
            $("#machine_quantity").val(totalQty);

        }

    updateMachineTonnage();

</script>

<script>
    $(document).ready(function () {
        // Find the form element
        var form = $("form");
    
        form.submit(function (event) {
            // Reset error messages
            $(".text-danger").text("");
    
            // Validate fields
            var isValid = true;
            console.log("First "+isValid);
            if (!$("input[name='amc_start_date']").val()) {
                $("#amc_start_date_error").text("AMC Start Date is required.");
                isValid = false;
            }

            if (!$("input[name='amc_end_date']").val()) {
                $("#amc_end_date_error").text("AMC End Date is required.");
                isValid = false;
            }
    
            if (!$("input[name='machine_quantity']").val()) {
                $("#machine_quantity_error").text("Machine Quantity is required.");
                isValid = false;
            }
    
            if (!$("input[name='machine_tonnage']").val()) {
                $("#machine_tonnage_error").text("Machine Tonnage is required.");
                isValid = false;
            }

            if (!$("input[name='order_recieved_date']").val()) {
                $("#order_recieved_date_error").text("Order Recieve Date is required.");
                isValid = false;
            }

            if (!$("input[name='performa_amount']").val()) {
                $("#performa_amount_error").text("Performa Amount is required.");
                isValid = false;
            }

            if (!$("input[name='customer_order_value']").val()) {
                $("#customer_order_value_error").text("Customer Order Value is required.");
                isValid = false;
            }

            if (!$("input[name='increment']").val()) {
                $("#increment_error").text("Increment is required.");
                isValid = false;
            }

            if (!$("input[name='executive_increment_claim']").val()) {
                $("#executive_increment_claim_error").text("Executive Increment Claim is required.");
                isValid = false;
            }

            if (!$("input[name='per_ton_rate']").val()) {
                $("#per_ton_rate_error").text("Per Ton Rate is required.");
                isValid = false;
            }
    
            if (!$("input[name='delay_in_renewals']").val()) {
                $("#delay_in_renewals_error").text("Delay In Renewals is required.");
                isValid = false;
            }

            if (!$("input[name='last_year_amc_expenditure']").val()) {
                $("#last_year_amc_expenditure_error").text("Last Year AMC Expenditure is required.");
                isValid = false;
            }

            if (!$("input[name='break_in_days_months']").val()) {
                $("#break_in_days_months_error").text("Break In Days is required.");
                isValid = false;
            }

            if (!$("input[name='last_year_service_done_frequency']").val()) {
                $("#last_year_service_done_frequency_error").text("Last Year Service Done Frequency is required.");
                isValid = false;
            }

            var customerOrderValue = parseFloat($("input[name='customer_order_value']").val());
            var totalBillingAmount = 0;

            $('input[name^="amount"]').each(function () {
                var amount = parseFloat($(this).val()) || 0;
                totalBillingAmount += amount;
            });

            if (totalBillingAmount < customerOrderValue) {
               alert("Total billing amount is less than the customer order value.");
                isValid = false;
            }

            // if (!$("input[name='billing_type']").val()) {
            //     $("#billing_type_error").text("Billing Type is required.");
            //     isValid = false;
            // }

            if (!$("input[name='billing_frequency']").val()) {
                $("#billing_frequency_error").text("Billing Frequency is required.");
                isValid = false;
            }
    
            console.log("Last "+isValid);
            if(isValid){
                $("#tapl-work-order-form").submit(); // This submits the form with id "tapl-work-order-form"

            }

            // Return whether the form is valid
            return isValid;
        });
    });
</script>


<script>
    $(document).ready(function(){
    $(document).on("keyup", "#machineTonnageInput", perTonRate);
    $(document).on("keyup", "#customer_order_value", perTonRate);

    function perTonRate()
    {
        var customerOrderValue = 0;
        var machineTonnage = 0;
        var perTonRate = 0;

        customerOrderValue = $("input[name='customer_order_value']").val() || 0;
        machineTonnage = $("input[name='machine_tonnage']").val() || 0;
        perTonRate = customerOrderValue / machineTonnage;

        $('#per_ton_rate').val(Math.round(perTonRate));
        console.log('Customer Order Value'+customerOrderValue);
        console.log('Machine Tonnage'+machineTonnage);
    }
    
    perTonRate(); 

    function updateMachineTonnage() {
            var totalTon = 0;
            var totalTonnage = 0;
            var totalQty = 0;

            $(".data-row").each(function(index, row) {
                var product = Number($(row).find(".ton").val()) || 0;
                var qty = Number($(row).find(".qty").val()) || 0;
                totalTonnage +=  product * qty;
                totalQty += qty;
            });
            // Update the Machine Tonnage input field
                $("#machineTonnageInput").val(totalTonnage);
                $("#machineQuantityInput").val(totalQty);
        }

    updateMachineTonnage(); 

    $(document).on("keyup", ".ton", perTonRate);
    $(document).on("keyup", ".qty", perTonRate);
    $(document).on("keyup", ".ton", updateMachineTonnage);
    $(document).on("keyup", ".qty", updateMachineTonnage);
});

</script>
<script>
$(document).ready(function(){

    updateIncrementPercentage();

    function updateIncrementPercentage() {
        var customerOrderValue = 0;
        var lastYearOrderValue = 0;
        var resultIncrementPercentage = 0;
        customerOrderValue = $('#customer_order_value').val();
        lastYearOrderValue = $('#last_year_customer_order_value').val();

        resultIncrementPercentage = ((customerOrderValue - lastYearOrderValue) * 100 / (lastYearOrderValue));
        console.log('customer'+customerOrderValue);
        console.log('last'+lastYearOrderValue);
        console.log('result'+resultIncrementPercentage);

    }

    $(document).on("keyup", "#customer_order_value", updateIncrementPercentage);
});
</script>
@endsection