@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 Edit</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>
  @if($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif
  <form role="form" action="{{ route('admin.tapl-work-orders.update', $taplWorkOrder->id) }}" method="POST">
    @csrf
    @method('PUT')
  <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>{{ $taplWorkOrder->performa_invoice_no }}</p>
                          <input type="hidden" name="performa_invoice_no" value="{{ $taplWorkOrder->performa_invoice_no }}">
                      </div>
                      <div class="box-wrap-text">
                          <p class="mb-0"><span class="text-bold text-dark">Work Order No : </span>{{ $taplWorkOrder->work_order_no }}</p>
                          <input type="hidden" name="work_order_no" value="{{ $taplWorkOrder->contract_id_no }}">

                      </div>
                      <div class="box-wrap-text">
                            @php
                                $customer = App\Models\Customer::find($taplWorkOrder->customer_id);
                                $customerName = $customer ? $customer->customer_name : 'N/A'; // Use 'N/A' or any default value you prefer
                            @endphp
                          <p class="mb-0"><span class="text-bold text-dark">{{ $customerName }}</span></p>
                          <input type="hidden" name="customer_id" value="{{ $taplWorkOrder->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>
                           {{ $taplWorkOrder->type_of_amc }}
                          <input type="hidden" name="type_of_amc" value="{{ $taplWorkOrder->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 == $taplWorkOrder->staff_id ? 'selected' : '' }}>
                                    {{ $staff->staff_name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    
                  </div>
              </div>
          </div>
      </div>
  </div>
  
  
      <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="{{ $taplWorkOrder->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="{{ $taplWorkOrder->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="{{ $taplWorkOrder->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="{{ $taplWorkOrder->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="{{ $taplWorkOrder->order_recieved_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="INR. 20000" name="performa_amount" value="{{ $taplWorkOrder->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" placeholder="20" id="customer_order_value" name="customer_order_value" value="{{ $taplWorkOrder->customer_order_value  }}">
                              </div>
                            <span id="customer_order_value_error" class="text-danger"></span>

                          </div>
                          <div class="col-md-6">
                              <label>Increment %</label>
                              <div class="mb-3">
                                  <input type="text" class="form-control" placeholder="30%" name="increment" value="{{ $taplWorkOrder->increment  }}">
                              </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="20%" name="executive_increment_claim" value="{{ $taplWorkOrder->executive_increment_claim  }}">
                              </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" value="{{ $taplWorkOrder->per_ton_rate  }}">
                              </div>
                            <span id="per_ton_rate_error" class="text-danger"></span>

                          </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;" aria-label="Counter" class="machineTonnageInput" value="{{ $taplWorkOrder->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;"  aria-label="Counter" value="{{ $taplWorkOrder->machine_quantity ?? '0'  }}" readonly>                                   
                                </div>
                            </div>
                        </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="{{ $taplWorkOrder->delay_in_renewals  }}">
                              </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="{{ $taplWorkOrder->last_year_amc_expenditure  }}">
                              </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="{{ $taplWorkOrder->last_year_amc_expenditure  }}">
                              </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="{{ $taplWorkOrder->last_year_service_done_frequency  }}">
                              </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($taplWorkOrdertDetails->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 = $taplWorkOrdertDetails->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>Billing Frequency</label>
                                    <div class="mb-3">
                                        <input type="text" class="form-control" placeholder="" name="billing_frequency" id="billing_frequency"  value="{{ @$taplWorkOrder->billing_frequency  }}" readonly>
                                    </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>

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


        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;
        });

        // Check if total amount exceeds customer order value
        if (totalBillingAmount < customerOrderValue) {
            $("#billing_error").text("Total billing amount is less than the customer order value.");
            isValid = false;
        }

        if (isValid) {
            form.submit();
        } else {
            event.preventDefault(); // Prevent the form from being submitted.
        }
    });
});

    $(document).ready(function () {
        // Get the initial billing frequency from the retrieved data
        var initialBillingFrequency = {{ $billingFrequency->count() }}; // Assuming $billingFrequency is a collection

        // Set the billing frequency input value
        $('#billing_frequency').val(initialBillingFrequency);

        // Generate the billing table based on the initial billing frequency
        generateBillingTable(initialBillingFrequency);

        $('#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>';

        // Retrieve the billing frequency data from the database and populate the table
        @foreach ($billingFrequency as $index => $bf)
            tableHTML += '<tr>';
            tableHTML += '<td><input class="form-control" type="date" name="month[{{ $index + 1 }}][]" value="{{ $bf->month }}"></td>';
            tableHTML += '<td><input class="form-control" type="text" name="amount[{{ $index + 1 }}][]" value="{{ $bf->amount }}"></td>';
            tableHTML += '</tr>';
        @endforeach

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

        // Append the generated table to the container
        $('#billing_table_container').html(tableHTML);
    }
</script>

<script>
   $('#billing_table_container').on('input', 'input[name^="amount"]', function () {
       var customerOrderValue = parseFloat($('#customer_order_value').val()); // Retrieve the customer order value
    console.log('od'+customerOrderValue);
    var totalAmount = 0;
    var inputField = $(this);

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


    // 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('');
        console.log('hird');
    }
    console.log('foru');


});

</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